<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[49574] trunk/src/wp-content/themes/twentytwentyone: Twenty Twenty-One: Merge the latest changes changes from GitHub for Beta 4.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/49574">49574</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/49574","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>desrosj</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-11-12 18:34:44 +0000 (Thu, 12 Nov 2020)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Twenty Twenty-One: Merge the latest changes changes from GitHub for Beta 4.

In addition to syncing the latest changes, this change also merges the theme's `.scss` files and other related build tool configurations required to compile the theme's CSS.

This will allow development of the theme to continue on Trac after 5.6 is released and the GitHub repository is archived.

For a full list of changes since [], see https://github.com/WordPress/twentytwentyone/compare/e7d5991...aa284fd.

Props poena, luminuu kjellr, aristath, justinahinon.
See <a href="https://core.trac.wordpress.org/ticket/51526">#51526</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscsscustomcoloroverridescss">trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssieeditorcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssiecss">trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssprintcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodecss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcustomizercss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizehelpersjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizepreviewjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjscustomizejs">trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsdarkmodetogglerjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjseditordarkmodesupportjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsprimarynavigationjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomcolorsphp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomizephp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonedarkmodephp">trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonecommentsphp">trunk/src/wp-content/themes/twentytwentyone/comments.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonefooterphp">trunk/src/wp-content/themes/twentytwentyone/footer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonefunctionsphp">trunk/src/wp-content/themes/twentytwentyone/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincblockpatternsphp">trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincmenufunctionsphp">trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneincstartercontentphp">trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneinctemplatefunctionsphp">trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneinctemplatetagsphp">trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonepackagelockjson">trunk/src/wp-content/themes/twentytwentyone/package-lock.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonepackagejson">trunk/src/wp-content/themes/twentytwentyone/package.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonereadmetxt">trunk/src/wp-content/themes/twentytwentyone/readme.txt</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonesinglephp">trunk/src/wp-content/themes/twentytwentyone/single.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylertlcss">trunk/src/wp-content/themes/twentytwentyone/style-rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylecss">trunk/src/wp-content/themes/twentytwentyone/style.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonetemplatepartscontentcontentnonephp">trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonetemplatepartsheadersitenavphp">trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintignore">trunk/src/wp-content/themes/twentytwentyone/.stylelintignore</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintrccssjson">trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyonestylelintrcjson">trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodertlcss">trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjseditorjs">trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/</li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfileheaderscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfontsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass01settingsglobalscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsextendsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsfunctionsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass02toolsmixinsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericbreakpointsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericclearingsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericnormalizescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericresetscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass03genericverticalmarginsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsblockquotescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementslinksscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmediascss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmiscscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocks_configscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksaudio_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblockseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblocksscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockshtml_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksspacer_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_fontsizesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_editorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass05blocksvideo_stylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06components404scss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsarchivesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentscommentsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentseditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsentryscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooternavigationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooterscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsheaderscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentsnavigationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentspaginationscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentspostsandpagesscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentssearchscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentssinglescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass06componentswidgetsscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss</a></li>
<li>trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/</li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesa11yscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiescolorpalettescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesiescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesmeasurescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesprintscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstyledarkmodescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstyleeditorscss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetssassstylescss">trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss</a></li>
</ul>

<h3>Removed Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyoneassetsjsunregisterblockstylejs">trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentytwentyonestylelintignore"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintignore</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintignore                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintignore        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,10 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+vendor/
+node_modules/
+assets/images
+*.php
+*.map
+*.png
+*.json
+LICENSE
+composer.lock
+*.txt
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylelintrccssjson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+       "extends": [
+               "stylelint-config-wordpress"
+       ],
+       "rules": {
+               "indentation": "tab",
+               "no-duplicate-selectors": null,
+               "function-url-quotes": null,
+               "selector-attribute-quotes": null,
+               "declaration-block-no-duplicate-properties": null,
+               "function-calc-no-unspaced-operator": null,
+               "selector-pseudo-class-no-unknown": null,
+               "selector-class-pattern": null,
+               "font-weight-notation": null,
+               "selector-type-no-unknown": null,
+               "max-line-length": null,
+               "at-rule-empty-line-before": null,
+               "selector-pseudo-element-colon-notation": null,
+               "number-leading-zero": null,
+               "no-descending-specificity": null
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyonestylelintrcjson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,15 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+       "extends": [
+               "stylelint-config-wordpress/scss"
+       ],
+       "rules": {
+               "selector-class-pattern": null,
+               "font-weight-notation": null,
+               "selector-type-no-unknown": null,
+               "max-line-length": null,
+               "at-rule-empty-line-before": null,
+               "selector-pseudo-element-colon-notation": null,
+               "number-leading-zero": null,
+               "no-descending-specificity": null
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/.stylelintrc.json
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetscsscustomcoloroverridescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Custom Color Overrides
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * 
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *
</ins><span class="cx" style="display: block; padding: 0 10px">  * This file is automatically populated if the user chooses custom colors in the Customzier.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ */
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssieeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css      2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,85 +1,309 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These styles should be loaded by the Block Editor only
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Family */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+       --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Size */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--font-size-base: 1.25rem;
+       --global--font-size-xs: 1rem;
+       --global--font-size-sm: 1.125rem;
+       --global--font-size-md: 1.25rem;
+       --global--font-size-lg: 1.5rem;
+       --global--font-size-xl: 2.25rem;
+       --global--font-size-xxl: 4rem;
+       --global--font-size-xxxl: 5rem;
+       --global--font-size-page-title: var(--global--font-size-xxl);
+       --global--letter-spacing: normal;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Line Height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--line-height-body: 1.7;
+       --global--line-height-heading: 1.3;
+       --global--line-height-page-title: 1.1;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --heading--font-family: var(--global--font-primary);
+       --heading--font-size-h6: var(--global--font-size-xs);
+       --heading--font-size-h5: var(--global--font-size-sm);
+       --heading--font-size-h4: var(--global--font-size-lg);
+       --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+       --heading--font-size-h2: var(--global--font-size-xl);
+       --heading--font-size-h1: var(--global--font-size-page-title);
+       --heading--letter-spacing-h6: 0.05em;
+       --heading--letter-spacing-h5: 0.05em;
+       --heading--letter-spacing-h4: var(--global--letter-spacing);
+       --heading--letter-spacing-h3: var(--global--letter-spacing);
+       --heading--letter-spacing-h2: var(--global--letter-spacing);
+       --heading--letter-spacing-h1: var(--global--letter-spacing);
+       --heading--line-height-h6: var(--global--line-height-heading);
+       --heading--line-height-h5: var(--global--line-height-heading);
+       --heading--line-height-h4: var(--global--line-height-heading);
+       --heading--line-height-h3: var(--global--line-height-heading);
+       --heading--line-height-h2: var(--global--line-height-heading);
+       --heading--line-height-h1: var(--global--line-height-page-title);
+       --heading--font-weight: normal;
+       --heading--font-weight-page-title: 300;
+       --heading--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Latest posts */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --latest-posts--title-font-family: var(--heading--font-family);
+       --latest-posts--title-font-size: var(--heading--font-size-h3);
+       --latest-posts--description-font-family: var(--global--font-secondary);
+       --latest-posts--description-font-size: var(--global--font-size-sm);
+       --list--font-family: var(--global--font-secondary);
+       --definition-term--font-family: var(--global--font-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Colors */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-black: #000;
+       --global--color-dark-gray: #28303d;
+       --global--color-gray: #39414d;
+       --global--color-light-gray: #f0f0f0;
+       --global--color-green: #d1e4dd;
+       --global--color-blue: #d1dfe4;
+       --global--color-purple: #d1d1e4;
+       --global--color-red: #e4d1d1;
+       --global--color-orange: #e4dad1;
+       --global--color-yellow: #eeeadd;
+       --global--color-white: #fff;
+       --global--color-white-50: rgba(255, 255, 255, 0.5);
+       --global--color-white-90: rgba(255, 255, 255, 0.9);
+       --global--color-primary: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Body text color, site title, footer text color. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-secondary: var(--global--color-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-primary-hover: var(--global--color-primary);
+       --global--color-background: var(--global--color-green);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Mint, default body background */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-border: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Spacing */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--spacing-unit: 20px;
+       --global--spacing-measure: unset;
+       --global--spacing-horizontal: 25px;
+       --global--spacing-vertical: 30px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Elevation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Forms */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --form--font-family: var(--global--font-secondary);
+       --form--font-size: var(--global--font-size-sm);
+       --form--line-height: var(--global--line-height-body);
+       --form--color-text: var(--global--color-dark-gray);
+       --form--color-ranged: var(--global--color-secondary);
+       --form--label-weight: 500;
+       --form--border-color: var(--global--color-secondary);
+       --form--border-width: 3px;
+       --form--border-radius: 0;
+       --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Cover block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --cover--height: calc(15 * var(--global--spacing-vertical));
+       --cover--color-foreground: var(--global--color-white);
+       --cover--color-background: var(--global--color-black);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Buttons */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --button--color-text: var(--global--color-background);
+       --button--color-text-hover: var(--global--color-secondary);
+       --button--color-text-active: var(--global--color-secondary);
+       --button--color-background: var(--global--color-secondary);
+       --button--color-background-active: var(--global--color-background);
+       --button--font-family: var(--global--font-primary);
+       --button--font-size: var(--global--font-size-base);
+       --button--font-weight: 500;
+       --button--line-height: 1.5;
+       --button--border-width: 3px;
+       --button--border-radius: 0;
+       --button--padding-vertical: 15px;
+       --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* entry */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --entry-header--color: var(--global--color-primary);
+       --entry-header--color-link: currentColor;
+       --entry-header--color-hover: var(--global--color-primary-hover);
+       --entry-header--color-focus: var(--global--color-secondary);
+       --entry-header--font-size: var(--heading--font-size-h2);
+       --entry-content--font-family: var(--global--font-secondary);
+       --entry-author-bio--font-family: var(--heading--font-family);
+       --entry-author-bio--font-size: var(--heading--font-size-h4);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Header */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --branding--color-text: var(--global--color-primary);
+       --branding--color-link: var(--global--color-primary);
+       --branding--color-link-hover: var(--global--color-secondary);
+       --branding--title--font-family: var(--global--font-primary);
+       --branding--title--font-size: var(--global--font-size-lg);
+       --branding--title--font-size-mobile: var(--heading--font-size-h4);
+       --branding--title--font-weight: normal;
+       --branding--title--text-transform: uppercase;
+       --branding--description--font-family: var(--global--font-secondary);
+       --branding--description--font-size: var(--global--font-size-sm);
+       --branding--description--font-family: var(--global--font-secondary);
+       --branding--logo--max-width: 300px;
+       --branding--logo--max-height: 100px;
+       --branding--logo--max-width-mobile: 96px;
+       --branding--logo--max-height-mobile: 96px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Main navigation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --primary-nav--font-family: var(--global--font-secondary);
+       --primary-nav--font-family-mobile: var(--global--font-primary);
+       --primary-nav--font-size: var(--global--font-size-md);
+       --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+       --primary-nav--font-size-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-button: var(--global--font-size-xs);
+       --primary-nav--font-style: normal;
+       --primary-nav--font-style-sub-menu-mobile: normal;
+       --primary-nav--font-weight: normal;
+       --primary-nav--font-weight-button: 500;
+       --primary-nav--color-link: var(--global--color-primary);
+       --primary-nav--color-link-hover: var(--global--color-primary-hover);
+       --primary-nav--color-text: var(--global--color-primary);
+       --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+       --primary-nav--border-color: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Pagination */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --pagination--color-text: var(--global--color-primary);
+       --pagination--color-link-hover: var(--global--color-primary-hover);
+       --pagination--font-family: var(--global--font-secondary);
+       --pagination--font-size: var(--global--font-size-lg);
+       --pagination--font-weight: normal;
+       --pagination--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Footer */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --footer--color-text: var(--global--color-primary);
+       --footer--color-link: var(--global--color-primary);
+       --footer--color-link-hover: var(--global--color-primary-hover);
+       --footer--font-family: var(--global--font-primary);
+       --footer--font-size: var(--global--font-size-sm);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Pull quote */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --pullquote--font-family: var(--global--font-primary);
+       --pullquote--font-size: var(--heading--font-size-h3);
+       --pullquote--font-style: normal;
+       --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+       --pullquote--line-height: var(--global--line-height-heading);
+       --pullquote--border-width: 3px;
+       --pullquote--border-color: var(--global--color-primary);
+       --pullquote--color-foreground: var(--global--color-primary);
+       --pullquote--color-background: var(--global--color-background);
+       --quote--font-family: var(--global--font-secondary);
+       --quote--font-size: var(--global--font-size-md);
+       --quote--font-size-large: var(--global--font-size-xl);
+       --quote--font-style: normal;
+       --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
+       --quote--font-style-large: normal;
+       --quote--font-style-cite: normal;
+       --quote--line-height: var(--global--line-height-body);
+       --quote--line-height-large: 1.35;
+       --separator--border-color: var(--global--color-border);
+       --separator--height: 1px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Table */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --table--stripes-border-color: var(--global--color-light-gray);
+       --table--stripes-background-color: var(--global--color-light-gray);
+       --table--has-background-text-color: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Widgets */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --widget--line-height-list: 1.9;
+       --widget--line-height-title: 1.4;
+       --widget--font-weight-title: 700;
+       --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Admin-bar height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--admin-bar--height: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar {
+       --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+       .admin-bar {
+               --global--admin-bar--height: 46px;
+       }
+}
+
+@media only screen and (min-width: 652px) {
+
+       :root {
+               --global--font-size-xl: 2.5rem;
+               --global--font-size-xxl: 6rem;
+               --global--font-size-xxxl: 9rem;
+               --heading--font-size-h3: 2rem;
+               --heading--font-size-h2: 3rem;
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root {
+       --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+       --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignfull-width: 100%;
+       --responsive--alignright-margin: var(--global--spacing-horizontal);
+       --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
+
+       :root {
+               --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+               --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+               --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+               --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+       }
+}
+@media only screen and (min-width: 822px) {
+
+       :root {
+               --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+               --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Extends
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .default-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .default-max-width{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .default-max-width{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wide-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wide-max-width{
-       max-width: calc(100vw - 100px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .wide-max-width{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px">                 width: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -89,12 +313,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px 0 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,98 +330,65 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        letter-spacing: normal;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       font-style: normal;
-       font-weight: 700;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--heading--letter-spacing-h4);
+       font-family: var(--quote--font-family);
+       font-size: var(--quote--font-size);
+       font-style: var(--quote--font-style);
+       font-weight: var(--quote--font-weight);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote cite {
-       font-weight: normal;
-       color: #28303d;
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p {
-       font-size: 1.125rem;
-       max-width: inherit;
-       width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft cite {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
-blockquote.alignright cite {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
-       font-size: 1.25rem;
-       line-height: 1.7;
-       position: absolute;
-       left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+       font-size: var(--quote--font-size);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote .wp-block-quote__citation {
-       color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
-}
-
-blockquote cite {
-       color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote .wp-block-quote__citation,
+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -223,39 +414,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Media captions */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-figcaption {
-       color: currentColor;
-       font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
-       text-align: center;
-}
-.wp-caption {
-       color: currentColor;
-       font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
-       text-align: center;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figcaption,
+.wp-caption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.5 * var(--global--spacing-unit));
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -270,18 +445,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       color: var(--form--color-text);
+       font-size: var(--form--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 10px 30px 10px 10px;
-       /* stylelint-disable */
-       background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-       /* stylelint-enable */
-       background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+       background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+       background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -291,7 +464,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px">         text-underline-offset: 3px;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-skip-ink: all;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -302,29 +475,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus {
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+       color: var(--wp--style--color--link, var(--global--color-background));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus .meta-nav {
-       color: #d1e4dd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(0, 0, 0, 0.9);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -336,32 +508,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.5;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button__link:before, .wp-block-button__link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link:before,
+.wp-block-button__link:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -369,11 +539,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -382,91 +552,99 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-button__link:focus {
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button__link:focus {
+       color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+       border-color: var(--global--color-white-50);
+       color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Block Options
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       color: #39414d;
-       background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons {
+       margin-top: 0;
+       margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       color: #39414d;
-       background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:first-child {
+       margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
-       outline-offset: -7px;
-       outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:last-child {
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+       color: var(--button--color-text-active) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+       color: var(--button--color-text-hover) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid currentColor;
-       padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--button--border-width) solid currentColor;
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:active {
-       background-color: #39414d;
-       color: #d1e4dd;
-       border: 3px solid #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
-       color: #d1e4dd;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+       color: var(--button--color-text);
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: transparent !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
-       color: #39414d;
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
+       background-color: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
-       color: #39414d;
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+       color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
-       color: #39414d;
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+       color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+       border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text) !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-squared {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -473,41 +651,30 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-selected.is-style-outline .wp-block-button__link:hover {
-       background-color: transparent;
-       color: #39414d;
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         white-space: pre !important;
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 0.1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover {
-       background-color: #000;
-       min-height: 450px;
-       margin-top: inherit;
-       margin-bottom: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #000;
-       min-height: 450px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--cover--color-background);
+       min-height: var(--cover--height);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -517,6 +684,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -539,112 +712,38 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover .block-editor-block-list__block .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-text .has-link-color a {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover-text .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
-       color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
+       color: var(--cover--color-foreground);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
-       color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
-       color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
-       color: #fff;
-}
-
-.wp-block-cover h2 {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-       padding: 0;
-       max-width: inherit;
-       text-align: inherit;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover h2{
-       font-size: 3rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-cover-image h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover-image h2{
-       font-size: 3rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2.has-text-align-left,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2.has-text-align-left {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -660,12 +759,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.is-style-twentytwentyone-border {
-       border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.is-style-twentytwentyone-border,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns:not(.alignwide):not(.alignfull) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -676,99 +772,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: -50px;
-               margin-top: 63px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: calc(-2 * var(--global--spacing-horizontal));
+               margin-top: calc(2.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">                 z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background-color: #d1e4dd;
-               padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background-color: var(--global--color-background);
+               padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-               padding-left: 50px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
+       padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__textlink {
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: solid;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -781,21 +827,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.5;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -803,11 +850,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -816,22 +863,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+       color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+       border-color: var(--global--color-white-50);
+       color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -840,7 +887,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery figcaption a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -849,7 +896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -856,18 +904,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-group.has-background {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
-       padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
-       max-width: calc(100% + 60px);
-       width: calc(100% + 60px);
-       margin-left: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
+       max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+       width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+       margin-left: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > *:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -874,456 +927,131 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h1 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h1 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.wp-block-heading h2 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h2 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h2 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.wp-block-heading h3 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h3 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h3 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.wp-block-heading h4 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h4 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h4 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.wp-block-heading h5 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h5 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h5 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.wp-block-heading h6 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h6 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 strong {
-       font-weight: 600;
-}
-
-h1 strong {
-       font-weight: 600;
-}
-
-.h1 strong {
-       font-weight: 600;
-}
-
-.wp-block-heading h2 strong {
-       font-weight: 600;
-}
-
-h2 strong {
-       font-weight: 600;
-}
-
-.h2 strong {
-       font-weight: 600;
-}
-
-.wp-block-heading h3 strong {
-       font-weight: 600;
-}
-
-h3 strong {
-       font-weight: 600;
-}
-
-.h3 strong {
-       font-weight: 600;
-}
-
-.wp-block-heading h4 strong {
-       font-weight: 600;
-}
-
-h4 strong {
-       font-weight: 600;
-}
-
-.h4 strong {
-       font-weight: 600;
-}
-
-.wp-block-heading h5 strong {
-       font-weight: 600;
-}
-
-h5 strong {
-       font-weight: 600;
-}
-
-.h5 strong {
-       font-weight: 600;
-}
-
-.wp-block-heading h6 strong {
-       font-weight: 600;
-}
-
-h6 strong {
-       font-weight: 600;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1 strong,
+h1 strong,
+.h1 strong,
+.wp-block-heading h2 strong,
+h2 strong,
+.h2 strong,
+.wp-block-heading h3 strong,
+h3 strong,
+.h3 strong,
+.wp-block-heading h4 strong,
+h4 strong,
+.h4 strong,
+.wp-block-heading h5 strong,
+h5 strong,
+.h5 strong,
+.wp-block-heading h6 strong,
+h6 strong,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h1[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.h1[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.wp-block-heading h2[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h2[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.h2[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.wp-block-heading h3[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h3[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.h3[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.wp-block-heading h4[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h4[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.h4[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.wp-block-heading h5[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h5[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.h5[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-.wp-block-heading h6[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
-h6[style*="--wp--typography--line-height"] {
-       line-height: --global--line-height-body;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1[style*="--wp--typography--line-height"],
+h1[style*="--wp--typography--line-height"],
+.h1[style*="--wp--typography--line-height"],
+.wp-block-heading h2[style*="--wp--typography--line-height"],
+h2[style*="--wp--typography--line-height"],
+.h2[style*="--wp--typography--line-height"],
+.wp-block-heading h3[style*="--wp--typography--line-height"],
+h3[style*="--wp--typography--line-height"],
+.h3[style*="--wp--typography--line-height"],
+.wp-block-heading h4[style*="--wp--typography--line-height"],
+h4[style*="--wp--typography--line-height"],
+.h4[style*="--wp--typography--line-height"],
+.wp-block-heading h5[style*="--wp--typography--line-height"],
+h5[style*="--wp--typography--line-height"],
+.h5[style*="--wp--typography--line-height"],
+.wp-block-heading h6[style*="--wp--typography--line-height"],
+h6[style*="--wp--typography--line-height"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6[style*="--wp--typography--line-height"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h1 {
-       font-size: 4rem;
-       letter-spacing: normal;
-       line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-heading h1{
-       font-size: 6rem;
-       }
-}
-
-h1 {
-       font-size: 4rem;
-       letter-spacing: normal;
-       line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-       h1{
-       font-size: 6rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 4rem;
-       letter-spacing: normal;
-       line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h1);
+       letter-spacing: var(--heading--letter-spacing-h1);
+       line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h1{
-       font-size: 6rem;
-       }
-}
-
-.wp-block-heading h2 {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-heading h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-heading h2{
-       font-size: 3rem;
-       }
-}
-
-h2 {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       h2{
-       font-size: 3rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h2,
+h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .h2{
-       font-size: 3rem;
-       }
-}
-
-.wp-block-heading h3 {
-       font-size: 2rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-heading h3{
-       font-size: 2rem;
-       }
-}
-
-h3 {
-       font-size: 2rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       h3{
-       font-size: 2rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h3,
+h3,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h3);
+       letter-spacing: var(--heading--letter-spacing-h3);
+       line-height: var(--heading--line-height-h3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h3{
-       font-size: 2rem;
-       }
-}
-
-.wp-block-heading h4 {
-       font-size: 1.5rem;
-       font-weight: 600;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-h4 {
-       font-size: 1.5rem;
-       font-weight: 600;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h4,
+h4,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
-       font-weight: 600;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h4);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h4);
+       line-height: var(--heading--line-height-h4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h5 {
-       font-size: 1.125rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
-h5 {
-       font-size: 1.125rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h5,
+h5,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h5 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h5);
+       line-height: var(--heading--line-height-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-heading h6 {
-       font-size: 1rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
-h6 {
-       font-size: 1rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h6,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h6);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h6);
+       line-height: var(--heading--line-height-h6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> [data-type="core/html"] textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-radius: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Center image block by default in the editor */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1336,15 +1064,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-image.is-style-twentytwentyone-border img {
-       border: 3px solid #28303d;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image.is-style-twentytwentyone-border img,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1356,8 +1082,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 50px;
-       margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1374,7 +1100,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1382,8 +1108,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1396,67 +1122,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-weight: normal;
-       line-height: 1.3;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+       font-size: var(--latest-posts--title-font-size);
+       font-weight: var(--heading--font-weight);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-latest-posts > li > a{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.25rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-md);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+       font-size: var(--latest-posts--description-font-size);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-top: 3px solid #28303d;
-       border-bottom: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
-       padding-bottom: 30px;
-       border-bottom: 1px solid #28303d;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
-       border-bottom: 1px solid #28303d;
-       margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+       border-bottom: var(--separator--height) solid var(--global--color-border);
+       margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1466,51 +1174,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        box-shadow: inset 0 -1px 0 0 #28303d;
-       border-bottom: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+       border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 30px;
-       padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+       padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 50%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 2));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 33%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 3));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 25%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 4));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 20%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 5));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 17%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 6));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
-       padding: 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 25px;
-       margin-bottom: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-horizontal);
+       margin-bottom: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1556,16 +1268,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       margin: 30px 0;
-       padding-left: 50px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> ol {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       margin: 30px 0;
-       padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--list--font-family);
+       margin: var(--global--spacing-vertical) 0;
+       padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> ul.aligncenter,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1588,12 +1295,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> dt {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--definition-term--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-media-text {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content [data-block]:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1605,34 +1317,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family);
+       font-size: var(--primary-nav--font-size);
+       font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .has-child .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: var(--global--elevation);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1640,23 +1349,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: pre !important;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 40px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2 * var(--global--spacing-unit)) 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1666,7 +1375,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1674,40 +1383,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--pullquote--font-family);
+       font-size: var(--pullquote--font-size);
+       font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: 700;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--pullquote--letter-spacing);
+       line-height: var(--pullquote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-pullquote p{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote a {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote .wp-block-pullquote__citation {
-       font-size: 1rem;
-       font-style: normal;
-       text-transform: none;
-}
-
-.wp-block-pullquote cite {
-       font-size: 1rem;
-       font-style: normal;
-       text-transform: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1718,15 +1411,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 50px;
-       border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2.5 * var(--global--spacing-unit));
+       border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--pullquote--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding: calc(5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1734,15 +1427,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
-       padding-left: 20px;
-       padding-right: 20px;
-       max-width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color.alignright blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1752,15 +1440,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--pullquote--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-pullquote.is-style-solid-color blockquote p{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1767,63 +1449,63 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
-       padding: 0 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+       padding: 0 calc(2 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        border-left: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px auto 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       font-style: normal;
-       font-weight: 700;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--quote--font-family);
+       font-size: var(--quote--font-size);
+       font-style: var(--quote--font-style);
+       font-weight: var(--quote--font-weight);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
-       font-size: 1.25rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+       font-size: var(--quote--font-size);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote .wp-block-quote__citation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px 25px 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-right: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        right: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1830,125 +1512,87 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Resetting margins to match _block-container.scss */
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-style-large {
-       padding-left: 0;
</del><span class="cx" style="display: block; padding: 0 10px">         /* Resetting margins to match _block-container.scss */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p {
-       font-size: 2.25rem;
-       font-style: normal;
-       line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-large p{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       font-style: normal;
-       line-height: 1.35;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+       font-style: var(--quote--font-style-large);
+       line-height: var(--quote--line-height-large);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-style-large p{
-       font-size: 2.5rem;
-       }
-}
-
-.wp-block-quote.is-large:before {
-       font-size: 2.25rem;
-       line-height: 1.35;
-       left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-large:before{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       line-height: 1.35;
-       left: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+       line-height: var(--quote--line-height-large);
+       left: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-style-large:before{
-       font-size: 2.5rem;
-       }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
-       left: initial;
-       right: -25px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">        left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        right: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .wp-block-quote.is-large {
-               padding-left: 25px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.is-style-large {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large:before,
+       .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right {
-               padding-left: 0;
-               padding-right: 25px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.is-style-large.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right:before,
+       .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-right: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1963,8 +1607,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 50px;
-       margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1976,7 +1620,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1983,22 +1627,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2011,56 +1655,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-title > a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-weight: normal;
-       line-height: 1.3;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+       font-size: var(--latest-posts--title-font-size);
+       font-weight: var(--heading--font-weight);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-rss .wp-block-rss__item-title > a{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.25rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-md);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-publish-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss .wp-block-rss__item-excerpt {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss .wp-block-rss__item-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+       font-size: var(--latest-posts--description-font-size);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2067,61 +1699,66 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block-search{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__label {
+       font-size: var(--form--font-size);
+       font-weight: var(--form--label-weight);
+       margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .wp-block-search{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__input {
+       border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       font-family: var(--form--font-family);
+       font-size: var(--form--font-size);
+       line-height: var(--form--line-height);
+       max-width: inherit;
+       margin-right: calc(-1 * var(--button--border-width));
+       padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__label {
-       font-size: 1.125rem;
-       font-weight: 500;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__input {
+       background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       max-width: inherit;
-       margin-right: -3px;
-       padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input:focus {
-       border-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.5;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2129,11 +1766,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2142,107 +1779,184 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-search .wp-block-search__button:focus {
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
+       color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+       border-color: var(--global--color-white-50);
+       color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text);
+       background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] > * {
-       text-align: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button.has-icon {
+       padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
-       justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button.has-icon svg {
+       width: 40px;
+       height: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator {
-       border-bottom: 1px solid #28303d;
-       clear: both;
-       opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+       color: var(--global--color-white);
+       border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr {
-       border-bottom: 1px solid #28303d;
-       clear: both;
-       opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-background);
+       border-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align:right"] {
-       border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--button--color-text);
+       background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align: right"] {
-       border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--form--border-color);
+       border-color: var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr[style*="text-align:right"] {
-       border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+       color: var(--form--color-text);
+       border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr[style*="text-align: right"] {
-       border-right-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator:not(.is-style-dots) {
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+       border: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block-separator:not(.is-style-dots){
-       max-width: min(calc(100vw - 100px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .wp-block-separator:not(.is-style-dots){
-       max-width: min(calc(100vw - 200px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text);
+       border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr:not(.is-style-dots) {
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       hr:not(.is-style-dots){
-       max-width: min(calc(100vw - 100px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text-hover);
+       border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       hr:not(.is-style-dots){
-       max-width: min(calc(100vw - 200px), 610px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-background);
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text);
+       border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
+       text-align: center;
+}
+
+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
+       justify-content: center;
+}
+
+.wp-block-separator,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: inherit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+       clear: both;
+       opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-twentytwentyone-separator-thick {
-       border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
+hr[style*="text-align:right"],
+hr[style*="text-align: right"] {
+       border-right-color: var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator:not(.is-style-dots),
+hr:not(.is-style-dots) {
+       max-width: var(--responsive--aligndefault-width);
+}
+
+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
+       max-width: inherit;
+}
+
+.wp-block-separator.is-style-twentytwentyone-separator-thick,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-twentytwentyone-separator-thick {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom-width: calc(3 * var(--separator--height));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-dots,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2250,37 +1964,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background:before,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color:before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots:before {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2290,7 +2000,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2297,68 +2007,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table th {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table th,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table td {
-       padding: 10px;
-}
-
-table th {
-       padding: 10px;
-}
-
-.wp-block-table td {
-       padding: 10px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th,
+.wp-block-table td,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-regular .has-background {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--table--has-background-text-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes {
-       border-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--table--stripes-border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> table.is-style-stripes th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2368,12 +2042,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes tbody tr:nth-child(odd) {
-       background-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes tbody tr:nth-child(odd),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--table--stripes-background-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2398,13 +2069,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table caption {
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-unit) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2429,190 +2100,82 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-extra-small-text {
-       font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-extra-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-small-text {
-       font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-regular-text {
-       font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
-       font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
-       font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
-       font-size: 1.25rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-medium-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-large-text {
-       font-size: 1.5rem;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-larger-text {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-larger-text{
-       font-size: 2.5rem;
-       }
-}
-
-:root .has-larger-font-size {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .has-larger-font-size{
-       font-size: 2.5rem;
-       }
-}
-
-:root .is-extra-large-text {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-extra-large-text{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.5rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xl);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-extra-large-font-size{
-       font-size: 2.5rem;
-       }
-}
-
-:root .is-huge-text {
-       font-size: 6rem;
-       line-height: 1.3;
-       font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-huge-text{
-       font-size: 6rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-huge-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-huge-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 6rem;
-       line-height: 1.3;
-       font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxl);
+       line-height: var(--global--line-height-heading);
+       font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-huge-font-size{
-       font-size: 6rem;
-       }
-}
-
-:root .is-gigantic-text {
-       font-size: 9rem;
-       line-height: 1.3;
-       font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-gigantic-text{
-       font-size: 9rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-gigantic-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-gigantic-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 9rem;
-       line-height: 1.3;
-       font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxxl);
+       line-height: var(--global--line-height-heading);
+       font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-gigantic-font-size{
-       font-size: 9rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Editor Post Title
</span><span class="cx" style="display: block; padding: 0 10px"> * - Needs a special styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block.editor-post-title__block {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 3px solid #28303d;
-       padding-bottom: 60px;
-       margin-bottom: 90px;
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
+       max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block.editor-post-title__block{
-       max-width: calc(100vw - 100px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .wp-block.editor-post-title__block{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block.editor-post-title__block .editor-post-title__input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 4rem;
-       font-weight: 300;
-       line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
+       font-family: var(--heading--font-family);
+       font-size: var(--global--font-size-page-title);
+       font-weight: var(--heading--font-weight-page-title);
+       line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block.editor-post-title__block .editor-post-title__input{
-       font-size: 6rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block.block-editor-default-block-appender > textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+       font-size: var(--global--font-size-md);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-secondary-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2627,23 +2190,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #28303d;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-primary);
+       color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-secondary-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-secondary);
+       color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #fff;
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
+       color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #000;
-       color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
+       color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2650,8 +2213,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Spacing Overrides
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> [data-block] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> [data-block] [data-block]:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2664,108 +2227,64 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .wp-block{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"] {
-       max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-       .wp-block[data-align="wide"]{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .wp-block[data-align="wide"]{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=wide],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block.alignwide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block.alignwide{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .wp-block.alignwide{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.wp-block[data-align="full"], .wp-block.alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full],
+.wp-block.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
-       margin-top: 0;
-       margin-bottom: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::first-letter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: 0.66;
</span><span class="cx" style="display: block; padding: 0 10px">        text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0.1em 0.1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(1.2 * var(--heading--font-size-h1));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .has-drop-cap:not(:focus)::first-letter{
-       font-size: 7rem;
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .wp-block[data-align="left"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-align=left] > * {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: 290px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block[data-align="right"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block[data-align=right] > * {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: 290px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       background-color: #d1e4dd;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --wp--typography--line-height: var(--global--line-height-body);
+       color: var(--global--color-primary);
+       background-color: var(--global--color-background);
+       font-family: var(--global--font-secondary);
+       font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-font-smoothing: antialiased;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2772,7 +2291,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2780,16 +2299,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2798,43 +2314,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2849,114 +2365,89 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class] {
-       color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
-       color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1d1e4, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1e4dd, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-green-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #d1e4dd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #e4d1d1, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*# sourceMappingURL=ie-editor.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssiecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css     2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px">  * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,38 +94,258 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px">  * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Family */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+       --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Size */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--font-size-base: 1.25rem;
+       --global--font-size-xs: 1rem;
+       --global--font-size-sm: 1.125rem;
+       --global--font-size-md: 1.25rem;
+       --global--font-size-lg: 1.5rem;
+       --global--font-size-xl: 2.25rem;
+       --global--font-size-xxl: 4rem;
+       --global--font-size-xxxl: 5rem;
+       --global--font-size-page-title: var(--global--font-size-xxl);
+       --global--letter-spacing: normal;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Line Height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--line-height-body: 1.7;
+       --global--line-height-heading: 1.3;
+       --global--line-height-page-title: 1.1;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --heading--font-family: var(--global--font-primary);
+       --heading--font-size-h6: var(--global--font-size-xs);
+       --heading--font-size-h5: var(--global--font-size-sm);
+       --heading--font-size-h4: var(--global--font-size-lg);
+       --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+       --heading--font-size-h2: var(--global--font-size-xl);
+       --heading--font-size-h1: var(--global--font-size-page-title);
+       --heading--letter-spacing-h6: 0.05em;
+       --heading--letter-spacing-h5: 0.05em;
+       --heading--letter-spacing-h4: var(--global--letter-spacing);
+       --heading--letter-spacing-h3: var(--global--letter-spacing);
+       --heading--letter-spacing-h2: var(--global--letter-spacing);
+       --heading--letter-spacing-h1: var(--global--letter-spacing);
+       --heading--line-height-h6: var(--global--line-height-heading);
+       --heading--line-height-h5: var(--global--line-height-heading);
+       --heading--line-height-h4: var(--global--line-height-heading);
+       --heading--line-height-h3: var(--global--line-height-heading);
+       --heading--line-height-h2: var(--global--line-height-heading);
+       --heading--line-height-h1: var(--global--line-height-page-title);
+       --heading--font-weight: normal;
+       --heading--font-weight-page-title: 300;
+       --heading--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Latest posts */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --latest-posts--title-font-family: var(--heading--font-family);
+       --latest-posts--title-font-size: var(--heading--font-size-h3);
+       --latest-posts--description-font-family: var(--global--font-secondary);
+       --latest-posts--description-font-size: var(--global--font-size-sm);
+       --list--font-family: var(--global--font-secondary);
+       --definition-term--font-family: var(--global--font-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Colors */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-black: #000;
+       --global--color-dark-gray: #28303d;
+       --global--color-gray: #39414d;
+       --global--color-light-gray: #f0f0f0;
+       --global--color-green: #d1e4dd;
+       --global--color-blue: #d1dfe4;
+       --global--color-purple: #d1d1e4;
+       --global--color-red: #e4d1d1;
+       --global--color-orange: #e4dad1;
+       --global--color-yellow: #eeeadd;
+       --global--color-white: #fff;
+       --global--color-white-50: rgba(255, 255, 255, 0.5);
+       --global--color-white-90: rgba(255, 255, 255, 0.9);
+       --global--color-primary: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Body text color, site title, footer text color. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-secondary: var(--global--color-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-primary-hover: var(--global--color-primary);
+       --global--color-background: var(--global--color-green);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Mint, default body background */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--color-border: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Spacing */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--spacing-unit: 20px;
+       --global--spacing-measure: unset;
+       --global--spacing-horizontal: 25px;
+       --global--spacing-vertical: 30px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Elevation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Forms */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --form--font-family: var(--global--font-secondary);
+       --form--font-size: var(--global--font-size-sm);
+       --form--line-height: var(--global--line-height-body);
+       --form--color-text: var(--global--color-dark-gray);
+       --form--color-ranged: var(--global--color-secondary);
+       --form--label-weight: 500;
+       --form--border-color: var(--global--color-secondary);
+       --form--border-width: 3px;
+       --form--border-radius: 0;
+       --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Cover block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --cover--height: calc(15 * var(--global--spacing-vertical));
+       --cover--color-foreground: var(--global--color-white);
+       --cover--color-background: var(--global--color-black);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Buttons */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --button--color-text: var(--global--color-background);
+       --button--color-text-hover: var(--global--color-secondary);
+       --button--color-text-active: var(--global--color-secondary);
+       --button--color-background: var(--global--color-secondary);
+       --button--color-background-active: var(--global--color-background);
+       --button--font-family: var(--global--font-primary);
+       --button--font-size: var(--global--font-size-base);
+       --button--font-weight: 500;
+       --button--line-height: 1.5;
+       --button--border-width: 3px;
+       --button--border-radius: 0;
+       --button--padding-vertical: 15px;
+       --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* entry */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --entry-header--color: var(--global--color-primary);
+       --entry-header--color-link: currentColor;
+       --entry-header--color-hover: var(--global--color-primary-hover);
+       --entry-header--color-focus: var(--global--color-secondary);
+       --entry-header--font-size: var(--heading--font-size-h2);
+       --entry-content--font-family: var(--global--font-secondary);
+       --entry-author-bio--font-family: var(--heading--font-family);
+       --entry-author-bio--font-size: var(--heading--font-size-h4);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Header */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --branding--color-text: var(--global--color-primary);
+       --branding--color-link: var(--global--color-primary);
+       --branding--color-link-hover: var(--global--color-secondary);
+       --branding--title--font-family: var(--global--font-primary);
+       --branding--title--font-size: var(--global--font-size-lg);
+       --branding--title--font-size-mobile: var(--heading--font-size-h4);
+       --branding--title--font-weight: normal;
+       --branding--title--text-transform: uppercase;
+       --branding--description--font-family: var(--global--font-secondary);
+       --branding--description--font-size: var(--global--font-size-sm);
+       --branding--description--font-family: var(--global--font-secondary);
+       --branding--logo--max-width: 300px;
+       --branding--logo--max-height: 100px;
+       --branding--logo--max-width-mobile: 96px;
+       --branding--logo--max-height-mobile: 96px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Main navigation */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --primary-nav--font-family: var(--global--font-secondary);
+       --primary-nav--font-family-mobile: var(--global--font-primary);
+       --primary-nav--font-size: var(--global--font-size-md);
+       --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+       --primary-nav--font-size-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-button: var(--global--font-size-xs);
+       --primary-nav--font-style: normal;
+       --primary-nav--font-style-sub-menu-mobile: normal;
+       --primary-nav--font-weight: normal;
+       --primary-nav--font-weight-button: 500;
+       --primary-nav--color-link: var(--global--color-primary);
+       --primary-nav--color-link-hover: var(--global--color-primary-hover);
+       --primary-nav--color-text: var(--global--color-primary);
+       --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+       --primary-nav--border-color: var(--global--color-primary);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Pagination */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --pagination--color-text: var(--global--color-primary);
+       --pagination--color-link-hover: var(--global--color-primary-hover);
+       --pagination--font-family: var(--global--font-secondary);
+       --pagination--font-size: var(--global--font-size-lg);
+       --pagination--font-weight: normal;
+       --pagination--font-weight-strong: 600;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Footer */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --footer--color-text: var(--global--color-primary);
+       --footer--color-link: var(--global--color-primary);
+       --footer--color-link-hover: var(--global--color-primary-hover);
+       --footer--font-family: var(--global--font-primary);
+       --footer--font-size: var(--global--font-size-sm);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Pull quote */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --pullquote--font-family: var(--global--font-primary);
+       --pullquote--font-size: var(--heading--font-size-h3);
+       --pullquote--font-style: normal;
+       --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+       --pullquote--line-height: var(--global--line-height-heading);
+       --pullquote--border-width: 3px;
+       --pullquote--border-color: var(--global--color-primary);
+       --pullquote--color-foreground: var(--global--color-primary);
+       --pullquote--color-background: var(--global--color-background);
+       --quote--font-family: var(--global--font-secondary);
+       --quote--font-size: var(--global--font-size-md);
+       --quote--font-size-large: var(--global--font-size-xl);
+       --quote--font-style: normal;
+       --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
+       --quote--font-style-large: normal;
+       --quote--font-style-cite: normal;
+       --quote--line-height: var(--global--line-height-body);
+       --quote--line-height-large: 1.35;
+       --separator--border-color: var(--global--color-border);
+       --separator--height: 1px;
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Table */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --table--stripes-border-color: var(--global--color-light-gray);
+       --table--stripes-background-color: var(--global--color-light-gray);
+       --table--has-background-text-color: var(--global--color-dark-gray);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Widgets */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --widget--line-height-list: 1.9;
+       --widget--line-height-title: 1.4;
+       --widget--font-weight-title: 700;
+       --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Admin-bar height */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        --global--admin-bar--height: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar {
+       --global--admin-bar--height: 32px;
+}
+@media only screen and (max-width: 782px) {
+
+       .admin-bar {
+               --global--admin-bar--height: 46px;
+       }
+}
+
+@media only screen and (min-width: 652px) {
+
+       :root {
+               --global--font-size-xl: 2.5rem;
+               --global--font-size-xxl: 6rem;
+               --global--font-size-xxxl: 9rem;
+               --heading--font-size-h3: 2rem;
+               --heading--font-size-h2: 3rem;
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -130,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -259,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -268,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -278,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -293,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -311,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -384,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -395,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px">         height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -404,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -414,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -424,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -447,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -464,394 +723,117 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/**
- * Extends
- */
-.default-max-width {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root {
+       --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+       --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignfull-width: 100%;
+       --responsive--alignright-margin: var(--global--spacing-horizontal);
+       --responsive--alignleft-margin: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .default-max-width{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .default-max-width{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-       .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-       *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-.entry-content .wp-audio-shortcode {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-       .entry-content .wp-audio-shortcode{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .entry-content .wp-audio-shortcode{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-.post-thumbnail {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-@media only screen and (min-width: 482px){
-       .post-thumbnail{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .post-thumbnail{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wide-max-width{
-       max-width: calc(100vw - 100px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ :root {
+               --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+               --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+               --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+               --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .wide-max-width{
-       max-width: min(calc(100vw - 200px), 1240px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ :root {
+               --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+               --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide {
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Extends
+ */
+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
+       max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .alignwide{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .alignwide{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.site-header {
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
+       max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .site-header{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .site-header{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.site-footer {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-       .site-footer{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .site-footer{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.post-navigation {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-       .post-navigation{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .post-navigation{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.pagination {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-       .pagination{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .pagination{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.comments-pagination {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-       .comments-pagination{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .comments-pagination{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.widget-area {
-       max-width: calc(100vw - 30px);
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px){
-       .widget-area{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .widget-area{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: 100%;
-       width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
+       width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group__inner-container > *.alignfull {
-       max-width: 100%;
-       width: 100%;
-       margin-left: auto;
-       margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignfull {
-       max-width: 100%;
-       width: 100%;
-       margin-left: auto;
-       margin-right: auto;
-}
-
-@media only screen and (min-width: 482px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px">         .full-max-width {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px">                 width: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .alignfull {
-               max-width: 100%;
-               width: auto;
-               margin-left: auto;
-               margin-right: auto;
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: calc(100vw - 30px);
-       max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: var(--responsive--alignwide-width);
+       max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .alignwide [class*="inner-container"] > .alignwide{
-       width: calc(100vw - 100px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .alignwide [class*="inner-container"] > .alignwide{
-       width: min(calc(100vw - 200px), 1240px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignfull [class*="inner-container"] > .alignwide {
-       margin-left: auto;
-       margin-right: auto;
-       width: calc(100vw - 30px);
-       max-width: 100%;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         /*rtl:ignore*/
+               margin-left: var(--responsive--alignleft-margin);
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .alignfull [class*="inner-container"] > .alignwide{
-       width: calc(100vw - 100px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         /*rtl:ignore*/
+               margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .alignfull [class*="inner-container"] > .alignwide{
-       width: min(calc(100vw - 200px), 1240px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header .post-thumbnail {
-       margin-left: auto;
-       margin-right: auto;
-       width: calc(100vw - 30px);
-       max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-       .entry-header .post-thumbnail{
-       width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .entry-header .post-thumbnail{
-       width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.singular .post-thumbnail {
-       margin-left: auto;
-       margin-right: auto;
-       width: calc(100vw - 30px);
-       max-width: 100%;
-}
-
-@media only screen and (min-width: 482px){
-       .singular .post-thumbnail{
-       width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .singular .post-thumbnail{
-       width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-@media only screen and (min-width: 482px) {
-       .entry-content > .alignleft {
</del><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               /*rtl:ignore*/
-               margin-right: 25px;
-       }
-       @media only screen and (min-width: 482px){
-               .entry-content > .alignleft{
-               margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 482px){
-               .entry-content > .alignleft{
-               margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 822px){
-               .entry-content > .alignleft{
-               margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .entry-content > .alignright {
</del><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: 25px;
-               /*rtl:ignore*/
-               margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-right: var(--responsive--alignright-margin);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        @media only screen and (min-width: 482px){
-               .entry-content > .alignright{
-               margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 482px){
-               .entry-content > .alignright{
-               margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 822px){
-               .entry-content > .alignright{
-               margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -862,43 +844,29 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px">  * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set vertical padding and horizontal margins
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header {
-       padding-top: 30px;
-       padding-bottom: 30px;
-       margin-left: auto;
-       margin-right: auto;
-}
-.site-main {
-       padding-top: 30px;
-       padding-bottom: 30px;
-       margin-left: auto;
-       margin-right: auto;
-}
-.widget-area {
-       padding-top: 30px;
-       padding-bottom: 30px;
-       margin-left: auto;
-       margin-right: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header,
+.site-main,
+.widget-area,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 30px;
-       padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+       padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 23px;
-       padding-bottom: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.75 * var(--global--spacing-vertical));
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -907,8 +875,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - Add double vertical margins here for clearer heirarchy
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 90px;
-       margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -922,44 +890,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set margins
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header {
-       margin-top: 30px;
-       margin-right: auto;
-       margin-bottom: 30px;
-       margin-left: auto;
-}
-.post-thumbnail {
-       margin-top: 30px;
-       margin-right: auto;
-       margin-bottom: 30px;
-       margin-left: auto;
-}
-.entry-content {
-       margin-top: 30px;
-       margin-right: auto;
-       margin-bottom: 30px;
-       margin-left: auto;
-}
-.entry-footer {
-       margin-top: 30px;
-       margin-right: auto;
-       margin-bottom: 30px;
-       margin-left: auto;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header,
+.post-thumbnail,
+.entry-content,
+.entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -967,47 +918,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Block & non-gutenberg content wrapper children
</span><span class="cx" style="display: block; padding: 0 10px">  * - Sets spacing-vertical margin logic
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-main > article > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-.site-main > .not-found > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-.entry-content > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-[class*="inner-container"] > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-main > article > *,
+.site-main > .not-found > *,
+.entry-content > *,
+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .site-main > article > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
-       .site-main > .not-found > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
-       .entry-content > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
-       [class*="inner-container"] > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-main > article > *,
+       .site-main > .not-found > *,
+       .entry-content > *,
+       [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-template-part > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1014,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1022,29 +949,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .site-footer > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-footer > *,
</ins><span class="cx" style="display: block; padding: 0 10px">         .widget-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1052,25 +972,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Block & non-gutenberg content wrapper children
</span><span class="cx" style="display: block; padding: 0 10px">  * - Sets spacing-unit margins
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-header > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-.post-thumbnail > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-.page-content > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-.comment-content > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header > *,
+.post-thumbnail > *,
+.page-content > *,
+.comment-content > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-header > *:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1094,25 +1002,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignfull + .alignleft {
-       margin-top: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignfull + .alignleft,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignfull + .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1154,25 +1063,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> button {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1209,12 +1121,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px 0 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1226,463 +1138,189 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        letter-spacing: normal;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       font-style: normal;
-       font-weight: 700;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--heading--letter-spacing-h4);
+       font-family: var(--quote--font-family);
+       font-size: var(--quote--font-size);
+       font-style: var(--quote--font-style);
+       font-weight: var(--quote--font-weight);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote cite {
-       font-weight: normal;
-       color: #28303d;
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p {
-       font-size: 1.125rem;
-       max-width: inherit;
-       width: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft cite {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
-blockquote.alignleft footer {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
-blockquote.alignright cite {
-       font-size: 1rem;
-       letter-spacing: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft cite,
+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       letter-spacing: var(--global--letter-spacing);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
-       font-size: 1.25rem;
-       line-height: 1.7;
-       position: absolute;
-       left: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
+       font-size: var(--quote--font-size);
+       line-height: var(--quote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote .wp-block-quote__citation {
-       color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
-}
-
-blockquote cite {
-       color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote .wp-block-quote__citation,
+blockquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       font-style: var(--quote--font-style-cite);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="email"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="url"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="password"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="search"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="number"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="tel"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="date"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="month"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="week"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="time"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="datetime"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="datetime-local"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
-input[type="color"] {
-       border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
-       margin: 0 2px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
-       padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       color: var(--form--color-text);
+       line-height: var(--global--line-height-body);
+       padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="email"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="url"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="password"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="search"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="number"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="tel"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="date"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="month"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="week"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="time"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="datetime"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="datetime-local"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
-input[type="color"]:focus {
-       color: #28303d;
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"] {
-       background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
+       background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="email"] {
-       background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
+       outline-offset: -7px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="url"] {
-       background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
+       outline-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="password"] {
-       background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
+       padding: calc(var(--form--spacing-unit) / 2);
+       height: calc(4 * var(--form--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="search"] {
-       background: rgba(255, 255, 255, 0.9);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="number"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="tel"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="date"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="month"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="week"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="time"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="datetime-local"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-input[type="color"] {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-.has-background-dark
-.site textarea {
-       background: rgba(255, 255, 255, 0.9);
-}
-
-input[type="search"]:focus {
-       outline-offset: -7px;
-}
-
-.has-background-dark input[type="search"]:focus {
-       outline-color: #d1e4dd;
-}
-
-input[type="color"] {
-       padding: 5px;
-       height: 40px;
-}
-
-input[type="email"],
-input[type="url"] {
</del><span class="cx" style="display: block; padding: 0 10px">         /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #39414d;
-       color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+       color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.7;
-       padding: 10px 30px 10px 10px;
-       /* stylelint-disable */
-       background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-       /* stylelint-enable */
-       background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-body);
+       padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+       background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+       background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> select:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
-       /* stylelint-disable */
-       background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-       /* stylelint-enable */
-       background-position: right 10px top 60%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
+       background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+       background-position: right var(--form--spacing-unit) top 60%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1690,9 +1328,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-weight: 500;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--form--font-size);
+       font-weight: var(--form--label-weight);
+       margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1701,40 +1339,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox],
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 25px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border: 3px solid #39414d;
-               background: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border: var(--form--border-width) solid var(--form--border-color);
+               background: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"] {
-               -webkit-appearance: none;
-               -moz-appearance: none;
-               position: relative;
-               width: 25px;
-               height: 25px;
-               border: 3px solid #39414d;
-               background: #fff;
-       }
-       input[type="checkbox"]:disabled,
-       input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:disabled,
+       input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .has-background-dark input[type="checkbox"] {
-               background: rgba(255, 255, 255, 0.9);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .is-dark-theme input[type=checkbox],
+       .is-dark-theme input[type=radio] {
+               background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .has-background-dark
-       input[type="radio"] {
-               background: rgba(255, 255, 255, 0.9);
-       }
-       input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1743,25 +1375,30 @@
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 7px;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 13px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border: 3px solid var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                border-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: rotate(30deg);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked {
-               color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked {
+               color: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1771,138 +1408,167 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 11px;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 11px;
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background: var(--form--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked {
-               border: 4px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked {
+               border: 4px solid var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 4px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         outline: 2px dotted var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="radio"] + label {
-       display: inline-block;
-       padding-left: 10px;
-       font-size: 1rem;
-       vertical-align: top;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px">                height: 6px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">                 height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">                 cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-moz-range-thumb {
-               border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-moz-range-thumb {
+               border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">                 height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">                 cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 19px 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
-       background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
+       background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
-       background: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
+       background: var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
+       border: 3px solid var(--form--color-ranged);
</ins><span class="cx" style="display: block; padding: 0 10px">         height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 50%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> fieldset {
</span><span class="cx" style="display: block; padding: 0 10px">        display: grid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #39414d;
-       padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-secondary);
+       padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> fieldset legend {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label {
-       font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
+       font-size: var(--form--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="checkbox"] + label {
-       font-size: 1.125rem;
-       padding-left: 0;
-       margin-bottom: 20px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> ::-moz-placeholder {
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+       font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+       display: flex;
+       flex-wrap: wrap;
+}
+
+.post-password-form__label {
+       width: 100%;
+       margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+       flex-grow: 1;
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+       margin-right: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+       .post-password-form__submit {
+               margin-left: calc(0.4 * var(--global--spacing-horizontal));
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1923,39 +1589,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Media captions */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-figcaption {
-       color: currentColor;
-       font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
-       text-align: center;
-}
-.wp-caption {
-       color: currentColor;
-       font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
-       text-align: center;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figcaption,
+.wp-caption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.5 * var(--global--spacing-unit));
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1994,7 +1644,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px">         text-underline-offset: 3px;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-skip-ink: all;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2005,29 +1655,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus {
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
+       color: var(--wp--style--color--link, var(--global--color-background));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus .meta-nav {
-       color: #d1e4dd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(0, 0, 0, 0.9);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background-white .site a:focus .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-white));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2039,97 +1688,47 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background:not(.has-background-background-color) .has-link-color a {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color).has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-audio audio:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 5px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Button
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button {
-       line-height: 1.5;
-       color: #d1e4dd;
-       cursor: pointer;
-       font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
-       text-decoration: none;
-       padding: 15px 30px;
-}
-input[type="submit"] {
-       line-height: 1.5;
-       color: #d1e4dd;
-       cursor: pointer;
-       font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
-       text-decoration: none;
-       padding: 15px 30px;
-}
-input[type="reset"] {
-       line-height: 1.5;
-       color: #d1e4dd;
-       cursor: pointer;
-       font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
-       text-decoration: none;
-       padding: 15px 30px;
-}
-.wp-block-search__button {
-       line-height: 1.5;
-       color: #d1e4dd;
-       cursor: pointer;
-       font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
-       text-decoration: none;
-       padding: 15px 30px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button,
+input[type=submit],
+input[type=reset],
+.wp-block-search__button,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.5;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2140,49 +1739,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before {
-       margin-bottom: -calc(1em - 0);
-}
-
-input[type="submit"]:before {
-       margin-bottom: -calc(1em - 0);
-}
-
-input[type="reset"]:before {
-       margin-bottom: -calc(1em - 0);
-}
-
-.wp-block-search__button:before {
-       margin-bottom: -calc(1em - 0);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+input[type=submit]:before,
+input[type=reset]:before,
+.wp-block-search__button:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:after {
-       margin-top: -calc(1em - 0);
-}
-
-input[type="submit"]:after {
-       margin-top: -calc(1em - 0);
-}
-
-input[type="reset"]:after {
-       margin-top: -calc(1em - 0);
-}
-
-.wp-block-search__button:after {
-       margin-top: -calc(1em - 0);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:after,
+input[type=submit]:after,
+input[type=reset]:after,
+.wp-block-search__button:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2190,127 +1765,47 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus {
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
+       color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark
-input[type="submit"]:focus {
-       color: #39414d;
-}
-
-.has-background-dark
-input[type="reset"]:focus {
-       color: #39414d;
-}
-
-.has-background-dark
-.wp-block-search__button:focus {
-       color: #39414d;
-}
-
-.has-background-dark
-.wp-block-button .wp-block-button__link:focus {
-       color: #39414d;
-}
-
-.site .button:focus:not(.has-background) {
-       color: #39414d;
-}
-
-input[type="submit"]:focus:not(.has-background) {
-       color: #39414d;
-}
-
-input[type="reset"]:focus:not(.has-background) {
-       color: #39414d;
-}
-
-.wp-block-search__button:focus:not(.has-background) {
-       color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:focus:not(.has-background),
+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
+.wp-block-search__button:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:disabled {
-       background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
-}
-
-input[type="submit"]:disabled {
-       background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
-}
-
-input[type="reset"]:disabled {
-       background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
-}
-
-.wp-block-search__button:disabled {
-       background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:disabled,
+input[type=submit]:disabled,
+input[type=reset]:disabled,
+.wp-block-search__button:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+       border-color: var(--global--color-white-50);
+       color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:active {
-       color: #39414d;
-       background-color: #d1e4dd;
-}
-
-input[type="submit"]:active {
-       color: #39414d;
-       background-color: #d1e4dd;
-}
-
-input[type="reset"]:active {
-       color: #39414d;
-       background-color: #d1e4dd;
-}
-
-.wp-block-search .wp-block-search__button:active {
-       color: #39414d;
-       background-color: #d1e4dd;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:active,
+input[type=submit]:active,
+input[type=reset]:active,
+.wp-block-search .wp-block-search__button:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
-       background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-active);
+       background-color: var(--button--color-background-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:hover {
-       color: #39414d;
-       background: transparent;
-}
-
-input[type="submit"]:hover {
-       color: #39414d;
-       background: transparent;
-}
-
-input[type="reset"]:hover {
-       color: #39414d;
-       background: transparent;
-}
-
-.wp-block-search .wp-block-search__button:hover {
-       color: #39414d;
-       background: transparent;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+.wp-block-search .wp-block-search__button:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2317,98 +1812,77 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Block Options
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       color: #39414d;
-       background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+       color: var(--button--color-text-active) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       color: #39414d;
-       background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+       color: var(--button--color-text-hover) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
-       border: 3px solid currentColor;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       background-color: #39414d;
-       color: #d1e4dd;
-       border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       background-color: #39414d;
-       color: #d1e4dd;
-       border: 3px solid #39414d;
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
-       outline-offset: -7px;
</del><span class="cx" style="display: block; padding: 0 10px">         background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #39414d;
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-background);
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background {
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+       color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+       color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+       border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: 3px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+       color: var(--button--color-background) !important;
+       background: transparent !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2415,26 +1889,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px dotted #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px dotted var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
-       outline-offset: 2px;
-       outline: 2px dotted #39414d;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 0.1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code code {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         white-space: pre;
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2445,14 +1915,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.66 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2469,16 +1939,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2487,116 +1957,60 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: -50px;
-               margin-top: 63px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: calc(-2 * var(--global--spacing-horizontal));
+               margin-top: calc(2.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">                 z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
-       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-               background-color: #d1e4dd;
-               padding: 20px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background-color: #d1e4dd;
-               padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background-color: var(--global--color-background);
+               padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
-               padding-left: 50px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
-.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
-       padding-left: 20px;
-       padding-right: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover {
-       background-color: #000;
-       min-height: 450px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+       background-color: var(--cover--color-background);
+       min-height: var(--cover--height);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Treating H2 separately to account for legacy /core styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Block Styles */
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover-image {
-       background-color: #000;
-       min-height: 450px;
-       margin-top: inherit;
-       margin-bottom: inherit;
-       /* default & custom background-color */
-       /* Treating H2 separately to account for legacy /core styles */
</del><span class="cx" style="display: block; padding: 0 10px">         /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2605,40 +2019,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container {
-       color: currentColor;
-       margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover-image-text {
-       color: currentColor;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
-.wp-block-cover .wp-block-cover-text {
-       color: currentColor;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container {
-       color: currentColor;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text {
-       color: currentColor;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container a,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2650,96 +2045,34 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-image-text .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover .wp-block-cover-text .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
-       color: #28303d;
-}
-
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text .has-link-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
-       color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
+       color: var(--cover--color-foreground);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
-       color: #fff;
-}
-
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
-       color: #fff;
-}
-
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
-       color: #fff;
-}
-
-.wp-block-cover h2 {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-       max-width: inherit;
-       text-align: inherit;
-       padding: 0;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover h2{
-       font-size: 3rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-cover-image h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-cover-image h2{
-       font-size: 3rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2.has-text-align-left,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2.has-text-align-left {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2755,32 +2088,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container {
-       width: calc(100% - 60px);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: calc(100% - 60px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(100% - calc(2 * var(--global--spacing-vertical)));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover .wp-block-cover__inner-container > * {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover .wp-block-cover__inner-container > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .wp-block-cover .wp-block-cover__inner-container > * {
-               margin-top: 30px;
-               margin-bottom: 30px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover .wp-block-cover__inner-container > *,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2794,97 +2117,68 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > * {
-       margin-top: 60px;
-       margin-bottom: 60px;
-       padding-left: 25px;
-       padding-right: 25px;
-       width: 100%;
-}
-
-.wp-block-cover.alignright > * {
-       margin-top: 60px;
-       margin-bottom: 60px;
-       padding-left: 25px;
-       padding-right: 25px;
-       width: 100%;
-}
-
-.wp-block-cover-image.alignleft > * {
-       margin-top: 60px;
-       margin-bottom: 60px;
-       padding-left: 25px;
-       padding-right: 25px;
-       width: 100%;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
+.wp-block-cover-image.alignleft > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 60px;
-       margin-bottom: 60px;
-       padding-left: 25px;
-       padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: calc(2 * var(--global--spacing-vertical));
+       padding-left: var(--global--spacing-horizontal);
+       padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.is-style-twentytwentyone-border {
-       border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.is-style-twentytwentyone-border,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file a.wp-block-file__button:active {
-       color: #39414d;
-       opacity: inherit;
-}
-
-.wp-block-file a.wp-block-file__button:focus {
-       color: #39414d;
-       opacity: inherit;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file a.wp-block-file__button:active,
+.wp-block-file a.wp-block-file__button:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px">         opacity: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:visited {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file a.wp-block-file__button:visited:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.5;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--button--line-height);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         cursor: pointer;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       background-color: #39414d;
-       border-radius: 0;
-       border: 3px solid #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 15px 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2892,11 +2186,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -calc(1em - 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2905,18 +2199,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
+       color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:focus:not(.has-background) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:disabled {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: rgba(255, 255, 255, 0.5);
-       border-color: rgba(255, 255, 255, 0.5);
-       color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white-50);
+       border-color: var(--global--color-white-50);
+       color: var(--button--color-text-active);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2923,43 +2217,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image {
-       width: calc(50% - 10px);
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: calc(50% - 10px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc((100% - var(--global--spacing-unit)) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption {
-       margin: 0;
-       color: #fff;
-       font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
-       font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
+       font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption a {
-       color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption a,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-gallery .blocks-gallery-image figcaption a:focus {
-       background-color: transparent;
-       outline: 2px solid #28303d;
-       text-decoration: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery .blocks-gallery-image figcaption a:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption a:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2974,7 +2252,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2986,14 +2265,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group .wp-block-group__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group .wp-block-group__inner-container > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3006,288 +2285,104 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
-       padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
-       max-width: calc(100% + 60px);
-       width: calc(100% + 60px);
-       margin-left: -30px;
-}
-
-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-       max-width: calc(100% + 60px);
-       width: calc(100% + 60px);
-       margin-left: -30px;
-}
-
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
-       max-width: calc(100% + 60px);
-       width: calc(100% + 60px);
-       margin-left: -30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100% + 60px);
-       width: calc(100% + 60px);
-       margin-left: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+       width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+       margin-left: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h1 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h2 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h2 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h3 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h3 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h4 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h4 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h5 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-.h5 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
-h6 {
-       clear: both;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 strong {
-       font-weight: 600;
-}
-
-.h1 strong {
-       font-weight: 600;
-}
-
-h2 strong {
-       font-weight: 600;
-}
-
-.h2 strong {
-       font-weight: 600;
-}
-
-h3 strong {
-       font-weight: 600;
-}
-
-.h3 strong {
-       font-weight: 600;
-}
-
-h4 strong {
-       font-weight: 600;
-}
-
-.h4 strong {
-       font-weight: 600;
-}
-
-h5 strong {
-       font-weight: 600;
-}
-
-.h5 strong {
-       font-weight: 600;
-}
-
-h6 strong {
-       font-weight: 600;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1 strong,
+.h1 strong,
+h2 strong,
+.h2 strong,
+h3 strong,
+.h3 strong,
+h4 strong,
+.h4 strong,
+h5 strong,
+.h5 strong,
+h6 strong,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1 {
-       font-size: 4rem;
-       letter-spacing: normal;
-       line-height: 1.1;
-}
-
-@media only screen and (min-width: 652px){
-       h1{
-       font-size: 6rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 4rem;
-       letter-spacing: normal;
-       line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h1);
+       letter-spacing: var(--heading--letter-spacing-h1);
+       line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h1{
-       font-size: 6rem;
-       }
-}
-
-h2 {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       h2{
-       font-size: 3rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h2,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h2{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .h2{
-       font-size: 3rem;
-       }
-}
-
-h3 {
-       font-size: 2rem;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       h3{
-       font-size: 2rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h3,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h3);
+       letter-spacing: var(--heading--letter-spacing-h3);
+       line-height: var(--heading--line-height-h3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .h3{
-       font-size: 2rem;
-       }
-}
-
-h4 {
-       font-size: 1.5rem;
-       font-weight: 600;
-       letter-spacing: normal;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h4,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
-       font-weight: 600;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h4);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h4);
+       line-height: var(--heading--line-height-h4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h5 {
-       font-size: 1.125rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h5,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h5 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h5);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h5);
+       line-height: var(--heading--line-height-h5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h6 {
-       font-size: 1rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> .h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       font-weight: 600;
-       letter-spacing: 0.05em;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h6);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h6);
+       line-height: var(--heading--line-height-h6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3295,20 +2390,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image figcaption {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       line-height: 1.7;
-       margin-top: 10px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.5 * var(--global--spacing-unit));
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image a:focus img {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3315,14 +2410,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3332,26 +2427,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-image.is-style-twentytwentyone-border img {
-       border: 3px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image.is-style-twentytwentyone-border img,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-image.is-style-twentytwentyone-image-frame img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3364,11 +2457,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+       line-height: var(--global--line-height-body);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Vertical margins logic */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3380,17 +2474,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3399,8 +2493,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 50px;
-       margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3417,7 +2511,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3424,22 +2518,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3452,56 +2546,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts > li > a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-weight: normal;
-       line-height: 1.3;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+       font-size: var(--latest-posts--title-font-size);
+       font-weight: var(--heading--font-weight);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-latest-posts > li > a{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.25rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-md);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+       font-size: var(--latest-posts--description-font-size);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3508,22 +2590,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-top: 3px solid #28303d;
-       border-bottom: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
-       padding-bottom: 30px;
-       border-bottom: 1px solid #28303d;
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
-       border-bottom: 1px solid #28303d;
-       margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
+       border-bottom: var(--separator--height) solid var(--global--color-border);
+       margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3533,50 +2609,54 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        box-shadow: inset 0 -1px 0 0 #28303d;
-       border-bottom: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+       border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 30px;
-       padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+       padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 50%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 2));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 33%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 3));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 25%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 4));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 20%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 5));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 17%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: calc((100% / 6));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
-       padding: 30px 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 25px;
-       margin-bottom: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-horizontal);
+       margin-bottom: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3634,16 +2714,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       margin: 0;
-       padding-left: 50px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> ol {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--list--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> ul.aligncenter,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3668,44 +2743,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> dt {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--definition-term--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: 30px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3716,16 +2797,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-top: 30px;
-               padding-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-top: var(--global--spacing-vertical);
+               padding-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text.is-style-twentytwentyone-border {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3733,13 +2814,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.25rem;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family);
+       font-size: var(--primary-nav--font-size);
+       font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation .wp-block-navigation-link__submenu-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3753,7 +2834,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><span class="cx" style="display: block; padding: 0 10px">        left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px">         min-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3763,7 +2844,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 7px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3770,7 +2851,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3777,26 +2859,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">        top: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid var(--primary-nav--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
-       content: "";
-       display: block;
-       position: absolute;
-       width: 0;
-       top: -10px;
-       left: 25px;
-       border-style: solid;
-       border-color: #28303d transparent;
-       border-width: 0 7px 10px 7px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</span><span class="cx" style="display: block; padding: 0 10px">        content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3803,31 +2874,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        top: -10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #28303d transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--primary-nav--border-color) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">         border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</span><span class="cx" style="display: block; padding: 0 10px">        top: -9px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #d1e4dd transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--global--color-background) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3840,47 +2908,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: --global--line-height-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--wp--typography--line-height, --global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> p.has-text-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
-       font-size: 1.5rem;
-}
-
-.post-password-form {
-       display: flex;
-       flex-wrap: wrap;
-}
-
-.post-password-form__label {
-       width: 100%;
-       margin-bottom: 0;
-}
-
-.post-password-form__input {
-       flex-grow: 1;
-       margin-top: 10px;
-       margin-right: 17px;
-}
-
-.post-password-form__submit {
-       margin-top: 10px;
-}
-
-@media only screen and (min-width: 592px) {
-       .post-password-form__submit {
-               margin-left: 10px;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3887,20 +2925,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 40px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(2 * var(--global--spacing-unit)) 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3908,46 +2947,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--pullquote--font-family);
+       font-size: var(--pullquote--font-size);
+       font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: 700;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: var(--pullquote--letter-spacing);
+       line-height: var(--pullquote--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-pullquote p{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote a {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote .wp-block-pullquote__citation {
-       color: currentColor;
-       display: block;
-       font-size: 1rem;
-       font-style: normal;
-       text-transform: none;
-}
-
-.wp-block-pullquote cite {
-       color: currentColor;
-       display: block;
-       font-size: 1rem;
-       font-style: normal;
-       text-transform: none;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote footer {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       font-style: var(--pullquote--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3960,57 +2979,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote.alignwide > p {
-       max-width: calc(100vw - 30px);
-}
-
-@media only screen and (min-width: 482px){
-       .wp-block-pullquote.alignwide > p{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .wp-block-pullquote.alignwide > p{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.alignwide > p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.alignwide blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignwide-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block-pullquote.alignwide blockquote{
-       max-width: calc(100vw - 100px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .wp-block-pullquote.alignwide blockquote{
-       max-width: min(calc(100vw - 200px), 1240px);
-       }
-}
-
-.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
-       padding: 0 40px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 0 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 calc(2 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       padding: 50px;
-       border-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--pullquote--color-foreground);
+       padding: calc(2.5 * var(--global--spacing-unit));
+       border-width: var(--pullquote--border-width);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--pullquote--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-pullquote.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding: calc(5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4023,15 +3012,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--pullquote--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-pullquote.is-style-solid-color blockquote p{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4039,46 +3022,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px 25px 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-right: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        right: -12px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-center:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4085,145 +3063,85 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Resetting margins to match _block-container.scss */
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-style-large {
-       padding-left: 0;
-       padding-right: 0;
</del><span class="cx" style="display: block; padding: 0 10px">         /* Resetting margins to match _block-container.scss */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p {
-       font-size: 2.25rem;
-       font-style: normal;
-       line-height: 1.35;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-large p{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       font-style: normal;
-       line-height: 1.35;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+       font-style: var(--quote--font-style-large);
+       line-height: var(--quote--line-height-large);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-style-large p{
-       font-size: 2.5rem;
-       }
-}
-
-.wp-block-quote.is-large:before {
-       font-size: 2.25rem;
-       line-height: 1.35;
-       left: -25px;
-}
-
-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-large:before{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       line-height: 1.35;
-       left: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--quote--font-size-large);
+       line-height: var(--quote--line-height-large);
+       left: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-quote.is-style-large:before{
-       font-size: 2.5rem;
-       }
-}
-
-.wp-block-quote.is-large.has-text-align-right:before {
-       left: initial;
-       right: -25px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">        left: initial;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        right: -25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(-1 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large .wp-block-quote__citation {
-       color: #28303d;
-       font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large cite {
-       color: #28303d;
-       font-size: 1.125rem;
-}
-
-.wp-block-quote.is-large footer {
-       color: #28303d;
-       font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large .wp-block-quote__citation {
-       color: #28303d;
-       font-size: 1.125rem;
-}
-
-.wp-block-quote.is-style-large cite {
-       color: #28303d;
-       font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large .wp-block-quote__citation,
+.wp-block-quote.is-large cite,
+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
+.wp-block-quote.is-style-large cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .wp-block-quote.is-large {
-               padding-left: 25px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.is-style-large {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large:before,
+       .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right {
-               padding-left: 0;
-               padding-right: 25px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.is-style-large.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right:before,
+       .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-center,
+       .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-right: calc(0.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4239,8 +3157,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 50px;
-       margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(1.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss:not(.is-grid) > li:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4252,7 +3170,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.is-grid > li:last-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4259,22 +3177,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss > li > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4287,56 +3205,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-title > a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 2rem;
-       font-weight: normal;
-       line-height: 1.3;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--title-font-family);
+       font-size: var(--latest-posts--title-font-size);
+       font-weight: var(--heading--font-weight);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(0.333 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .wp-block-rss .wp-block-rss__item-title > a{
-       font-size: 2rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.25rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-md);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-publish-date {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss .wp-block-rss__item-excerpt {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss .wp-block-rss__item-excerpt,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss .wp-block-rss__item-full-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       margin-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--latest-posts--description-font-family);
+       font-size: var(--latest-posts--description-font-size);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-rss.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4343,23 +3249,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .wp-block-search{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .wp-block-search{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button-inside .wp-block-search__inside-wrapper {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4367,38 +3261,158 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__label {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-weight: 500;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--form--font-size);
+       font-weight: var(--form--label-weight);
+       margin-bottom: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: 3px solid #39414d;
-       border-radius: 0;
-       color: #28303d;
-       line-height: 1.7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       color: var(--form--color-text);
+       line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: -3px;
-       padding: 10px;
-       background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(-1 * var(--button--border-width));
+       padding: var(--form--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       border-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--form--color-text);
+       border-color: var(--form--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
+       line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+       padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+       width: 40px;
+       height: 40px;
+       fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+       color: var(--global--color-white);
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--button--color-background);
+       border-color: var(--global--color-white);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+       border-color: currentColor;
+       color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--form--border-color);
+       border-color: var(--form--border-color);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-background);
+       color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4405,7 +3419,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px">         clear: both;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4412,66 +3426,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                 * Block Options
-                */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--alignfull-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom-width: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom-width: calc(3 * var(--separator--height));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator.is-style-dots:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 2.25rem;
-       letter-spacing: 1.125rem;
-       padding-left: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--separator--border-color);
+       font-size: var(--global--font-size-xl);
+       letter-spacing: var(--global--font-size-sm);
+       padding-left: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       hr.wp-block-separator.is-style-dots:before{
-       font-size: 2.5rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4483,10 +3482,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-spacer[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                height: 20px !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         height: var(--global--spacing-unit) !important;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4497,72 +3496,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table th {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table th,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table td {
-       padding: 10px;
-       border: 1px solid;
-}
-
-table th {
-       padding: 10px;
-       border: 1px solid;
-}
-
-.wp-block-table td {
-       padding: 10px;
-       border: 1px solid;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th,
+.wp-block-table td,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px">         border: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-regular .has-background {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background thead tr {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background tfoot tr {
-       color: #28303d;
-}
-
-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-regular .has-background {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background thead tr {
-       color: #28303d;
-}
-
-.wp-block-table.is-style-stripes .has-background tfoot tr {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--table--has-background-text-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes {
-       border-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--table--stripes-border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> table.is-style-stripes th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4572,12 +3532,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.is-style-stripes tbody tr:nth-child(odd) {
-       background-color: #f0f0f0;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table.is-style-stripes tbody tr:nth-child(odd),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #f0f0f0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--table--stripes-background-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4603,13 +3560,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table.wp-calendar-table caption {
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-unit) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-calendar-nav svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4626,19 +3583,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-tag-cloud.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 20px;
-       padding-right: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-content--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-video figcaption {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
-       margin-top: 10px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
+       margin-top: calc(0.5 * var(--global--spacing-unit));
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4648,152 +3605,63 @@
</span><span class="cx" style="display: block; padding: 0 10px">        vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-extra-small-text {
-       font-size: 1rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-extra-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-small-text {
-       font-size: 1.125rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-small-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-small-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-regular-text {
-       font-size: 1.25rem;
-}
-
-:root .has-regular-font-size {
-       font-size: 1.25rem;
-}
-
-:root .is-normal-font-size {
-       font-size: 1.25rem;
-}
-
-:root .has-normal-font-size {
-       font-size: 1.25rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-medium-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-base);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-large-text {
-       font-size: 1.5rem;
-       line-height: 1.3;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:root .is-larger-text {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-larger-text{
-       font-size: 2.5rem;
-       }
-}
-
-:root .has-larger-font-size {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .has-larger-font-size{
-       font-size: 2.5rem;
-       }
-}
-
-:root .is-extra-large-text {
-       font-size: 2.5rem;
-       line-height: 1.3;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-extra-large-text{
-       font-size: 2.5rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-extra-large-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.5rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xl);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-extra-large-font-size{
-       font-size: 2.5rem;
-       }
-}
-
-:root .is-huge-text {
-       font-size: 6rem;
-       line-height: 1.3;
-       font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-huge-text{
-       font-size: 6rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-huge-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-huge-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 6rem;
-       line-height: 1.3;
-       font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxl);
+       line-height: var(--global--line-height-heading);
+       font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-huge-font-size{
-       font-size: 6rem;
-       }
-}
-
-:root .is-gigantic-text {
-       font-size: 9rem;
-       line-height: 1.3;
-       font-weight: 300;
-}
-
-@media only screen and (min-width: 652px){
-       :root .is-gigantic-text{
-       font-size: 9rem;
-       }
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:root .is-gigantic-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> :root .has-gigantic-font-size {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 9rem;
-       line-height: 1.3;
-       font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xxxl);
+       line-height: var(--global--line-height-heading);
+       font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       :root .has-gigantic-font-size{
-       font-size: 9rem;
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Block Alignments */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Block Alignments */
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4800,47 +3668,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .entry-content > .alignleft{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .entry-content > .alignleft{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .alignleft {
</del><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-right: 25px;
-               margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-right: var(--global--spacing-horizontal);
+               margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: calc(50% - var(--responsive--alignleft-margin));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        @media only screen and (min-width: 482px){
-               .entry-content > .alignleft{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 482px){
-               .entry-content > .alignleft{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 822px){
-               .entry-content > .alignleft{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4860,54 +3705,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .entry-content > .alignright{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px){
-       .entry-content > .alignright{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
-       .alignright {
</del><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: calc(50% - var(--responsive--alignright-margin));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        @media only screen and (min-width: 482px){
-               .entry-content > .alignright{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 482px){
-               .entry-content > .alignright{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
-       @media only screen and (min-width: 822px){
-               .entry-content > .alignright{
-               max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
-               }
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4938,22 +3760,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::first-letter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: 0.66;
</span><span class="cx" style="display: block; padding: 0 10px">        text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0.1em 0.1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(1.2 * var(--heading--font-size-h1));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .has-drop-cap:not(:focus)::first-letter{
-       font-size: 7rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap:not(:focus)::after {
</span><span class="cx" style="display: block; padding: 0 10px">        content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: table;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4964,8 +3780,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4976,27 +3792,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px">        flex-wrap: wrap;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        row-gap: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ row-gap: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-top: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-top: calc(var(--global--spacing-vertical) / 0.75);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-top: 72px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-top: calc(2.4 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-right: 140px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5005,8 +3821,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5014,42 +3830,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-link);
+       font-family: var(--branding--title--font-family);
+       font-size: var(--branding--title--font-size-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px">         letter-spacing: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        text-transform: uppercase;
-       line-height: 1.3;
-       margin-bottom: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-transform: var(--branding--title--text-transform);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(var(--global--spacing-vertical) / 6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title a {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--branding--title--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover {
-       color: #39414d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-title a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--branding--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         font-size: var(--branding--title--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--branding--description--font-family);
+       font-size: var(--branding--description--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5058,16 +3873,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        text-decoration-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration-color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 15px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(var(--global--spacing-vertical) / 2) 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header > .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 45px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
</ins><span class="cx" style="display: block; padding: 0 10px">         border-bottom: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5075,17 +3890,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: 96px;
-       max-height: 96px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--branding--logo--max-width-mobile);
+       max-height: var(--branding--logo--max-height-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px">         height: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-logo .custom-logo {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: 300px;
-               max-height: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: var(--branding--logo--max-width);
+               max-height: var(--branding--logo--max-height);
</ins><span class="cx" style="display: block; padding: 0 10px">                 height: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                width: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5092,51 +3907,64 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-top: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-top: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-height: calc(10px + 2em);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-top: -10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 11px;
-               padding-right: 11px;
-               margin-right: -15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+               padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+               margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5144,36 +3972,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 51px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(1.7 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .no-widgets .site-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 180px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(6 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 30px;
-       color: #28303d;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       line-height: 1.7;
-       border-top: 3px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: var(--global--spacing-vertical);
+       color: var(--footer--color-text);
+       font-family: var(--footer--font-family);
+       font-size: var(--footer--font-size);
+       line-height: var(--global--line-height-body);
+       border-top: 3px solid var(--global--color-border);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .site-name {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        text-transform: uppercase;
-       font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-transform: var(--branding--title--text-transform);
+       font-size: var(--branding--title--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5181,33 +4010,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link {
-       color: #28303d;
-}
-
-.site-footer > .site-info a:visited {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site-footer > .site-info a:focus {
+       color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 3px solid #28303d;
-       padding-bottom: 60px;
-       margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .home .entry-header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5218,12 +4045,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .singular .has-post-thumbnail .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-bottom: 39px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: calc(1.3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .no-results.not-found > *:first-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .page-links {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5232,8 +4059,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .page-links .post-page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 13px;
-       margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.66 * var(--global--spacing-unit));
+       margin-right: calc(0.66 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px">         min-width: 44px;
</span><span class="cx" style="display: block; padding: 0 10px">        min-height: 44px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5243,65 +4070,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 2.25rem;
-       letter-spacing: normal;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color);
+       font-size: var(--entry-header--font-size);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
</ins><span class="cx" style="display: block; padding: 0 10px">         overflow-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .entry-title{
-       font-size: 3rem;
-       }
-}
-
-@media only screen and (min-width: 652px){
-       .entry-title{
-       font-size: 3rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-title a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-underline-offset: 0.15em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-focus);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--entry-header--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .singular .entry-title{
-       font-size: 6rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> h1.entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.1;
-       font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--heading--line-height-h1);
+       font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Entry Content
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-summary {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-content--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5309,21 +4116,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px 0 !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) 0 !important;
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: 30px !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: var(--global--spacing-vertical) !important;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px">         clear: both;
</span><span class="cx" style="display: block; padding: 0 10px">        float: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5335,12 +4142,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-footer a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-footer a:active {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5348,26 +4152,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       padding-top: 20px;
-       padding-bottom: 90px;
-       border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       padding-top: var(--global--spacing-unit);
+       padding-bottom: calc(3 * var(--global--spacing-vertical));
+       border-bottom: var(--separator--height) solid var(--separator--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> body:not(.single) .site-main > article:last-of-type .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 1px solid transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: var(--separator--height) solid transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 102px;
-       margin-bottom: 102px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3.4 * var(--global--spacing-vertical));
+       margin-bottom: calc(3.4 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 24px;
-       border-top: 3px solid #28303d;
-       border-bottom: 1px solid transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.8 * var(--global--spacing-vertical));
+       border-top: 3px solid var(--separator--border-color);
+       border-bottom: var(--separator--height) solid transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">         display: grid;
</span><span class="cx" style="display: block; padding: 0 10px">        grid-template-columns: repeat(2, 1fr);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        column-gap: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ column-gap: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5386,14 +4190,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px">        .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5410,46 +4216,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        min-width: calc(100vw - 30px);
</del><span class="cx" style="display: block; padding: 0 10px">         max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .post-thumbnail .wp-post-image{
-       min-width: min(calc(100vw - 100px), 610px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .post-thumbnail .wp-post-image{
-       min-width: min(calc(100vw - 200px), 610px);
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Author
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .author-bio{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-@media only screen and (min-width: 822px){
-       .author-bio{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio.show-avatars .avatar {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5460,131 +4243,62 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio.show-avatars .author-bio-content {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-left: 25px;
-       max-width: calc(100vw - 120px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: var(--global--spacing-horizontal);
+       max-width: calc(var(--responsive--aligndefault-width) - 90px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .author-bio.show-avatars .author-bio-content{
-       max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .author-bio.show-avatars .author-bio-content{
-       max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-bio-content .author-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--entry-author-bio--font-family);
+       font-size: var(--entry-author-bio--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-bio-content .author-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       margin-top: 15px;
-       margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
+       margin-top: calc(0.5 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .page-title{
-       font-size: 6rem;
-       }
-}
-
-h1.page-title {
-       font-weight: 300;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1.page-title,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2.page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 300;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--heading--font-weight-page-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> h1.page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--heading--line-height-h1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .page-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 3px solid #28303d;
-       padding-bottom: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive .content-area .format-aside .entry-content {
-       font-size: 1.5rem;
-}
-
-.archive .content-area .format-status .entry-content {
-       font-size: 1.5rem;
-}
-
-.archive .content-area .format-link .entry-content {
-       font-size: 1.5rem;
-}
-
-.search .content-area .format-aside .entry-content {
-       font-size: 1.5rem;
-}
-
-.search .content-area .format-status .entry-content {
-       font-size: 1.5rem;
-}
-
-.search .content-area .format-link .entry-content {
-       font-size: 1.5rem;
-}
-
-.blog .content-area .format-aside .entry-content {
-       font-size: 1.5rem;
-}
-
-.blog .content-area .format-status .entry-content {
-       font-size: 1.5rem;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .content-area .format-aside .entry-content,
+.archive .content-area .format-status .entry-content,
+.archive .content-area .format-link .entry-content,
+.search .content-area .format-aside .entry-content,
+.search .content-area .format-status .entry-content,
+.search .content-area .format-link .entry-content,
+.blog .content-area .format-aside .entry-content,
+.blog .content-area .format-status .entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog .content-area .format-link .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive .format-image .entry-content {
-       margin-top: 60px;
-}
-
-.archive .format-gallery .entry-content {
-       margin-top: 60px;
-}
-
-.archive .format-video .entry-content {
-       margin-top: 60px;
-}
-
-.search .format-image .entry-content {
-       margin-top: 60px;
-}
-
-.search .format-gallery .entry-content {
-       margin-top: 60px;
-}
-
-.search .format-video .entry-content {
-       margin-top: 60px;
-}
-
-.blog .format-image .entry-content {
-       margin-top: 60px;
-}
-
-.blog .format-gallery .entry-content {
-       margin-top: 60px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .format-image .entry-content,
+.archive .format-gallery .entry-content,
+.archive .format-video .entry-content,
+.search .format-image .entry-content,
+.search .format-gallery .entry-content,
+.search .format-video .entry-content,
+.blog .format-image .entry-content,
+.blog .format-gallery .entry-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog .format-video .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 60px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .archive .entry-footer .cat-links,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5596,37 +4310,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.archive.logged-in .entry-footer .posted-on {
-       margin-right: 10px;
-}
-
-.search.logged-in .entry-footer .posted-on {
-       margin-right: 10px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive.logged-in .entry-footer .posted-on,
+.search.logged-in .entry-footer .posted-on,
</ins><span class="cx" style="display: block; padding: 0 10px"> .blog.logged-in .entry-footer .posted-on {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(0.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .archive-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       font-size: 2.25rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       font-size: var(--global--font-size-xl);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .archive-description{
-       font-size: 2.5rem;
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .error404 main p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
-       margin-bottom: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
+       margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .search-no-results .page-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 90px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5633,8 +4335,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Comments Wrapper
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5663,34 +4365,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Comment Title
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comments-title {
-       font-size: 2.25rem;
-       letter-spacing: normal;
-}
-@media only screen and (min-width: 652px){
-       .comments-title{
-       font-size: 3rem;
-       }
-}
-@media only screen and (min-width: 652px){
-       .comments-title{
-       font-size: 3rem;
-       }
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-title,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 2.25rem;
-       letter-spacing: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px){
-       .comment-reply-title{
-       font-size: 3rem;
-       }
-}
-@media only screen and (min-width: 652px){
-       .comment-reply-title{
-       font-size: 3rem;
-       }
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5698,8 +4377,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-title small a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
+       font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5707,7 +4386,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Nested comment reply title*/
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-respond .comment-reply-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5719,8 +4398,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .children {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5729,16 +4408,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list .children > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment-list .depth-2 {
-               padding-left: 100px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comment-list .depth-2,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-list .depth-3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 100px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: calc(4 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5746,11 +4424,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Comment Meta
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.3;
-       margin-bottom: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-heading);
+       margin-bottom: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5758,9 +4436,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-author .fn {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-lg);
</ins><span class="cx" style="display: block; padding: 0 10px">         hyphens: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px">        word-break: break-word;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5767,19 +4445,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
+       font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: 8px 0 9px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5786,8 +4465,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .reply {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .bypostauthor {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5798,22 +4477,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pingback .url {
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pingback .url,
</ins><span class="cx" style="display: block; padding: 0 10px"> .trackback .url {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 51px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(1.7 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body .reply {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5824,23 +4500,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pingback .comment-body {
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pingback .comment-body,
</ins><span class="cx" style="display: block; padding: 0 10px"> .trackback .comment-body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 20px;
-       margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5852,7 +4524,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-respond > *:last-child.comment-form {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5873,7 +4545,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-notes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-form-url,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5886,8 +4558,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px">        .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px">                flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5894,18 +4566,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form .comment-form-cookies-consent > label {
-       font-size: 1rem;
-       font-weight: normal;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form .comment-form-cookies-consent > label,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form .comment-notes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: var(--global--spacing-unit);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p:first-of-type {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5916,55 +4584,29 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p label {
-       display: block;
-       font-size: 1.125rem;
-       margin-bottom: 10px;
-       width: 100%;
-       font-weight: 500;
-}
-
-.comment-form > p input[type="email"] {
-       display: block;
-       font-size: 1.125rem;
-       margin-bottom: 10px;
-       width: 100%;
-       font-weight: 500;
-}
-
-.comment-form > p input[type="text"] {
-       display: block;
-       font-size: 1.125rem;
-       margin-bottom: 10px;
-       width: 100%;
-       font-weight: 500;
-}
-
-.comment-form > p input[type="url"] {
-       display: block;
-       font-size: 1.125rem;
-       margin-bottom: 10px;
-       width: 100%;
-       font-weight: 500;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p label,
+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       margin-bottom: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+       margin-bottom: calc(.5 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--form--label-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form > p.comment-form-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-right: 38px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-right: calc(1.5 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comment-form > p.comment-notes,
+       .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5974,17 +4616,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">        right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 15px;
-       padding-bottom: 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.5 * var(--global--spacing-vertical));
+       padding-bottom: calc(0.25 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 10px 25px;
-       margin-right: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5992,11 +4633,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
-       font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--primary-nav--font-size-button);
+       font-weight: var(--primary-nav--font-weight-button);
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6005,7 +4646,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon .svg-icon {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container .button.button .dropdown-icon.open .svg-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6017,15 +4658,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px">        animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6033,7 +4674,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        z-index: 500;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation-open .menu-button-container #primary-mobile-menu {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6042,10 +4683,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px">         right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-text);
+       font-size: var(--primary-nav--font-size);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: 1.15;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6059,16 +4700,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: calc(2rem + 47px);
-       padding-left: 20px;
-       padding-right: 20px;
-       padding-bottom: 25px;
-       background-color: #d1e4dd;
-       transition: all .15s ease-in-out;
-       transform: translateY(30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
+       padding-left: var(--global--spacing-unit);
+       padding-right: var(--global--spacing-unit);
+       padding-bottom: var(--global--spacing-horizontal);
+       background-color: var(--global--color-background);
+       transition: all 0.15s ease-in-out;
+       transform: translateY(var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6076,32 +4717,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateY(0) translateX(100%);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                top: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         top: var(--global--admin-bar--height);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        @media only screen and (max-width: 782px){
-               .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container{
-               top: 46px;
-               }
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                height: calc(100vh - 32px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         height: calc(100vh - var(--global--admin-bar--height));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        @media only screen and (max-width: 782px){
-               .admin-bar .primary-navigation > .primary-menu-container{
-               height: calc(100vh - 46px);
-               }
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border: 2px solid var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6115,18 +4750,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6136,15 +4772,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6160,8 +4800,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+               padding-bottom: 100px;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6172,13 +4816,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6185,7 +4830,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        height: calc(27px + 1em);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 44px;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6196,10 +4841,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        outline: 2px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6221,11 +4866,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6232,8 +4877,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6244,17 +4889,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
-               content: "";
-               display: block;
-               position: absolute;
-               width: 0;
-               top: -10px;
-               left: 25px;
-               border-style: solid;
-               border-color: #28303d transparent;
-               border-width: 0 7px 10px 7px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px">                content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6261,109 +4897,110 @@
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                top: -10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         left: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-style: solid;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border-color: #28303d transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border-color: var(--primary-nav--border-color) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px">                top: -9px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                border-color: #d1e4dd transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         border-color: var(--global--color-background) transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                background: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         background: var(--global--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
-               /* rtl:ignore */
-               left: 25px;
-               /* rtl:ignore */
-               right: auto;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         left: var(--global--spacing-horizontal);
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
-               /* rtl:ignore */
-               left: auto;
-               /* rtl:ignore */
-               right: 25px;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                right: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         right: var(--global--spacing-horizontal);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-right: -13px;
-               margin-left: -13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-right: calc(0px - var(--primary-nav--padding));
+               margin-left: calc(0px - var(--primary-nav--padding));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding-left: 13px;
-               padding-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-left: var(--primary-nav--padding);
+               padding-right: var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin-left: -13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin-left: calc(0px - var(--primary-nav--padding));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.125rem;
-       font-weight: normal;
-       padding: 13px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--primary-nav--font-family-mobile);
+       font-size: var(--primary-nav--font-size-mobile);
+       font-weight: var(--primary-nav--font-weight);
+       padding: var(--primary-nav--padding) 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-               font-size: 1.25rem;
-               font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         font-family: var(--primary-nav--font-family);
+               font-size: var(--primary-nav--font-size);
+               font-weight: var(--primary-nav--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        fill: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ fill: var(--primary-nav--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover {
-       color: #28303d;
-}
-
-.primary-navigation a:link {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a:visited {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--primary-nav--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6393,37 +5030,37 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        list-style: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 13px;
-       border: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--primary-nav--padding);
+       border: 1px solid var(--primary-nav--border-color);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 17px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--primary-nav--font-size-sub-menu-mobile);
+       font-style: var(--primary-nav--font-style-sub-menu-mobile);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu .menu-item > a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                font-size: 1rem;
-               font-style: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         font-size: var(--primary-nav--font-size-sub-menu);
+               font-style: var(--primary-nav--font-style);
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6430,12 +5067,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6444,7 +5082,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-description {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-xs);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6454,6 +5092,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6460,11 +5099,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px">         from {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         to {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6471,11 +5111,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 60px;
-       margin-bottom: 30px;
-       color: #28303d;
-       font-size: 1rem;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: var(--global--spacing-vertical);
+       color: var(--footer--color-text);
+       font-size: var(--global--font-size-xs);
+       font-family: var(--footer--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6492,21 +5132,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 17px 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
</ins><span class="cx" style="display: block; padding: 0 10px">         transition: transform 0.1s ease;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link {
-       color: #28303d;
-}
-
-.footer-navigation-wrapper li a:visited {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6513,12 +5147,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: dotted;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-skip-ink: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+       fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        vertical-align: middle;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        fill: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ fill: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6532,25 +5170,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Next/Previous navigation */
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary-hover);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-secondary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links > * {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6567,25 +5205,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .navigation .nav-links .nav-next {
-               flex: 0 1 auto;
-               margin-bottom: inherit;
-               margin-top: inherit;
-               max-width: calc(50% - 10px);
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .navigation .nav-links .nav-next,
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: calc(50% - 10px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6598,69 +5233,57 @@
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.navigation .nav-previous .svg-icon {
-       top: -2px;
-       margin-right: 5px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.navigation .nav-previous .svg-icon,
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .prev .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        top: -2px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.navigation .nav-next .svg-icon {
-       top: -1px;
-       margin-left: 5px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.navigation .nav-next .svg-icon,
</ins><span class="cx" style="display: block; padding: 0 10px"> .navigation .next .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        top: -1px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(0.25 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .meta-nav {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.7;
-       color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--global--line-height-body);
+       color: var(--global--color-primary);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.5rem;
-       font-weight: 600;
-       line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: var(--global--font-primary);
+       font-size: var(--global--font-size-lg);
+       font-weight: var(--pagination--font-weight-strong);
+       line-height: var(--global--line-height-heading);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .post-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin: 5px 29px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-navigation .nav-next {
-       margin-top: 30px;
-       margin-bottom: 30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-navigation .nav-next,
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-previous {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
-       margin-bottom: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-next:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6679,61 +5302,44 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-thickness: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination {
-       border-top: 3px solid #28303d;
-       padding-top: 30px;
-       margin: 30px auto;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-top: 3px solid #28303d;
-       padding-top: 30px;
-       margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 3px solid var(--global--color-border);
+       padding-top: var(--global--spacing-vertical);
+       margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
-       .pagination {
-               margin: 30px auto;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pagination,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin: 30px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin: var(--global--spacing-vertical) auto;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links {
-       margin-top: -30px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: -30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(-1 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > * {
-       color: #28303d;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.5rem;
-       font-weight: normal;
-       margin-top: 30px;
-       margin-left: 13px;
-       margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+       color: var(--pagination--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-       font-size: 1.5rem;
-       font-weight: normal;
-       margin-top: 30px;
-       margin-left: 13px;
-       margin-right: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--pagination--color-text);
+       font-family: var(--pagination--font-family);
+       font-size: var(--pagination--font-size);
+       font-weight: var(--pagination--font-weight);
+       margin-top: var(--global--spacing-vertical);
+       margin-left: calc(0.66 * var(--global--spacing-unit));
+       margin-right: calc(0.66 * var(--global--spacing-unit));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *.current {
-       border-bottom: 1px solid #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links > *.current,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.current {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border-bottom: 1px solid #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid var(--pagination--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:first-child,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6741,14 +5347,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover {
-       color: #28303d;
-}
-
-.comments-pagination .nav-links > *a:hover {
-       color: #28303d;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6763,18 +5361,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .pagination .page-numbers.prev,
+       .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6781,39 +5382,46 @@
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        .pagination .nav-short,
+       .comments-pagination .nav-short {
+               display: none;
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding-top: 20px;
-       margin: 90px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-top: calc(0.66 * var(--global--spacing-vertical));
+       margin: calc(3 * var(--global--spacing-vertical)) auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                margin: 90px auto 120px auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-md);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 180px;
-       padding-bottom: 10px;
-       color: #28303d;
-       font-size: 1.125rem;
-       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(6 * var(--global--spacing-vertical));
+       padding-bottom: calc(var(--global--spacing-vertical) / 3);
+       color: var(--footer--color-text);
+       font-size: var(--footer--font-size);
+       font-family: var(--footer--font-family);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                display: grid;
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(2, 1fr);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                column-gap: 50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         column-gap: calc(2 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6825,15 +5433,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: 1.9;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--widget--line-height-list);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu {
-       margin-left: 13px;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul.children {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-left: 13px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: var(--widget--spacing-menu);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area ul .sub-menu-toggle {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6841,36 +5446,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link {
-       color: #28303d;
-}
-
-.widget-area a:visited {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--footer--color-link-hover);
</ins><span class="cx" style="display: block; padding: 0 10px">         text-decoration-style: dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area .wp-block-social-links.alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px">         justify-content: flex-end;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area .wp-block-social-links.alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 30px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6880,9 +5479,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-size: 1.125rem;
-       font-weight: 700;
-       line-height: 1.4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: var(--global--font-size-sm);
+       font-weight: var(--widget--font-weight-title);
+       line-height: var(--widget--line-height-title);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6889,55 +5488,43 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: calc(100vw - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--responsive--aligndefault-width);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px){
-       .search-form{
-       max-width: min(calc(100vw - 100px), 610px);
-       }
-}
-
-@media only screen and (min-width: 822px){
-       .search-form{
-       max-width: min(calc(100vw - 200px), 610px);
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .search-form > label {
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--form--label-weight);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form .search-field {
</span><span class="cx" style="display: block; padding: 0 10px">        flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
-       margin-right: 17px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-vertical) / 3);
+       margin-right: calc(0.66 * var(--global--spacing-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .search-form .search-submit {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-top: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(var(--global--spacing-vertical) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-field {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-right: -3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(-1 * var(--button--border-width));
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
-       margin-bottom: 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--button--color-text-hover);
+       margin-bottom: calc(0.5 * var(--global--spacing-vertical));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search > .search-form .search-submit:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
-       color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--button--color-background);
+       color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss a.rsswidget .rss-widget-icon {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6987,6 +5574,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         * {
</span><span class="cx" style="display: block; padding: 0 10px">                transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px">                transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6994,43 +5582,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7045,127 +5633,97 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-black);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #39414d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1e4dd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-green);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-blue-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1dfe4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-blue);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #d1d1e4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-purple);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #e4d1d1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-red);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-orange-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #e4dad1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-orange);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #eeeadd;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-yellow);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class] {
-       color: #fff;
-}
-
-:not(.has-text-color).has-gray-background-color[class] {
-       color: #fff;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-dark-gray-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-blue-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-purple-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-red-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-orange-background-color[class] {
-       color: #28303d;
-}
-
-:not(.has-text-color).has-yellow-background-color[class] {
-       color: #28303d;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
</ins><span class="cx" style="display: block; padding: 0 10px"> :not(.has-text-color).has-white-background-color[class] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #28303d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1d1e4, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-green-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1e4dd, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-green-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #d1e4dd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-yellow-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #e4d1d1, #eeeadd);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-yellow-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #eeeadd, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-purple-to-red-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-header * {
-       max-width: unset;
-}
-
-main * {
-       max-width: unset;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+header *,
+main *,
</ins><span class="cx" style="display: block; padding: 0 10px"> footer * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        max-width: unset;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: var(--global--spacing-measure);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> html,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7182,43 +5740,43 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px">         fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
-       .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+       .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px">                 background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7229,4 +5787,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .is-IE .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px">        min-width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*# sourceMappingURL=ie.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssprintcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css  2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/print.css    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,10 +2,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Adding print support. The print styles are based on the the great work of
</span><span class="cx" style="display: block; padding: 0 10px"> Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> >>> TABLE OF CONTENTS:
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------------------------
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-# Margins
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+# Margins & paddings
</ins><span class="cx" style="display: block; padding: 0 10px"> # Typography
</span><span class="cx" style="display: block; padding: 0 10px"> # Page breaks
</span><span class="cx" style="display: block; padding: 0 10px"> # Links
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,17 +13,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> # Visibility
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> @media print {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Margins */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       /* Margins & paddings */
</ins><span class="cx" style="display: block; padding: 0 10px">         @page {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .entry {
-               margin-top: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .entry .entry-header,
+       .entry,
+       .single .site-main > article > .entry-footer {
+               margin-top: 0;
+               margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .entry .entry-header,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-footer .site-info {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .site-header {
+               padding: 0;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Fonts */
</span><span class="cx" style="display: block; padding: 0 10px">        body {
</span><span class="cx" style="display: block; padding: 0 10px">                font: 13pt Georgia, "Times New Roman", Times, serif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,9 +42,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background: #fff !important;
</span><span class="cx" style="display: block; padding: 0 10px">                color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        h1 {
-               font-size: 24pt;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .has-background-dark * {
+               color: #000 !important;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       h1,
+       .entry-title,
+       .singular .entry-title,
+       .page-title {
+               font-size: 22pt;
+               font-weight: bold;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         h2,
</span><span class="cx" style="display: block; padding: 0 10px">        h3,
</span><span class="cx" style="display: block; padding: 0 10px">        h4,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,17 +62,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">        .has-large-font-size,
</span><span class="cx" style="display: block; padding: 0 10px">        h2.author-title,
</span><span class="cx" style="display: block; padding: 0 10px">        p.author-bio,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comments-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-title,
+       .archive-description {
</ins><span class="cx" style="display: block; padding: 0 10px">                 font-size: 14pt;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comment-meta,
+       .comment-meta .comment-author .fn {
+               font-size: 13pt;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Page breaks */
</span><span class="cx" style="display: block; padding: 0 10px">        a {
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         h1,
</span><span class="cx" style="display: block; padding: 0 10px">        h2,
</span><span class="cx" style="display: block; padding: 0 10px">        h3,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,19 +91,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-after: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         img {
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-after: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         table,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        pre {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ pre,
+       figure {
</ins><span class="cx" style="display: block; padding: 0 10px">                 page-break-inside: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         ul,
</span><span class="cx" style="display: block; padding: 0 10px">        ol,
</span><span class="cx" style="display: block; padding: 0 10px">        dl {
</span><span class="cx" style="display: block; padding: 0 10px">                page-break-before: avoid;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Links */
</span><span class="cx" style="display: block; padding: 0 10px">        a:link,
</span><span class="cx" style="display: block; padding: 0 10px">        a:visited,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,80 +118,61 @@
</span><span class="cx" style="display: block; padding: 0 10px">                text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        a[href^="http"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       a[href^=http]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: " < " attr(href) "> ";
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         a:after > img {
</span><span class="cx" style="display: block; padding: 0 10px">                content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         article a[href^="#"]:after {
</span><span class="cx" style="display: block; padding: 0 10px">                content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         a:not(:local-link):after {
</span><span class="cx" style="display: block; padding: 0 10px">                content: " < " attr(href) "> ";
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .entry-title a:after {
+               content: "\a< " attr(href) "> ";
+               white-space: pre;
+               font-size: 14pt;
+       }
+
+       .cat-links a:after,
+       .tags-links a:after,
+       .byline a:after,
+       .comment-metadata a:after,
+       .wp-block-calendar a:after,
+       .wp-block-tag-cloud a:after,
+       .page-links a:after {
+               content: "";
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px">        .primary-navigation,
</span><span class="cx" style="display: block; padding: 0 10px">        .site-title + .primary-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .site-branding-container:before,
-       .entry .entry-title:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .footer-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-footer,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .author-description:before,
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        .navigation.pagination,
</ins><span class="cx" style="display: block; padding: 0 10px">         .widget-area,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment-form-flex,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .edit-link,
+       .more-link,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-reply,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment .comment-metadata .edit-link {
-               display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .reply,
+       .comment .comment-metadata .edit-link,
+       .comment-respond,
+       #dark-mode-toggler {
+               display: none !important;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry .entry-content .wp-block-button .wp-block-button__link,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .entry .entry-content .button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .button,
+       .entry .entry-content .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px">                 color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">                background: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Site Header (With Featured Image) */
-       .site-header.featured-image {
-               min-height: 0;
-       }
-       .site-header.featured-image .primary-navigation a,
-       .site-header.featured-image .primary-navigation a + svg,
-       .site-header.featured-image .site-title a,
-       .site-header.featured-image .site-featured-image a,
-       .site-header.featured-image .site-branding .site-title,
-       .site-header.featured-image .site-branding .site-description,
-       .site-header.featured-image .primary-navigation a:after,
-       .site-header.featured-image .primary-navigation .menu-wrapper > li.menu-item-has-children:after,
-       .site-header.featured-image .primary-navigation li,
-       .site-header.featured-image .entry-title,
-       .site-header.featured-image#masthead .site-title a {
-               color: #000;
-               text-shadow: none;
-       }
-       .site-header.featured-image .site-featured-image .entry-header,
-       .site-header.featured-image .site-branding-container {
-               margin-top: 0;
-               margin-bottom: 0;
-       }
-       .site-header.featured-image .site-featured-image .post-thumbnail img {
-               position: relative;
-               height: initial;
-               width: initial;
-               object-fit: none;
-               min-width: 0;
-               min-height: 0;
-               max-width: 100%;
-               margin-top: 1rem;
-       }
-       /* Remove image filters from featured image */
-       .image-filters-enabled *:after {
-               display: none !important;
-       }
-       .image-filters-enabled .site-header.featured-image .site-featured-image:before {
-               display: none;
-       }
-       .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
-               filter: none;
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=print.css.map */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodertlcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,115 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* OS dark theme preference */
+@media only screen {
+
+       .is-dark-theme.is-dark-theme {
+               --global--color-background: var(--global--color-dark-gray);
+               --global--color-primary: var(--global--color-light-gray);
+               --global--color-secondary: var(--global--color-light-gray);
+               --button--color-text: var(--global--color-background);
+               --button--color-text-hover: var(--global--color-secondary);
+               --button--color-text-active: var(--global--color-secondary);
+               --button--color-background: var(--global--color-secondary);
+               --button--color-background-active: var(--global--color-background);
+               --global--color-border: #ffffff8c;
+       }
+
+       .is-dark-theme.is-dark-theme .site a:focus,
+       .is-dark-theme.is-dark-theme .site a:focus .meta-nav {
+               background: #000;
+               color: #fff;
+               text-decoration: none;
+       }
+
+       .is-dark-theme.is-dark-theme img {
+               filter: brightness(0.85) contrast(1.1);
+       }
+
+       .respect-color-scheme-preference.is-dark-theme body {
+               background-color: var(--global--color-background);
+       }
+
+       #dark-mode-toggler {
+               cursor: pointer;
+               display: flex;
+               align-items: center;
+               justify-content: center;
+               font-size: var(--global--font-size-xs);
+               padding: 0.5em;
+               min-height: 44px;
+               min-width: max-content;
+               border: 2px solid currentColor;
+               box-shadow: none;
+               background: var(--button--color-text);
+               color: var(--button--color-background);
+               z-index: 9998;
+       }
+
+       .no-js #dark-mode-toggler {
+               display: none;
+       }
+
+       .wp-admin #dark-mode-toggler {
+               display: none;
+       }
+
+       #dark-mode-toggler.fixed-bottom {
+               position: fixed;
+               bottom: 5px;
+               left: 5px;
+               transition: bottom 0.5s;
+       }
+
+       #dark-mode-toggler.fixed-bottom.hide:not(:focus) {
+               bottom: -80px;
+       }
+
+       #dark-mode-toggler.relative {
+               position: absolute;
+               height: 44px;
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+               left: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+       }
+
+       .admin-bar #dark-mode-toggler.relative {
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+       }
+}
+@media only screen and (max-width: 782px) {
+
+       .admin-bar #dark-mode-toggler.relative {
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
+       }
+}
+@media only screen and (max-width: 481px) {
+
+       .admin-bar #dark-mode-toggler.relative {
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
+       }
+}
+@media only screen and (max-width: 481px) {
+
+       body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
+               top: calc(44px + 44px);
+       }
+}
+@media only screen {
+
+       .primary-navigation-open #dark-mode-toggler {
+               display: none;
+       }
+}
+@media only screen {
+
+       #dark-mode-toggler:hover,
+       #dark-mode-toggler:focus {
+               color: var(--button--color-background-active);
+               border: 2px solid var(--button--color-text-active);
+               background-color: var(--button--color-text-active);
+       }
+}
+@media only screen {
+
+       .is-IE #dark-mode-toggler {
+               display: none;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyledarkmodecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,95 +1,115 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* OS dark theme preference */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode {
-       --global--color-background: var(--global--color-dark-gray);
-       --global--color-primary: var(--global--color-light-gray);
-       --global--color-secondary: var(--global--color-light-gray);
-       --button--color-text: var(--global--color-background);
-       --button--color-text-hover: var(--global--color-secondary);
-       --button--color-text-active: var(--global--color-secondary);
-       --button--color-background: var(--global--color-secondary);
-       --button--color-background-active: var(--global--color-background);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode body {
-       background-color: var(--global--color-background);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme {
+               --global--color-background: var(--global--color-dark-gray);
+               --global--color-primary: var(--global--color-light-gray);
+               --global--color-secondary: var(--global--color-light-gray);
+               --button--color-text: var(--global--color-background);
+               --button--color-text-hover: var(--global--color-secondary);
+               --button--color-text-active: var(--global--color-secondary);
+               --button--color-background: var(--global--color-secondary);
+               --button--color-background-active: var(--global--color-background);
+               --global--color-border: #ffffff8c;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode .site a:focus {
-       background: #000;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme .site a:focus,
+       .is-dark-theme.is-dark-theme .site a:focus .meta-nav {
+               background: #000;
+               color: #fff;
+               text-decoration: none;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-html.is-dark-mode img {
-       filter: brightness(0.85) contrast(1.1);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-dark-theme.is-dark-theme img {
+               filter: brightness(0.85) contrast(1.1);
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler {
-       cursor: pointer;
-       display: flex;
-       align-items: center;
-       justify-content: center;
-       font-size: var(--global--font-size-xs);
-       padding: 0.5em;
-       min-height: 44px;
-       min-width: max-content;
-       border: 2px solid currentColor;
-       box-shadow: none;
-       background: var(--button--color-text);
-       color: var(--button--color-background);
-       z-index: 9998;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .respect-color-scheme-preference.is-dark-theme body {
+               background-color: var(--global--color-background);
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-admin #dark-mode-toggler {
-       z-index: 99999;
-       /* Necessary for the editor. */
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler {
+               cursor: pointer;
+               display: flex;
+               align-items: center;
+               justify-content: center;
+               font-size: var(--global--font-size-xs);
+               padding: 0.5em;
+               min-height: 44px;
+               min-width: max-content;
+               border: 2px solid currentColor;
+               box-shadow: none;
+               background: var(--button--color-text);
+               color: var(--button--color-background);
+               z-index: 9998;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler.fixed-bottom {
-       position: fixed;
-       bottom: 5px;
-       right: 5px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .no-js #dark-mode-toggler {
+               display: none;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler.relative {
-       position: absolute;
-       height: 44px;
-       top: calc(2.4 * var(--global--spacing-vertical) - 44px);
-       right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-admin #dark-mode-toggler {
+               display: none;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.admin-bar #dark-mode-toggler.relative {
-       top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler.fixed-bottom {
+               position: fixed;
+               bottom: 5px;
+               right: 5px;
+               transition: bottom 0.5s;
+       }
+
+       #dark-mode-toggler.fixed-bottom.hide:not(:focus) {
+               bottom: -80px;
+       }
+
+       #dark-mode-toggler.relative {
+               position: absolute;
+               height: 44px;
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+               right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+       }
+
+       .admin-bar #dark-mode-toggler.relative {
+               top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .admin-bar #dark-mode-toggler.relative {
</span><span class="cx" style="display: block; padding: 0 10px">                top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .admin-bar #dark-mode-toggler.relative {
</span><span class="cx" style="display: block; padding: 0 10px">                top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav {
</span><span class="cx" style="display: block; padding: 0 10px">                top: calc(44px + 44px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation-open #dark-mode-toggler {
-       display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation-open #dark-mode-toggler {
+               display: none;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#dark-mode-toggler:hover, #dark-mode-toggler:focus {
-       color: var(--button--color-background-active);
-       border: 2px solid var(--button--color-text-active);
-       background-color: var(--button--color-text-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #dark-mode-toggler:hover,
+       #dark-mode-toggler:focus {
+               color: var(--button--color-background-active);
+               border: 2px solid var(--button--color-text-active);
+               background-color: var(--button--color-text-active);
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE #dark-mode-toggler {
-       display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE #dark-mode-toggler {
+               display: none;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style-dark-mode.css.map */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcustomizercss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,3 +1,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These styles are generated by the Customizer and only loaded when a custom color scheme is active.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- */
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ */
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetscssstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css   2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These styles should be loaded by the Block Editor only
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,10 +22,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -45,6 +51,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,6 +59,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px">        --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,21 +75,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -93,10 +108,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -111,6 +128,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* entry */
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,6 +138,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Header */
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +155,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -153,6 +173,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,6 +181,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -166,6 +188,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -180,8 +203,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        --quote--font-weight: normal;
-       --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px">         --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -188,15 +211,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -204,8 +230,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -212,6 +238,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -224,9 +251,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -240,6 +269,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -247,8 +277,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,6 +301,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .full-max-width {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">                width: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,7 +334,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -315,11 +346,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -326,7 +359,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -333,15 +367,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        position: absolute;
-       left: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -351,11 +383,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,13 +426,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -422,9 +453,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px">         background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -446,13 +475,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -466,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -499,7 +530,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button__link:before, .wp-block-button__link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link:before,
+.wp-block-button__link:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -520,7 +552,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -537,21 +569,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Block Options
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       color: var(--button--color-text-active);
-       background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons {
+       margin-top: 0;
+       margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       color: var(--button--color-text-hover);
-       background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:first-child {
+       margin-top: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover {
-       outline-offset: -7px;
-       outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-block].wp-block-buttons .wp-block-button:last-child {
+       margin-bottom: var(--global--spacing-vertical);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+       color: var(--button--color-text-active) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+       color: var(--button--color-text-hover) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -559,35 +601,58 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link.has-background {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: transparent !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-       color: var(--button--color-background);
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
+       background-color: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+       color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
+       color: var(--global--color-dark-gray);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
+       border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
+       color: var(--button--color-text) !important;
+       border-color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-squared {
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-selected.is-style-outline .wp-block-button__link:hover {
-       background-color: transparent;
-       color: var(--button--color-background);
-}
-
-.is-style-outline .wp-block-button__link[style*="radius"],
-.wp-block-button__link[style*="radius"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius],
+.wp-block-button__link[style*=radius] {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -619,6 +684,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-cover,
+[data-align=full] .wp-block-cover-image {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -652,14 +723,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -701,13 +772,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -721,22 +793,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-columns p:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h1:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h2:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h3:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h4:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h5:not(.has-background),
-.wp-block[data-align="full"] .wp-block-columns h6:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -767,7 +841,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -788,7 +863,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -821,7 +896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -831,12 +907,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-group.has-background {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border {
</span><span class="cx" style="display: block; padding: 0 10px">        border: calc(3 * var(--separator--height)) solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px">        width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: calc(-1 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -846,7 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1060,7 +1141,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1106,20 +1187,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1214,6 +1299,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] .wp-block-media-text {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1249,7 +1339,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: var(--global--elevation);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1284,7 +1375,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1325,8 +1416,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1358,7 +1449,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: 0 calc(2 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1372,16 +1463,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1395,9 +1486,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1408,7 +1499,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        right: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1421,70 +1512,87 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px">        left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+       .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large:before,
+       .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right,
+       .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right:before,
+       .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1519,16 +1627,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1566,7 +1674,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1584,7 +1692,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1611,10 +1719,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__input:focus {
-       border-color: var(--form--border-color);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__input {
+       background: var(--global--color-white-90);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--form--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--button--line-height);
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1633,7 +1757,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search .wp-block-search__button:before,
+.wp-block-search .wp-block-search__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1654,7 +1779,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-search .wp-block-search__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-search .wp-block-search__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1669,15 +1794,137 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        color: var(--button--color-text);
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: var(--button--color-background);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+       padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+       width: 40px;
+       height: 40px;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
+       color: var(--global--color-white);
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-background);
+       border-color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-text);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        background-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--form--border-color);
+       border-color: var(--form--border-color);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
+       color: var(--form--color-text);
+       border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input,
+.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
+       border: none;
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text);
+       border-color: currentColor;
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text-hover);
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-background);
+       border-color: var(--button--color-background);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+       color: var(--button--color-text);
+       border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+       color: var(--global--color-white);
+       background-color: var(--button--color-text);
+       border-color: var(--button--color-text);
+}
+
+.wp-block[data-align=center] > * {
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="center"] .wp-block-search__button-only .wp-block-search__inside-wrapper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
</ins><span class="cx" style="display: block; padding: 0 10px">         justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1688,7 +1935,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator[style*="text-align:right"],
+.wp-block-separator[style*="text-align: right"],
</ins><span class="cx" style="display: block; padding: 0 10px"> hr[style*="text-align:right"],
</span><span class="cx" style="display: block; padding: 0 10px"> hr[style*="text-align: right"] {
</span><span class="cx" style="display: block; padding: 0 10px">        border-right-color: var(--separator--border-color);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1699,11 +1947,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="full"] > .wp-block-separator,
-[data-align="wide"] > .wp-block-separator, [data-align="full"] >
-hr,
-[data-align="wide"] >
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-align=full] > .wp-block-separator,
+[data-align=wide] > .wp-block-separator,
+[data-align=full] > hr,
+[data-align=wide] > hr {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1717,13 +1964,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background,
+.wp-block-separator.is-style-dots.has-text-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator.is-style-dots.has-background:before,
+.wp-block-separator.is-style-dots.has-text-color:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-background:before,
</span><span class="cx" style="display: block; padding: 0 10px"> hr.is-style-dots.has-text-color:before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1735,16 +1984,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
-.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
-hr,
-[class*="background-color"]:not(.has-background-background-color)
-hr,
-[style*="background-color"]:not(.has-background-background-color)
-hr,
-.wp-block-cover[style*="background-image"]
-hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-separator,
+[style*=background-color]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*=background-image] .wp-block-separator,
+.has-background:not(.has-background-background-color) hr,
+[class*=background-color]:not(.has-background-background-color) hr,
+[style*=background-color]:not(.has-background-background-color) hr,
+.wp-block-cover[style*=background-image] hr {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1984,19 +2230,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"], .wp-block.alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=wide],
+.wp-block.alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="full"], .wp-block.alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-align=full],
+.wp-block.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
-       margin-top: 0;
-       margin-bottom: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: var(--global--spacing-horizontal);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2019,11 +2262,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block[data-align="left"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block[data-align=left] > * {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: 290px;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block[data-align="right"] > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block[data-align=right] > * {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: 290px;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2159,11 +2404,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2198,5 +2451,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .has-red-to-purple-gradient-background {
</span><span class="cx" style="display: block; padding: 0 10px">        background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style-editor.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizehelpersjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,7 +5,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @return {number} - Returns the luminance, number between 0 and 255.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentytwentyoneGetHexLum( hex ) { // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentytwentyoneGetHexLum( hex ) { // eslint-disable-line no-unused-vars
</ins><span class="cx" style="display: block; padding: 0 10px">         var rgb = twentytwentyoneGetRgbFromHex( hex );
</span><span class="cx" style="display: block; padding: 0 10px">        return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizepreviewjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,20 +11,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                stylesheet,
</span><span class="cx" style="display: block; padding: 0 10px">                                styles;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // Modify the body class depending on whether this is a dark background or not.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 // Modify the html & body classes depending on whether this is a dark background or not.
</ins><span class="cx" style="display: block; padding: 0 10px">                         if ( isDark ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                if ( ! document.body.classList.contains( 'has-background-dark' ) ) {
-                                       document.body.classList.add( 'has-background-dark' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         document.body.classList.add( 'is-dark-theme' );
+                               document.documentElement.classList.add( 'is-dark-theme' );
+                               document.documentElement.classList.remove( 'respect-color-scheme-preference' );
+                       } else {
+                               document.body.classList.remove( 'is-dark-theme' );
+                               document.documentElement.classList.remove( 'is-dark-theme' );
+                               if ( wp.customize( 'respect_user_color_preference' ).get() ) {
+                                       document.documentElement.classList.add( 'respect-color-scheme-preference' );
</ins><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                if ( document.documentElement.classList.contains( 'is-dark-mode' ) ) {
-                                       document.documentElement.classList.remove( 'is-dark-mode' );
-                               }
-                       } else {
-                               document.body.classList.remove( 'has-background-dark' );
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        // Toggle the white background class.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        if ( '#ffffff' === to ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 if ( '#ffffff' === to.toLowerCase() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                                 document.body.classList.add( 'has-background-white' );
</span><span class="cx" style="display: block; padding: 0 10px">                        } else {
</span><span class="cx" style="display: block; padding: 0 10px">                                document.body.classList.remove( 'has-background-white' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjscustomizejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,61 +1,22 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* global twentytwentyoneGetHexLum, backgroundColorNotice */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global twentytwentyoneGetHexLum */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> ( function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /**
-        * Add/remove the notice.
-        *
-        * @param {boolean} enable - Whether we want to enable or disable the notice.
-        *
-        * @return {void}
-        */
-       function twentytwentyoneBackgroundColorNotice( enable ) {
-               if ( enable ) {
-                       wp.customize( 'background_color' ).notifications.add( 'backgroundColorNotice', new wp.customize.Notification( 'backgroundColorNotice', {
-                               type: 'info',
-                               message: backgroundColorNotice.message
-                       } ) );
-               } else {
-                       wp.customize( 'background_color' ).notifications.remove( 'backgroundColorNotice' );
-               }
-       }
-
</del><span class="cx" style="display: block; padding: 0 10px">         // Wait until the customizer has finished loading.
</span><span class="cx" style="display: block; padding: 0 10px">        wp.customize.bind( 'ready', function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                var supportsDarkMode = ( 127 <= twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) && wp.customize( 'respect_user_color_preference' ).get() );
-
</del><span class="cx" style="display: block; padding: 0 10px">                 // Hide the "respect_user_color_preference" setting if the background-color is dark.
</span><span class="cx" style="display: block; padding: 0 10px">                if ( 127 > twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        wp.customize.control( 'respect_user_color_preference' ).deactivate();
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                // Add notice on init if needed.
-               if ( wp.customize( 'respect_user_color_preference' ) ) {
-                       twentytwentyoneBackgroundColorNotice( true );
-               }
-
</del><span class="cx" style="display: block; padding: 0 10px">                 // Handle changes to the background-color.
</span><span class="cx" style="display: block; padding: 0 10px">                wp.customize( 'background_color', function( setting ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        setting.bind( function( value ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                if ( 127 > twentytwentyoneGetHexLum( value ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                        wp.customize.control( 'respect_user_color_preference' ).deactivate();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        supportsDarkMode = false;
</del><span class="cx" style="display: block; padding: 0 10px">                                 } else {
</span><span class="cx" style="display: block; padding: 0 10px">                                        wp.customize.control( 'respect_user_color_preference' ).activate();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        supportsDarkMode = wp.customize( 'respect_user_color_preference' ).get();
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        } );
</span><span class="cx" style="display: block; padding: 0 10px">                } );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-               // Handle changes to the "respect_user_color_preference" setting.
-               wp.customize( 'respect_user_color_preference', function( setting ) {
-                       setting.bind( function( value ) {
-                               supportsDarkMode = value && 127 < twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() );
-                               if ( ! supportsDarkMode ) {
-                                       twentytwentyoneBackgroundColorNotice( false );
-                               } else {
-                                       twentytwentyoneBackgroundColorNotice( true );
-                               }
-                       } );
-               } );
</del><span class="cx" style="display: block; padding: 0 10px">         } );
</span><span class="cx" style="display: block; padding: 0 10px"> }() );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjsdarkmodetogglerjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,14 +1,15 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function toggleDarkMode() { // jshint ignore:line
-       var toggler = document.getElementById( 'dark-mode-toggler' ),
-               html = document.querySelector( 'html' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function toggleDarkMode() { // eslint-disable-line no-unused-vars
+       var toggler = document.getElementById( 'dark-mode-toggler' );
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( 'false' === toggler.getAttribute( 'aria-pressed' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                toggler.setAttribute( 'aria-pressed', 'true' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                html.classList.add( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         document.documentElement.classList.add( 'is-dark-theme' );
+               document.body.classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px">                 window.localStorage.setItem( 'twentytwentyoneDarkMode', 'yes' );
</span><span class="cx" style="display: block; padding: 0 10px">        } else {
</span><span class="cx" style="display: block; padding: 0 10px">                toggler.setAttribute( 'aria-pressed', 'false' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                html.classList.remove( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         document.documentElement.classList.remove( 'is-dark-theme' );
+               document.body.classList.remove( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px">                 window.localStorage.setItem( 'twentytwentyoneDarkMode', 'no' );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,8 +16,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> function darkModeInitialLoad() {
</span><span class="cx" style="display: block; padding: 0 10px">        var toggler = document.getElementById( 'dark-mode-toggler' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches,
-               html;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches;
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( 'yes' === window.localStorage.getItem( 'twentytwentyoneDarkMode' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                isDarkMode = true;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,12 +31,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">                toggler.setAttribute( 'aria-pressed', 'true' );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        html = document.querySelector( 'html' );
</del><span class="cx" style="display: block; padding: 0 10px">         if ( isDarkMode ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                html.classList.add( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         document.documentElement.classList.add( 'is-dark-theme' );
+               document.body.classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px">         } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                html.classList.remove( 'is-dark-mode' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         document.documentElement.classList.remove( 'is-dark-theme' );
+               document.body.classList.remove( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function darkModeRepositionTogglerOnScroll() {
+       var prevScroll = window.scrollY || document.documentElement.scrollTop,
+               currentScroll,
+
+               checkScroll = function() {
+                       currentScroll = window.scrollY || document.documentElement.scrollTop;
+                       if (
+                               currentScroll + ( window.innerHeight * 1.5 ) > document.body.clientHeight ||
+                               currentScroll < prevScroll
+                       ) {
+                               document.getElementById( 'dark-mode-toggler' ).classList.remove( 'hide' );
+                       } else if ( currentScroll > prevScroll && 250 < currentScroll ) {
+                               document.getElementById( 'dark-mode-toggler' ).classList.add( 'hide' );
+                       }
+                       prevScroll = currentScroll;
+               };
+       window.addEventListener( 'scroll', checkScroll );
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> darkModeInitialLoad();
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+darkModeRepositionTogglerOnScroll();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjseditordarkmodesupportjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* global ajaxurl, XMLHttpRequest, ResizeObserver, darkModeInitialLoad, setTimeout */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global ajaxurl, XMLHttpRequest, darkModeInitialLoad, setTimeout */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> // Check the body class to determine if we want to add the toggler and handle dark-mode or not.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( document.body.classList.contains( 'twentytwentyone-supports-dark-theme' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,12 +51,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        // Inject the toggle.
</span><span class="cx" style="display: block; padding: 0 10px">                        document.querySelector( selector ).insertAdjacentHTML( 'afterbegin', this.response );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // Re-position the toggle.
-                       twentytwentyoneDarkModeEditorTogglePosition();
-
-                       // Add an observer so the toggle gets re-positioned when the sidebar opens/closes.
-                       twentytwentyoneDarkModeEditorTogglePositionObserver();
-
</del><span class="cx" style="display: block; padding: 0 10px">                         // Run toggler script.
</span><span class="cx" style="display: block; padding: 0 10px">                        darkModeInitialLoad();
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,71 +75,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( 'true' === toggler.getAttribute( 'aria-pressed' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                document.body.classList.add( 'is-dark-theme' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                document.documentElement.classList.add( 'is-dark-theme' );
+               document.querySelector( '.block-editor__typewriter' ).classList.add( 'is-dark-theme' );
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-       toggler.addEventListener( 'click', function() {
-               if ( 'true' === toggler.getAttribute( 'aria-pressed' ) ) {
-                       document.body.classList.add( 'is-dark-theme' );
-               } else {
-                       document.body.classList.remove( 'is-dark-theme' );
-               }
-       } );
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/**
- * Reposition the toggle inside the editor wrapper.
- *
- * @since 1.0.0
- *
- * @return {void}
- */
-function twentytwentyoneDarkModeEditorTogglePosition() {
-       var toggle = document.getElementById( 'dark-mode-toggler' ),
-               toggleWidth,
-               workSpace,
-               workSpaceWidth,
-               attempt = 0,
-               attemptDelay = 25,
-               maxAttempts = 10;
-
-       if ( null === toggle ) {
-               // Try again.
-               if ( attempt < maxAttempts ) {
-                       setTimeout( function() {
-                               twentytwentyoneDarkModeEditorTogglePosition();
-                       }, attemptDelay );
-
-                       attempt++;
-                       attemptDelay *= 2;
-               }
-               return;
-       }
-
-       toggleWidth = window.getComputedStyle( document.getElementById( 'dark-mode-toggler' ) ).width;
-       workSpace = document.querySelector( '.editor-styles-wrapper,.edit-post-visual-editor' );
-       workSpaceWidth = window.getComputedStyle( workSpace ).width;
-
-       // Add styles to reposition toggle.
-       toggle.style.position = 'fixed';
-       toggle.style.bottom = '30px';
-       if ( document.body.classList.contains( 'is-fullscreen-mode' ) ) {
-               toggle.style.left = 'calc(' + workSpaceWidth + ' - ' + toggleWidth + ' - 5px)';
-       } else {
-               toggle.style.left = 'calc(' + workSpaceWidth + ' - ' + toggleWidth + ' + 155px)';
-       }
-}
-
-/**
- * Add a ResizeObserver to the editor wrapper
- * and trigger the toggle repositioning when needed.
- *
- * @since 1.0.0
- *
- * @return {void}
- */
-function twentytwentyoneDarkModeEditorTogglePositionObserver() {
-       var observer = new ResizeObserver( function() {
-               twentytwentyoneDarkModeEditorTogglePosition();
-       } );
-       observer.observe( document.querySelector( '.editor-styles-wrapper,.edit-post-visual-editor' ) );
-}
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjseditorjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,38 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global setTimeout */
+wp.domReady( function() {
+       // Unregister "Wide" Separator Style.
+       wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' );
+
+       // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed.
+       function twentytwentyoneCopyDarkThemeClass() {
+               var editor,
+                       attemptDelay = 25,
+                       attempt = 0,
+                       maxAttempts = 10;
+
+               if ( ! document.body.classList.contains( 'is-dark-theme' ) ) {
+                       return;
+               }
+
+               editor = document.querySelector( '.block-editor__typewriter' );
+               if ( null === editor ) {
+                       // Try again.
+                       if ( attempt < maxAttempts ) {
+                               setTimeout( function() {
+                                       twentytwentyoneCopyDarkThemeClass();
+                               }, attemptDelay );
+
+                               // Increment the attempts counter.
+                               attempt++;
+
+                               // Double the delay, give the server some time to breathe.
+                               attemptDelay *= 2;
+                       }
+                       return;
+               }
+
+               editor.classList.add( 'is-dark-theme' );
+       }
+
+       twentytwentyoneCopyDarkThemeClass();
+} );
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/js/editor.js
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetsjsprimarynavigationjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js       2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @param {Element} el - The element.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentytwentyoneExpandSubMenu( el ) { // eslint-disable-line no-unused-vars
</ins><span class="cx" style="display: block; padding: 0 10px">         // Close other expanded items.
</span><span class="cx" style="display: block; padding: 0 10px">        el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) {
</span><span class="cx" style="display: block; padding: 0 10px">                if ( button !== el ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -114,7 +114,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        tabKey = event.keyCode === 9;
</span><span class="cx" style="display: block; padding: 0 10px">                        shiftKey = event.shiftKey;
</span><span class="cx" style="display: block; padding: 0 10px">                        escKey = event.keyCode === 27;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        activeEl = document.activeElement; // jshint ignore:line
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 activeEl = document.activeElement; // eslint-disable-line @wordpress/no-global-active-element
</ins><span class="cx" style="display: block; padding: 0 10px">                         lastEl = elements[ elements.length - 1 ];
</span><span class="cx" style="display: block; padding: 0 10px">                        firstEl = elements[0];
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetsjsunregisterblockstylejs"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js   2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/**
- * Unregister "Wide" Separator Style
- */
-wp.domReady( function() {
-       wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' );
-} );
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfileheaderscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,18 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Theme Name: Twenty Twenty-One
+Theme URI: https://wordpress.org/themes/twentytwentyone/
+Author: the WordPress team
+Author URI: https://wordpress.org/
+Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
+Requires at least: 5.3
+Tested up to: 5.6
+Requires PHP: 5.6
+Version: 1.0.0
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain: twentytwentyone
+Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
+
+Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
+Twenty Twenty-One is distributed under the terms of the GNU GPL.
+*/
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/file-header.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsfontsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Do we need to serve a font? Add the @font-face styles here.
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/fonts.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass01settingsglobalscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,249 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Variables */
+
+// Vertical Rhythm Multiplier
+$baseline-unit: 10px;
+
+:root {
+
+       /* Font Family */
+       --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+       --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+
+       /* Font Size */
+       --global--font-size-base: 1.25rem; // 20px / 16px
+       --global--font-size-xs: 1rem; // 16px / 16px
+       --global--font-size-sm: 1.125rem; // 18px / 16px
+       --global--font-size-md: 1.25rem; // 20px / 16px
+       --global--font-size-lg: 1.5rem; // 24px / 16px
+       --global--font-size-xl: 2.25rem; // 36px / 16px
+       --global--font-size-xxl: 4rem; // 64px / 16px
+       --global--font-size-xxxl: 5rem; // 80px / 16px
+       --global--font-size-page-title: var(--global--font-size-xxl);
+       --global--letter-spacing: normal;
+
+       /* Line Height */
+       --global--line-height-body: 1.7;
+       --global--line-height-heading: 1.3;
+       --global--line-height-page-title: 1.1;
+
+       /* Headings */
+       --heading--font-family: var(--global--font-primary);
+
+       --heading--font-size-h6: var(--global--font-size-xs);
+       --heading--font-size-h5: var(--global--font-size-sm);
+       --heading--font-size-h4: var(--global--font-size-lg);
+       --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+       --heading--font-size-h2: var(--global--font-size-xl);
+       --heading--font-size-h1: var(--global--font-size-page-title);
+
+       --heading--letter-spacing-h6: 0.05em;
+       --heading--letter-spacing-h5: 0.05em;
+       --heading--letter-spacing-h4: var(--global--letter-spacing);
+       --heading--letter-spacing-h3: var(--global--letter-spacing);
+       --heading--letter-spacing-h2: var(--global--letter-spacing);
+       --heading--letter-spacing-h1: var(--global--letter-spacing);
+
+       --heading--line-height-h6: var(--global--line-height-heading);
+       --heading--line-height-h5: var(--global--line-height-heading);
+       --heading--line-height-h4: var(--global--line-height-heading);
+       --heading--line-height-h3: var(--global--line-height-heading);
+       --heading--line-height-h2: var(--global--line-height-heading);
+       --heading--line-height-h1: var(--global--line-height-page-title);
+
+       --heading--font-weight: normal;
+       --heading--font-weight-page-title: 300;
+       --heading--font-weight-strong: 600;
+
+       /* Block: Latest posts */
+       --latest-posts--title-font-family: var(--heading--font-family);
+       --latest-posts--title-font-size: var(--heading--font-size-h3);
+       --latest-posts--description-font-family: var(--global--font-secondary);
+       --latest-posts--description-font-size: var(--global--font-size-sm);
+
+       --list--font-family: var(--global--font-secondary);
+       --definition-term--font-family: var(--global--font-primary);
+
+       /* Colors */
+       --global--color-black: #000;
+       --global--color-dark-gray: #28303d;
+       --global--color-gray: #39414d;
+       --global--color-light-gray: #f0f0f0;
+       --global--color-green: #d1e4dd;
+       --global--color-blue: #d1dfe4;
+       --global--color-purple: #d1d1e4;
+       --global--color-red: #e4d1d1;
+       --global--color-orange: #e4dad1;
+       --global--color-yellow: #eeeadd;
+       --global--color-white: #fff;
+       --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons
+       --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields.
+
+       --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
+       --global--color-secondary: var(--global--color-gray); /* Headings */
+       --global--color-primary-hover: var(--global--color-primary);
+       --global--color-background: var(--global--color-green); /* Mint, default body background */
+       --global--color-border: var(--global--color-primary); /* Used for borders (separators) */
+
+       /* Spacing */
+       --global--spacing-unit: #{2 * $baseline-unit}; // 20px
+       --global--spacing-measure: unset; // Use ch units here. ie: 60ch = 60 character max-width
+       --global--spacing-horizontal: #{2.5 * $baseline-unit}; // 25px
+       --global--spacing-vertical: #{3 * $baseline-unit}; // 30px.
+
+       /* Elevation */
+       --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+
+       /* Forms */
+       --form--font-family: var(--global--font-secondary);
+       --form--font-size: var(--global--font-size-sm);
+       --form--line-height: var(--global--line-height-body);
+       --form--color-text: var(--global--color-dark-gray); // Text color in input fields is always dark over light background.
+       --form--color-ranged: var(--global--color-secondary);
+       --form--label-weight: 500;
+       --form--border-color: var(--global--color-secondary);
+       --form--border-width: 3px;
+       --form--border-radius: 0;
+       --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+
+       /* Cover block */
+       --cover--height: calc(15 * var(--global--spacing-vertical));
+       --cover--color-foreground: var(--global--color-white);
+       --cover--color-background: var(--global--color-black);
+
+       /* Buttons */
+       // Colors
+       --button--color-text: var(--global--color-background);
+       --button--color-text-hover: var(--global--color-secondary);
+       --button--color-text-active: var(--global--color-secondary);
+       --button--color-background: var(--global--color-secondary);
+       --button--color-background-active: var(--global--color-background);
+       // Fonts
+       --button--font-family: var(--global--font-primary);
+       --button--font-size: var(--global--font-size-base);
+       --button--font-weight: 500;
+       --button--line-height: 1.5;
+       // Borders
+       --button--border-width: 3px;
+       --button--border-radius: 0;
+       // Spacing
+       --button--padding-vertical: 15px;
+       --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+
+       /* entry */
+       --entry-header--color: var(--global--color-primary);
+       --entry-header--color-link: currentColor;
+       --entry-header--color-hover: var(--global--color-primary-hover);
+       --entry-header--color-focus: var(--global--color-secondary);
+       --entry-header--font-size: var(--heading--font-size-h2);
+       --entry-content--font-family: var(--global--font-secondary);
+       --entry-author-bio--font-family: var(--heading--font-family);
+       --entry-author-bio--font-size: var(--heading--font-size-h4);
+
+       /* Header */
+       --branding--color-text: var(--global--color-primary);
+       --branding--color-link: var(--global--color-primary);
+       --branding--color-link-hover: var(--global--color-secondary);
+       --branding--title--font-family: var(--global--font-primary);
+       --branding--title--font-size: var(--global--font-size-lg);
+       --branding--title--font-size-mobile: var(--heading--font-size-h4);
+       --branding--title--font-weight: normal;
+       --branding--title--text-transform: uppercase;
+       --branding--description--font-family: var(--global--font-secondary);
+       --branding--description--font-size: var(--global--font-size-sm);
+       --branding--description--font-family: var(--global--font-secondary);
+
+       --branding--logo--max-width: 300px;
+       --branding--logo--max-height: 100px;
+       --branding--logo--max-width-mobile: 96px;
+       --branding--logo--max-height-mobile: 96px;
+
+       /* Main navigation */
+       --primary-nav--font-family: var(--global--font-secondary);
+       --primary-nav--font-family-mobile: var(--global--font-primary);
+       --primary-nav--font-size: var(--global--font-size-md);
+       --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+       --primary-nav--font-size-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+       --primary-nav--font-size-button: var(--global--font-size-xs);
+       --primary-nav--font-style: normal;
+       --primary-nav--font-style-sub-menu-mobile: normal;
+       --primary-nav--font-weight: normal;
+       --primary-nav--font-weight-button: 500;
+       --primary-nav--color-link: var(--global--color-primary);
+       --primary-nav--color-link-hover: var(--global--color-primary-hover);
+       --primary-nav--color-text: var(--global--color-primary);
+       --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+       --primary-nav--border-color: var(--global--color-primary);
+
+       /* Pagination */
+       --pagination--color-text: var(--global--color-primary);
+       --pagination--color-link-hover: var(--global--color-primary-hover);
+       --pagination--font-family: var(--global--font-secondary);
+       --pagination--font-size: var(--global--font-size-lg);
+       --pagination--font-weight: normal;
+       --pagination--font-weight-strong: 600;
+
+       /* Footer */
+       --footer--color-text: var(--global--color-primary);
+       --footer--color-link: var(--global--color-primary);
+       --footer--color-link-hover: var(--global--color-primary-hover);
+       --footer--font-family: var(--global--font-primary);
+       --footer--font-size: var(--global--font-size-sm);
+
+       /* Block: Pull quote */
+       --pullquote--font-family: var(--global--font-primary);
+       --pullquote--font-size: var(--heading--font-size-h3);
+       --pullquote--font-style: normal;
+       --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+       --pullquote--line-height: var(--global--line-height-heading);
+       --pullquote--border-width: 3px;
+       --pullquote--border-color: var(--global--color-primary);
+       --pullquote--color-foreground: var(--global--color-primary);
+       --pullquote--color-background: var(--global--color-background);
+
+       --quote--font-family: var(--global--font-secondary);
+       --quote--font-size: var(--global--font-size-md);
+       --quote--font-size-large: var(--global--font-size-xl);
+       --quote--font-style: normal;
+       --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
+       --quote--font-style-large: normal;
+       --quote--font-style-cite: normal;
+       --quote--line-height: var(--global--line-height-body);
+       --quote--line-height-large: 1.35;
+
+       --separator--border-color: var(--global--color-border);
+       --separator--height: 1px;
+
+       /* Block: Table */
+       --table--stripes-border-color: var(--global--color-light-gray);
+       --table--stripes-background-color: var(--global--color-light-gray);
+       --table--has-background-text-color: var(--global--color-dark-gray);
+
+       /* Widgets */
+       --widget--line-height-list: 1.9;
+       --widget--line-height-title: 1.4;
+       --widget--font-weight-title: 700;
+       --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+
+       /* Admin-bar height */
+       --global--admin-bar--height: 0;
+}
+
+.admin-bar {
+       --global--admin-bar--height: 32px;
+
+       @media only screen and (max-width: 782px) {
+               --global--admin-bar--height: 46px;
+       }
+}
+
+@media only screen and (min-width: 652px) { // Not using the mixin because it's compiled after this file
+       :root {
+               --global--font-size-xl: 2.5rem; // 40px / 16px
+               --global--font-size-xxl: 6rem; // 96px / 16px
+               --global--font-size-xxxl: 9rem; // 144px / 16px
+               --heading--font-size-h3: 2rem; // 32px / 16px
+               --heading--font-size-h2: 3rem; // 48px / 16px
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/01-settings/global.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsextendsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,42 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Button extends */
+// Button Placeholder style
+// - Since buttons appear in various blocks,
+//   let’s use a placeholder to keep them all
+//   in-sync
+%button-style {
+       @include crop-text(var(--button--line-height));
+       color: var(--button--color-text);
+       cursor: pointer;
+       font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
+       text-decoration: none;
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+       &:active {
+               color: var(--button--color-text-active);
+               background-color: var(--button--color-background-active);
+       }
+
+       &:hover {
+               color: var(--button--color-text-hover);
+               background: transparent;
+       }
+
+       &:focus,
+       &.has-focus {
+               outline-offset: -6px;
+               outline: 2px dotted currentColor;
+       }
+
+       &:disabled {
+               background-color: var(--global--color-white-50);
+               border-color: var(--global--color-white-50);
+               color: var(--button--color-text-active);
+       }
+
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/extends.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsfunctionsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,178 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Remove the unit of a length
+// @param {Number} $number - Number to remove unit from
+// @return {Number} - Unitless number
+@function strip-unit($number) {
+       @if type-of($number) == "number" and not unitless($number) {
+               @return $number / ($number * 0 + 1);
+       }
+
+       @return $number;
+}
+
+// ----
+// Sass (v3.3.14)
+// Compass (v1.0.0.rc.1)
+// ----
+
+@function pow($x, $y) {
+       $ret: 1;
+
+       @if $y > 0 {
+               @for $i from 1 through $y {
+                       $ret: $ret * $x;
+               }
+       } @else {
+               @for $i from $y to 0 {
+                       $ret: $ret / $x;
+               }
+       }
+
+       @return $ret;
+}
+
+// Map deep get
+// @author Hugo Giraudel
+// @access public
+// @param {Map} $map - Map
+// @param {Arglist} $keys - Key chain
+// @return {*} - Desired value
+//
+// Example:
+// $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
+@function map-deep-get($map, $keys...) {
+       @each $key in $keys {
+               $map: map-get($map, $key);
+       }
+       @return $map;
+}
+
+// ep set function to set a value in nested maps
+// uthor Hugo Giraudel
+// ccess public
+// aram {Map} $map - Map
+// aram {List} $keys -  Key chaine
+// aram {*} $value - Value to assign
+// eturn {Map}
+//
+// ample:
+// _prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
+@function map-deep-set($map, $keys, $value) {
+       $maps: ($map);
+       $result: null;
+
+       // If the last key is a map already
+       // Warn the user we will be overriding it with $value
+       @if type-of(nth($keys, -1)) == "map" {
+               @warn "The last key you specified is a map; it will be overrided with `#{$value}`.";
+       }
+
+       // If $keys is a single key
+       // Just merge and return
+       @if length($keys) == 1 {
+               @return map-merge($map, ($keys: $value));
+       }
+
+       // Loop from the first to the second to last key from $keys
+       // Store the associated map to this key in the $maps list
+       // If the key doesn't exist, throw an error
+       @for $i from 1 through length($keys) - 1 {
+               $current-key: nth($keys, $i);
+               $current-map: nth($maps, -1);
+               $current-get: map-get($current-map, $current-key);
+               @if $current-get == null {
+                       @error "Key `#{$key}` doesn't exist at current level in map.";
+               }
+               $maps: append($maps, $current-get);
+       }
+
+       // Loop from the last map to the first one
+       // Merge it with the previous one
+       @for $i from length($maps) through 1 {
+               $current-map: nth($maps, $i);
+               $current-key: nth($keys, $i);
+               $current-val: if($i == length($maps), $value, $result);
+               $result: map-merge($current-map, ($current-key: $current-val));
+       }
+
+       // Return result
+       @return $result;
+}
+
+// jQuery-style extend function
+// - Child themes can use this function to `reset` the values in
+//   config maps without editing the `master` Sass files.
+// - src: https://www.sitepoint.com/extra-map-functions-sass/
+// - About `map-merge()`:
+// - - only takes 2 arguments
+// - - is not recursive
+// @param {Map} $map - first map
+// @param {ArgList} $maps - other maps
+// @param {Bool} $deep - recursive mode
+// @return {Map}
+
+// Examples:
+
+// $grid-configuration-default: (
+//     'columns': 12,
+//     'layouts': (
+//             'small': 800px,
+//             'medium': 1000px,
+//             'large': 1200px,
+//     ),
+// );
+
+// $grid-configuration-custom: (
+//     'layouts': (
+//             'large': 1300px,
+//             'huge': 1500px
+//     ),
+// );
+
+// $grid-configuration-user: (
+//     'direction': 'ltr',
+//     'columns': 16,
+//     'layouts': (
+//             'large': 1300px,
+//             'huge': 1500px
+//     ),
+// );
+
+// $deep: false
+// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
+// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+// $deep: true
+// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
+// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
+
+@function map-extend($map, $maps.../*, $deep */) {
+       $last: nth($maps, -1);
+       $deep: $last == true;
+       $max: if($deep, length($maps) - 1, length($maps));
+
+       // Loop through all maps in $maps...
+       @for $i from 1 through $max {
+               // Store current map
+               $current: nth($maps, $i);
+
+               // If not in deep mode, simply merge current map with map
+               @if not $deep {
+                       $map: map-merge($map, $current);
+               } @else {
+                       // If in deep mode, loop through all tuples in current map
+                       @each $key, $value in $current {
+
+                               // If value is a nested map and same key from map is a nested map as well
+                               @if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" {
+                                       // Recursive extend
+                                       $value: map-extend(map-get($map, $key), $value, true);
+                               }
+
+                               // Merge current tuple with map
+                               $map: map-merge($map, ($key: $value));
+                       }
+               }
+       }
+
+       @return $map;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/functions.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass02toolsmixinsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Responsive breakpoints mixin
+@mixin add_variables( $view: frontend ) {
+
+       @if frontend == $view {
+
+               :root {
+                       @content;
+               }
+       }
+
+       @if editor == $view {
+
+               :root,
+               body {
+                       @content;
+               }
+       }
+}
+
+// Crop Text Boundry
+// - Sets a fixed-width on content within alignwide and alignfull blocks
+@mixin crop-text($inset-line-height: 1) {
+
+       line-height: $inset-line-height;
+       $offset-top: calc(.5em * #{$inset-line-height} + -.38);
+       $offset-bottom: calc(.5em * #{$inset-line-height} + -.39);
+
+       &:before,
+       &:after {
+               content: "";
+               display: block;
+               height: 0;
+               width: 0;
+       }
+
+       &:before {
+               margin-bottom: -($offset-top);
+       }
+
+       &:after {
+               margin-top: -($offset-bottom);
+       }
+}
+
+// Button style
+// - Applies button styles to blocks and elements that share them.
+@mixin button-style() {
+       @include crop-text(var(--button--line-height));
+       color: var(--button--color-text);
+       cursor: pointer;
+       font-weight: var(--button--font-weight);
+       font-family: var(--button--font-family);
+       font-size: var(--button--font-size);
+       background-color: var(--button--color-background);
+       border-radius: var(--button--border-radius);
+       border: var(--button--border-width) solid var(--button--color-background);
+       text-decoration: none;
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+       &:focus {
+               background: transparent;
+               outline-offset: -6px;
+               outline: 2px dotted currentColor;
+
+               .is-dark-theme & {
+                       color: var(--button--color-background);
+               }
+
+               &:not(.has-background) {
+                       color: var(--button--color-text-hover);
+               }
+       }
+
+       &:disabled {
+               background-color: var(--global--color-white-50);
+               border-color: var(--global--color-white-50);
+               color: var(--button--color-text-active);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/02-tools/mixins.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericbreakpointsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,217 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Repsonsive Styles
+ */
+
+/**
+ * Required Variables
+ */
+
+$default_width: 610px;
+$max_content_width: 1240px;
+$breakpoint_sm: 482px;
+$breakpoint_md: 592px;
+$breakpoint_lg: 652px;
+$breakpoint_xl: 822px;
+$breakpoint_xxl: 1024px;
+
+// Responsive breakpoints mixin
+@mixin media( $res ) {
+
+       @if mobile-only == $res {
+               @media only screen and (max-width: #{$breakpoint_sm - 1}) {
+                       @content;
+               }
+       }
+
+       @if mobile == $res {
+               @media only screen and (min-width: #{$breakpoint_sm}) {
+                       @content;
+               }
+       }
+
+       @if tablet-only == $res {
+               @media only screen and (max-width: #{$breakpoint_md - 1}) {
+                       @content;
+               }
+       }
+
+       @if tablet == $res {
+               @media only screen and (min-width: #{$breakpoint_md}) {
+                       @content;
+               }
+       }
+
+       @if laptop-only == $res {
+               @media only screen and (max-width: #{$breakpoint_lg - 1}) {
+                       @content;
+               }
+       }
+
+       @if laptop == $res {
+               @media only screen and (min-width: #{$breakpoint_lg}) {
+                       @content;
+               }
+       }
+
+       @if desktop-only == $res {
+               @media only screen and (max-width: #{$breakpoint_xl - 1}) {
+                       @content;
+               }
+       }
+
+       @if desktop == $res {
+               @media only screen and (min-width: #{$breakpoint_xl}) {
+                       @content;
+               }
+       }
+
+       @if wide-only == $res {
+               @media only screen and (max-width: #{$breakpoint_xxl - 1}) {
+                       @content;
+               }
+       }
+
+       @if wide == $res {
+               @media only screen and (min-width: #{$breakpoint_xxl}) {
+                       @content;
+               }
+       }
+}
+
+/**
+ * Root Media Query Variables
+ */
+:root {
+       --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+       --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+       --responsive--alignfull-width: 100%;
+       --responsive--alignright-margin: var(--global--spacing-horizontal);
+       --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
+
+@include media(mobile) {
+
+       :root {
+               --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), #{$default_width});
+               --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+               --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+               --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+       }
+}
+
+@include media(desktop) {
+
+       :root {
+               --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width});
+               --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$max_content_width});
+       }
+}
+
+/**
+ * Extends
+ */
+%responsive-aligndefault-width {
+       max-width: var(--responsive--aligndefault-width);
+       margin-left: auto;
+       margin-right: auto;
+}
+
+%responsive-alignwide-width {
+       max-width: var(--responsive--alignwide-width);
+       margin-left: auto;
+       margin-right: auto;
+}
+
+%responsive-alignfull-width-mobile {
+       max-width: var(--responsive--alignfull-width);
+       width: var(--responsive--alignfull-width);
+       margin-left: auto;
+       margin-right: auto;
+}
+
+@include media(mobile) {
+       %responsive-alignfull-width {
+               max-width: var(--responsive--alignfull-width);
+               width: auto;
+               margin-left: auto;
+               margin-right: auto;
+       }
+}
+
+%responsive-alignwide-width-nested {
+       margin-left: auto;
+       margin-right: auto;
+       width: var(--responsive--alignwide-width);
+       max-width: var(--responsive--alignfull-width);
+}
+
+%responsive-alignfull-width-nested {
+       margin-left: auto;
+       margin-right: auto;
+       width: calc(var(--responsive--alignfull-width) - calc(2 * var(--responsive--spacing-horizontal)));
+       max-width: var(--responsive--alignfull-width);
+}
+
+@include media(desktop) {
+       %responsive-alignfull-width-nested {
+               margin-left: auto;
+               margin-right: auto;
+               width: calc(var(--responsive--alignfull-width) - calc(4 * var(--responsive--spacing-horizontal)));
+               max-width: var(--responsive--alignfull-width);
+       }
+}
+
+
+%responsive-alignleft-mobile {
+
+       /*rtl:ignore*/
+       margin-left: 0;
+
+       /*rtl:ignore*/
+       margin-right: var(--responsive--spacing-horizontal);
+}
+
+@include media(mobile) {
+       %responsive-alignleft {
+
+               /*rtl:ignore*/
+               margin-left: var(--responsive--alignleft-margin);
+
+               /*rtl:ignore*/
+               margin-right: var(--global--spacing-horizontal);
+       }
+}
+
+%responsive-alignright-mobile {
+
+       /*rtl:ignore*/
+       margin-left: var(--responsive--spacing-horizontal);
+
+       /*rtl:ignore*/
+       margin-right: 0;
+}
+
+@include media(mobile) {
+       %responsive-alignright {
+
+               /*rtl:ignore*/
+               margin-left: var(--global--spacing-horizontal);
+
+               /*rtl:ignore*/
+               margin-right: var(--responsive--alignright-margin);
+       }
+}
+
+// Output
+.default-max-width {
+       @extend %responsive-aligndefault-width;
+}
+
+.wide-max-width {
+       @extend %responsive-alignwide-width;
+}
+
+.full-max-width {
+       @extend %responsive-alignfull-width;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericclearingsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,25 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.clear:before,
+.clear:after,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+       content: "";
+       display: table;
+       table-layout: fixed;
+}
+
+.clear:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+       clear: both;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/clearings.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericnormalizescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,350 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+       line-height: 1.15; /* 1 */
+       -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+       margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+       display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+       font-size: 2em;
+       margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+       box-sizing: content-box; /* 1 */
+       height: 0; /* 1 */
+       overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+       font-family: monospace; /* 1 */
+       font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+       background-color: transparent;
+       text-decoration-thickness: 1px;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+       border-bottom: none; /* 1 */
+       text-decoration: underline; /* 2 */
+       text-decoration-style: dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+       font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+       font-family: monospace; /* 1 */
+       font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+       font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+       font-size: 75%;
+       line-height: 0;
+       position: relative;
+       vertical-align: baseline;
+}
+
+sub {
+       bottom: -0.25em;
+}
+
+sup {
+       top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+       border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+       font-family: inherit; /* 1 */
+       font-size: 100%; /* 1 */
+       line-height: 1.15; /* 1 */
+       margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+       overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+       text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+       -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+       border-style: none;
+       padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+       outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+       padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+       box-sizing: border-box; /* 1 */
+       color: inherit; /* 2 */
+       display: table; /* 1 */
+       max-width: 100%; /* 1 */
+       padding: 0; /* 3 */
+       white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+       vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+       overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+       box-sizing: border-box; /* 1 */
+       padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+       height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+       -webkit-appearance: textfield; /* 1 */
+       outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+       -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+       -webkit-appearance: button; /* 1 */
+       font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+       display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+       display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+       display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+       display: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/normalize.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericresetscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,75 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Reset specific elements to make them easier to style in other contexts.
+ */
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+form,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+       padding: 0;
+       margin: 0;
+       -moz-osx-font-smoothing: grayscale;
+       -webkit-font-smoothing: antialiased;
+}
+
+/**
+ * Apply generic border-box to all elements.
+ * See:
+ * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+
+html {
+
+       /* Apply border-box across the entire page. */
+       box-sizing: border-box;
+
+       // HTML resets
+       font-family: var(--global--font-secondary);
+       line-height: var(--global--line-height-body);
+}
+
+/**
+ * Relax the definition a bit, to allow components to override it manually.
+ */
+* {
+
+       &,
+       &::before,
+       &::after {
+               box-sizing: inherit;
+       }
+}
+
+// body resets
+body {
+       font-size: var(--global--font-size-base);
+       font-weight: normal;
+       color: var(--global--color-primary);
+       text-align: left;
+       background-color: var(--global--color-background);
+}
+
+
+button {
+       cursor: pointer;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/reset.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass03genericverticalmarginsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,172 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Site Structure
+ *
+ * - Set vertical margins and responsive widths on
+ *   top-level wrappers and content wrappers
+ * - `--global--width-content` is a responsive veriable
+ * - See: globals/_global-width-responsive.scss
+ */
+
+/**
+ * Top Level Wrappers (header, main, footer)
+ * - Set vertical padding and horizontal margins
+ */
+.site-header,
+.site-main,
+.widget-area,
+.site-footer {
+       padding-top: var(--global--spacing-vertical);
+       padding-bottom: var(--global--spacing-vertical);
+       margin-left: auto;
+       margin-right: auto;
+}
+
+.site-header {
+       padding-top: calc(0.75 * var(--global--spacing-vertical));
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+
+       @include media(mobile) {
+               padding-bottom: calc(3 * var(--global--spacing-vertical));
+       }
+}
+
+/**
+ * Site-main children wrappers
+ * - Add double vertical margins here for clearer heirarchy
+ */
+.site-main > * {
+       margin-top: calc(3 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
+
+       &:first-child {
+               margin-top: 0;
+       }
+
+       &:last-child {
+               margin-bottom: 0;
+       }
+}
+
+/**
+ * Set the default maximum responsive content-width
+ */
+.default-max-width {
+       @extend %responsive-aligndefault-width;
+}
+
+/**
+ * Set the wide maximum responsive content-width
+ */
+.wide-max-width {
+       @extend %responsive-alignwide-width;
+}
+
+/**
+ * Set the full maximum responsive content-width
+ */
+.full-max-width {
+       @extend %responsive-alignfull-width-mobile;
+       @extend %responsive-alignfull-width;
+}
+
+/*
+ * Block & non-gutenberg content wrappers
+ * - Set margins
+ */
+.entry-header,
+.post-thumbnail,
+.entry-content,
+.entry-footer,
+.author-bio {
+       margin-top: var(--global--spacing-vertical);
+       margin-right: auto;
+       margin-bottom: var(--global--spacing-vertical);
+       margin-left: auto;
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-vertical margin logic
+ */
+.site-main > article > *, // apply vertical margins to article level
+.site-main > .not-found > *, // apply vertical margins to article level
+.entry-content > *,
+[class*="inner-container"] > *,
+.wp-block-template-part > * {
+
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+       @include media(mobile) {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+
+       &:first-child {
+               margin-top: 0;
+       }
+
+       &:last-child {
+               margin-bottom: 0;
+       }
+}
+
+.site-footer > *,
+.widget-area > * {
+       margin-top: calc(0.666 * var(--global--spacing-vertical));
+       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+       @include media(mobile) {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-unit margins
+ */
+//.site-header > *, // Removed, to align site title and menu.
+.entry-header > *,
+.post-thumbnail > *,
+.page-content > *,
+.comment-content > *,
+.widget > * {
+       margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
+
+       &:first-child {
+               margin-top: 0;
+       }
+
+       &:last-child {
+               margin-bottom: 0;
+       }
+}
+
+
+/*
+ * .entry-content children specific controls
+ * - Adds special margin overrides for alignment utility classes
+ */
+.entry-content > * {
+
+       &.alignleft,
+       &.alignright,
+       &.alignleft:first-child + *,
+       &.alignright:first-child + *,
+       &.alignfull.has-background {
+               margin-top: 0;
+       }
+
+       &:last-child,
+       &.alignfull.has-background {
+               margin-bottom: 0;
+       }
+
+       /* Reset alignleft and alignright margins after alignfull */
+       &.alignfull + .alignleft,
+       &.alignfull + .alignright {
+               margin-top: var(--global--spacing-vertical);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsblockquotescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote {
+       padding: 0;
+       position: relative;
+       margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+       > * {
+               margin-top: var(--global--spacing-unit);
+               margin-bottom: var(--global--spacing-unit);
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       p {
+               letter-spacing: var(--heading--letter-spacing-h4);
+               font-family: var(--quote--font-family);
+               font-size: var(--quote--font-size);
+               font-style: var(--quote--font-style);
+               font-weight: var(--quote--font-weight);
+               line-height: var(--quote--line-height);
+       }
+
+       cite,
+       footer {
+               font-weight: normal;
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               letter-spacing: var(--global--letter-spacing);
+       }
+
+       &.alignleft,
+       &.alignright {
+
+               padding-left: inherit;
+
+               p {
+                       font-size: var(--heading--font-size-h5);
+                       max-width: inherit;
+                       width: inherit;
+               }
+
+               cite,
+               footer {
+                       font-size: var(--global--font-size-xs);
+                       letter-spacing: var(--global--letter-spacing);
+               }
+       }
+
+       strong {
+               font-weight: var(--quote--font-weight-strong);
+       }
+
+       &:before {
+               content: "\201C";
+               font-size: var(--quote--font-size);
+               line-height: var(--quote--line-height);
+       }
+
+       .wp-block-quote__citation,
+       cite,
+       footer {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               font-style: var(--quote--font-style-cite);
+       }
+
+       @include media(mobile-only) {
+               padding-left: calc(0.5 * var(--global--spacing-horizontal));
+
+               &:before {
+                       left: 0;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,12 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+select {
+       border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       color: var(--form--color-text);
+       font-size: var(--form--font-size);
+       -moz-appearance: none;
+       -webkit-appearance: none;
+       appearance: none;
+       padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+       background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+       background-position: right var(--form--spacing-unit) top 60%;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsformsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,328 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
+.site textarea {
+       border: var(--form--border-width) solid var(--form--border-color);
+       border-radius: var(--form--border-radius);
+       color: var(--form--color-text);
+       line-height: var(--global--line-height-body);
+       padding: var(--form--spacing-unit);
+       // Gives a little more space for the outline offset.
+       margin: 0 2px;
+
+       &:focus {
+               color: var(--form--color-text);
+               outline-offset: 2px;
+               outline: 2px dotted var(--form--border-color);
+       }
+
+       &:disabled {
+               opacity: 0.7;
+       }
+
+       .is-dark-theme & {
+               background: var(--global--color-white-90);
+       }
+
+}
+
+// Reset the negative offset from normalize to make the thicker "border" work on focus.
+input[type="search"] {
+
+       &:focus {
+               outline-offset: -7px;
+
+               .is-dark-theme & {
+                       outline-color: var(--global--color-background);
+               }
+       }
+}
+
+input[type="color"] {
+       padding: calc(var(--form--spacing-unit) / 2);
+       height: calc(4 * var(--form--spacing-unit));
+}
+
+input[type="email"],
+input[type="url"] {
+
+       /*rtl:ignore*/
+       direction: ltr;
+}
+
+select {
+       border: var(--form--border-width) solid var(--form--border-color);
+       color: var(--form--color-text);
+       -moz-appearance: none;
+       -webkit-appearance: none;
+       appearance: none;
+       line-height: var(--global--line-height-body);
+       padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+       background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+       background-position: right var(--form--spacing-unit) top 60%;
+
+       &:focus {
+               outline-offset: 2px;
+               outline: 2px dotted var(--form--border-color);
+       }
+
+       .is-dark-theme & {
+               background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; // stylelint-disable-line function-url-quotes
+               background-position: right var(--form--spacing-unit) top 60%;
+       }
+}
+
+textarea {
+       width: 100%;
+}
+
+label {
+       font-size: var(--form--font-size);
+       font-weight: var(--form--label-weight);
+       margin-bottom: calc(var(--global--spacing-vertical) / 3);
+}
+
+/**
+https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
+https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
+License: MIT.
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+
+       input[type="checkbox"],
+       input[type="radio"] {
+               -webkit-appearance: none;
+               -moz-appearance: none;
+               position: relative;
+               width: 25px;
+               height: 25px;
+               border: var(--form--border-width) solid var(--form--border-color);
+               background: var(--global--color-white);
+
+               &:disabled {
+                       opacity: 0.7;
+               }
+
+               .is-dark-theme & {
+                       background: var(--global--color-white-90);
+               }
+       }
+
+       input[type="checkbox"] {
+
+               &:focus {
+                       outline-offset: 2px;
+                       outline: 2px dotted var(--form--border-color);
+               }
+
+               &:after {
+                       content: "";
+                       opacity: 0;
+                       display: block;
+                       left: 5px;
+                       top: 2px;
+                       position: absolute;
+                       width: 7px;
+                       height: 13px;
+                       border: 3px solid var(--form--color-text);
+                       border-top: 0;
+                       border-left: 0;
+                       transform: rotate(30deg);
+               }
+
+               &:checked {
+                       color: var(--form--color-text);
+
+                       &:after {
+                               opacity: 1;
+                       }
+               }
+       }
+
+       input[type="radio"] {
+               border-radius: 50%;
+
+               &:focus {
+                       outline-offset: 2px;
+                       outline: 2px dotted var(--form--border-color);
+               }
+
+               &:after {
+                       content: "";
+                       opacity: 0;
+                       display: block;
+                       left: 3px;
+                       top: 3px;
+                       position: absolute;
+                       width: 11px;
+                       height: 11px;
+                       border-radius: 50%;
+                       background: var(--form--color-text);
+               }
+
+               &:checked {
+                       border: 4px solid var(--form--border-color);
+
+                       &:after {
+                               opacity: 1;
+                       }
+
+                       // Focus style for checked radio buttons.
+                       &:focus {
+                               outline-offset: 4px;
+                               outline: 2px dotted var(--form--border-color);
+                       }
+               }
+       }
+}
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+       display: inline-block;
+       padding-left: 10px;
+       font-size: var(--global--font-size-xs);
+       vertical-align: top;
+}
+
+/**
+ * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+
+       input[type="range"] {
+               -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
+               width: 100%; /* Specific width is required for Firefox. */
+               height: 6px;
+               background: var(--form--color-ranged);
+               border-radius: 6px;
+               outline-offset: 10px;
+
+               &:disabled {
+                       opacity: 0.7;
+               }
+       }
+
+       input[type="range"]::-webkit-slider-thumb {
+               -webkit-appearance: none;
+               border: 3px solid var(--form--color-ranged);
+               height: 25px;
+               width: 25px;
+               border-radius: 50%;
+               background: var(--global--color-background);
+               cursor: pointer;
+       }
+
+       input[type="range"]::-moz-range-thumb {
+               border: 3px solid var(--form--color-ranged);
+               height: 25px;
+               width: 25px;
+               border-radius: 50%;
+               background: var(--global--color-background);
+               cursor: pointer;
+       }
+}
+
+input[type="range"]::-ms-track {
+       width: 100%;
+       height: 6px;
+       border-radius: 6px;
+       border-width: 19px 0;
+       border-color: var(--global--color-background);
+       background: transparent;
+       color: transparent;
+       cursor: pointer;
+}
+
+input[type="range"]::-ms-fill-upper {
+       background: var(--form--color-ranged);
+       border-radius: 6px;
+}
+
+input[type="range"]::-ms-fill-lower {
+       background: var(--form--color-ranged);
+       border-radius: 6px;
+}
+
+input[type="range"]::-ms-thumb {
+       border: 3px solid var(--form--color-ranged);
+       height: 25px;
+       width: 25px;
+       border-radius: 50%;
+       background: var(--global--color-background);
+       cursor: pointer;
+}
+
+fieldset {
+       display: grid;
+       border-color: var(--global--color-secondary);
+       padding: var(--global--spacing-horizontal);
+
+       legend {
+               font-size: var(--global--font-size-lg);
+       }
+
+       input {
+
+               &[type="submit"] {
+                       max-width: max-content;
+               }
+
+               &:not([type="submit"]) {
+                       margin-bottom: var(--global--spacing-unit);
+               }
+
+               &[type="radio"],
+               &[type="checkbox"] {
+                       margin-bottom: 0;
+               }
+
+               &[type="radio"] + label,
+               &[type="checkbox"] + label {
+                       font-size: var(--form--font-size);
+                       padding-left: 0;
+                       margin-bottom: var(--global--spacing-unit);
+               }
+       }
+}
+
+::-moz-placeholder { // Firefox 19+
+       opacity: 1;
+}
+
+.post-password-message {
+       font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+       display: flex;
+       flex-wrap: wrap;
+
+       &__label {
+               width: 100%;
+               margin-bottom: 0;
+       }
+
+       input[type="password"] {
+               flex-grow: 1;
+               margin-top: calc(var(--global--spacing-vertical) / 3);
+               margin-right: calc(0.66 * var(--global--spacing-horizontal));
+       }
+
+       &__submit {
+               margin-top: calc(var(--global--spacing-vertical) / 3);
+               @include media(tablet) {
+                       margin-left: calc(0.4 * var(--global--spacing-horizontal));
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementslinksscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,66 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * text-underline-offset doesn't work in Chrome at all 👎
+ * But looks nice in Safari/Firefox, so let's keep it and
+ * maybe Chrome will support it soon.
+ */
+a {
+       cursor: pointer;
+       color: var(--wp--style--color--link, var(--global--color-primary));
+       text-underline-offset: 3px;
+       text-decoration-skip-ink: all;
+}
+
+a:hover {
+       text-decoration-style: dotted;
+       text-decoration-skip-ink: none;
+}
+
+.site a:focus {
+
+       /* Only visible in Windows High Contrast mode */
+       outline: 2px solid transparent;
+
+       background: rgba(255, 255, 255, .9);
+
+       // Change text color when the body background is dark.
+       .is-dark-theme &,
+       .is-dark-theme & .meta-nav {
+               color: var(--wp--style--color--link, var(--global--color-background));
+       }
+
+       // Change colors when the body background is white.
+       .has-background-white & {
+               background: rgba(0, 0, 0, .9);
+               color: var(--wp--style--color--link, var(--global--color-white));
+
+               .meta-nav {
+                       color: var(--wp--style--color--link, var(--global--color-white));
+               }
+       }
+
+       &.skip-link {
+
+               /* Only visible in Windows High Contrast mode */
+               outline: 2px solid transparent;
+               outline-offset: -2px;
+
+               &:focus {
+                       color: #21759b;
+                       background-color: #f1f1f1;
+               }
+       }
+
+       img {
+               outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
+       }
+}
+
+// Enforce the custom link color even if a custom background color has been set.
+// The extra specificity here is required to override the background color styles.
+.has-background:not(.has-background-background-color) {
+       // Target both current level and nested block.
+       .has-link-color a,
+       &.has-link-color a {
+               color: var(--wp--style--color--link, var(--global--color-primary));
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmediascss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,46 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+img {
+       display: block;
+       height: auto;
+       max-width: 100%;
+}
+
+/* Classic editor images */
+.entry-content img {
+       max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object,
+video {
+       max-width: 100%;
+}
+
+
+/* Media captions */
+figcaption,
+.wp-caption,
+.wp-caption-text {
+       color: currentColor;
+       font-size: var(--global--font-size-xs);
+       line-height: var(--global--line-height-body);
+       margin-top: calc(0.5 * var(--global--spacing-unit));
+       margin-bottom: var(--global--spacing-unit);
+       text-align: center;
+
+       .alignleft &,
+       .alignright & {
+               margin-bottom: 0;
+       }
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+       border: none;
+       margin-bottom: 0;
+       margin-top: 0;
+       padding: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/media.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass04elementsmiscscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Over here, place any elements that do not need to have their own file. */
+b,
+strong {
+       font-weight: 700;
+}
+
+dfn,
+cite,
+em,
+i {
+       font-style: italic;
+}
+
+pre {
+       white-space: pre;
+       overflow-x: auto;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocks_configscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//  Variable Configuration
+//  - Import all config files for display in
+//    the editor, customizer, and front end.
+
+
+@import "separator/config";
+@import "utilities/config";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/_config.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksaudio_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-audio {
+
+       audio:focus {
+               outline-offset: 5px;
+               outline: 2px solid var(--global--color-primary);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblockseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,35 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Block Styles for the Editor
+// - These styles replace key Gutenberg Block styles for fonts, colors, and
+//   spacing with CSS-variables overrides in the Block Editor
+// - In the future the Block styles may get compiled to individual .css
+//   files and conditionally loaded
+
+@import "button/editor";
+@import "code/editor";
+@import "cover/editor";
+@import "columns/editor";
+@import "file/editor";
+@import "gallery/editor";
+@import "group/editor";
+@import "heading/editor";
+@import "html/editor";
+@import "image/editor";
+@import "latest-comments/editor";
+@import "latest-posts/editor";
+@import "legacy/editor"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc.
+@import "list/editor";
+@import "media-text/editor";
+@import "navigation/editor";
+@import "paragraph/editor";
+@import "preformatted/editor";
+@import "pullquote/editor";
+@import "quote/editor";
+@import "rss/editor";
+@import "search/editor";
+@import "separator/editor";
+@import "social-icons/editor";
+@import "table/editor";
+@import "tag-clould/editor";
+@import "verse/editor";
+@import "utilities/font-sizes";
+@import "utilities/editor"; // Import LAST to cascade properly
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksblocksscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,37 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Blocks
+// - These styles replace key Gutenberg Block styles with font, color, and
+//   spacing with CSS-variables overrides
+// - In the future the Block styles may get compiled to individual .css
+//   files and conditionally loaded
+
+@import "audio/style";
+@import "button/style";
+@import "code/style";
+@import "columns/style";
+@import "cover/style";
+@import "file/style";
+@import "gallery/style";
+@import "group/style";
+@import "heading/style";
+@import "image/style";
+@import "latest-comments/style";
+@import "latest-posts/style";
+@import "legacy/style"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc.
+@import "list/style";
+@import "media-text/style";
+@import "navigation/style";
+@import "paragraph/style";
+@import "preformatted/style";
+@import "pullquote/style";
+@import "quote/style";
+@import "rss/style";
+@import "search/style";
+@import "separator/style";
+@import "social-icons/style";
+@import "spacer/style";
+@import "table/style";
+@import "tag-clould/style";
+@import "verse/style";
+@import "video/style";
+@import "utilities/font-sizes";
+@import "utilities/style"; // Import LAST to cascade properly
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,118 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button__link {
+       // Extend button style
+       @include button-style();
+}
+
+/**
+ * Block Options
+ */
+
+// The parent container does not need outer margins applied.
+// The children should all have top and bottom margins.
+[data-block].wp-block-buttons {
+       margin-top: 0;
+       margin-bottom: 0;
+
+       .wp-block-button:first-child {
+               margin-top: var(--global--spacing-vertical);
+       }
+
+       .wp-block-button:last-child {
+               margin-bottom: var(--global--spacing-vertical);
+       }
+}
+
+.wp-block-button {
+
+       // Target the default and filled button states.
+       &:not(.is-style-outline) {
+
+               .wp-block-button__link {
+
+                       &:active {
+                               color: var(--button--color-text-active) !important;
+                               background: transparent !important;
+                               border-color: var(--button--color-background);
+                       }
+
+                       &:hover {
+                               color: var(--button--color-text-hover) !important;
+                               background: transparent !important;
+                               border-color: var(--button--color-background);
+                       }
+               }
+       }
+
+       // Outline Style.
+       &.is-style-outline {
+
+               .wp-block-button__link {
+                       color: var(--button--color-background);
+                       background: transparent;
+                       border: var(--button--border-width) solid currentColor;
+                       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+                       &:active,
+                       &:hover {
+                               background-color: var(--button--color-background);
+                               color: var(--button--color-text);
+                               border-color: var(--button--color-background);
+                       }
+
+                       &.has-background {
+                               border-color: var(--button--color-background);
+
+                               &:active,
+                               &:hover {
+                                       background-color: var(--button--color-background) !important;
+                               }
+                       }
+
+                       &.has-background:not(.has-text-color) {
+                               color: var(--global--color-dark-gray);
+                       }
+
+                       &.has-background.has-gray-background-color:not(.has-text-color),
+                       &.has-background.has-dark-gray-background-color:not(.has-text-color),
+                       &.has-background.has-black-background-color:not(.has-text-color) {
+                               color: var(--global--color-white);
+                       }
+
+                       .is-dark-theme & {
+
+                               &:not(.has-text-color) {
+
+                                       &.has-background.has-white-background-color,
+                                       &.has-background.has-green-background-color,
+                                       &.has-background.has-blue-background-color,
+                                       &.has-background.has-purple-background-color,
+                                       &.has-background.has-red-background-color,
+                                       &.has-background.has-orange-background-color,
+                                       &.has-background.has-yellow-background-color {
+                                               color: var(--global--color-dark-gray);
+                                       }
+                               }
+                       }
+
+                       &.has-text-color {
+                               border-color: currentColor;
+
+                               &:active,
+                               &:hover {
+                                       color: var(--button--color-text) !important;
+                                       border-color: var(--button--color-background);
+                               }
+                       }
+               }
+       }
+
+       // Squared Style
+       &.is-style-squared {
+               border-radius: 0;
+       }
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"],
+.wp-block-button__link[style*="radius"] {
+       outline-offset: 2px;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksbutton_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,134 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Button
+ */
+.site .button,
+input[type="submit"],
+input[type="reset"],
+.wp-block-search__button,
+.wp-block-button .wp-block-button__link {
+       // Extend button style
+       @include button-style();
+}
+
+.site .button,
+input[type="submit"],
+input[type="reset"],
+.wp-block-search .wp-block-search__button,
+.wp-block-file .wp-block-file__button {
+
+       &:active {
+               color: var(--button--color-text-active);
+               background-color: var(--button--color-background-active);
+       }
+
+       &:hover {
+               color: var(--button--color-text-hover);
+               background: transparent;
+       }
+}
+
+/**
+ * Block Options
+ */
+.wp-block-button {
+
+       // Target the default and filled button states.
+       &:not(.is-style-outline) {
+
+               .wp-block-button__link {
+
+                       &:active {
+                               color: var(--button--color-text-active) !important;
+                               background: transparent !important;
+                               border-color: var(--button--color-background);
+                       }
+
+                       &:hover {
+                               color: var(--button--color-text-hover) !important;
+                               background: transparent !important;
+                               border-color: var(--button--color-background);
+                       }
+
+                       &:focus {
+                               color: var(--button--color-text) !important;
+                               background: var(--button--color-background) !important;
+                       }
+               }
+       }
+
+       // Outline Style.
+       &.is-style-outline {
+
+               .wp-block-button__link {
+                       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+
+                       &:not(.has-background) {
+                               background: transparent;
+                       }
+
+                       &:not(.has-background):not(.has-text-color) {
+                               background: transparent;
+                               color: var(--button--color-background);
+                               border-color: var(--button--color-background);
+                       }
+
+                       &.has-background:not(.has-text-color) {
+                               color: currentColor;
+                       }
+
+                       &.has-background.has-gray-background-color:not(.has-text-color),
+                       &.has-background.has-dark-gray-background-color:not(.has-text-color),
+                       &.has-background.has-black-background-color:not(.has-text-color) {
+                               color: var(--global--color-white);
+                       }
+
+                       .is-dark-theme & {
+
+                               &:not(.has-text-color) {
+
+                                       &.has-background {
+                                               color: var(--global--color-dark-gray);
+                                       }
+
+                                       &.has-background.has-gray-background-color,
+                                       &.has-background.has-dark-gray-background-color,
+                                       &.has-background.has-black-background-color {
+                                               color: var(--global--color-white);
+                                       }
+                               }
+                       }
+
+                       &.has-text-color,
+                       &.has-background.has-text-color {
+                               border-color: currentColor;
+                       }
+
+                       &:active,
+                       &:hover {
+                               color: var(--button--color-text) !important;
+                               background: var(--button--color-background) !important;
+                               border-color: var(--button--color-background);
+
+                               &.has-text-color {
+                                       border-color: var(--button--color-background);
+                               }
+                       }
+
+                       &:focus {
+                               color: var(--button--color-background) !important;
+                               background: transparent !important;
+                       }
+               }
+       }
+
+       // Squared Style
+       .is-style-squared .wp-block-button__link {
+               border-radius: 0;
+       }
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"]:focus,
+.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
+       outline-offset: 2px;
+       outline: 2px dotted var(--button--color-background);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-code code {
+       font-size: var(--global--font-size-xs);
+       white-space: pre !important;
+       overflow-x: auto;
+}
+
+.wp-block-code {
+       border-color: var(--global--color-border);
+       border-radius: 0;
+       border-style: solid;
+       border-width: 0.1rem;
+       padding: var(--global--spacing-unit);
+       color: currentColor;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscode_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-code {
+       border-color: var(--global--color-border);
+       border-radius: 0;
+       border-style: solid;
+       border-width: 0.1rem;
+       padding: var(--global--spacing-unit);
+
+       code {
+               font-size: var(--global--font-size-xs);
+               white-space: pre;
+               overflow-x: auto;
+               display: block;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,66 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns {
+
+       &:not(.alignwide):not(.alignfull) {
+               clear: both;
+       }
+
+       .wp-block,
+       .wp-block-column {
+               // Allow Gutenberg to set the width of a block that lives inside the columns block.
+               max-width: inherit;
+       }
+
+       &.is-style-twentytwentyone-columns-overlap {
+
+               @include media(laptop) {
+
+                       .wp-block-column:nth-child(2n) {
+                               margin-left: calc(-2 * var(--global--spacing-horizontal));
+                               margin-top: calc(2.5 * var(--global--spacing-horizontal));
+                               z-index: 2;
+
+                               // Provide text-based child blocks with a default background color to ensure they're readable.
+                               > p,
+                               > h1,
+                               > h2,
+                               > h3,
+                               > h4,
+                               > h5,
+                               > h6,
+                               > ul,
+                               > ol,
+                               > pre {
+
+                                       &:not(.has-background) {
+                                               background-color: var(--global--color-background);
+                                               padding: var(--global--spacing-unit);
+                                       }
+                               }
+
+                               // Lists should still have their usual left padding.
+                               > ul:not(.has-background),
+                               > ol:not(.has-background) {
+                                       padding-left: calc(2 * var(--global--spacing-horizontal));
+                               }
+
+                               &.is-vertically-aligned-center {
+                                       margin-top: 0;
+                               }
+                       }
+               }
+       }
+
+       .wp-block[data-align="full"] & {
+
+               p:not(.has-background),
+               h1:not(.has-background),
+               h2:not(.has-background),
+               h3:not(.has-background),
+               h4:not(.has-background),
+               h5:not(.has-background),
+               h6:not(.has-background) {
+                       padding-left: var(--global--spacing-unit);
+                       padding-right: var(--global--spacing-unit);
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscolumns_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,105 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns {
+
+       &:not(.alignwide):not(.alignfull) {
+               clear: both;
+       }
+
+       .wp-block-column {
+
+               > * {
+                       margin-top: calc(0.66 * var(--global--spacing-vertical));
+                       margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+
+                       @include media(mobile) {
+                               margin-top: var(--global--spacing-vertical);
+                               margin-bottom: var(--global--spacing-vertical);
+                       }
+
+                       &:first-child {
+                               margin-top: 0;
+                       }
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       .wp-block-column:not(:last-child) {
+               margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+
+               @include media(mobile) {
+                       margin-bottom: var(--global--spacing-vertical);
+               }
+
+               @include media(desktop) {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.is-style-twentytwentyone-columns-overlap {
+
+               justify-content: space-around;
+
+               @include media(laptop) {
+
+                       .wp-block-column {
+
+                               &:nth-child(2n) {
+                                       margin-left: calc(-2 * var(--global--spacing-horizontal));
+                                       margin-top: calc(2.5 * var(--global--spacing-horizontal));
+                                       z-index: 2;
+
+                                       // Provide text-based child blocks with a default background color to ensure they're readable.
+                                       > p,
+                                       > h1,
+                                       > h2,
+                                       > h3,
+                                       > h4,
+                                       > h5,
+                                       > h6,
+                                       > ul,
+                                       > ol,
+                                       > pre {
+
+                                               &:not(.has-background) {
+                                                       background-color: var(--global--color-background);
+                                                       padding: var(--global--spacing-unit);
+                                               }
+                                       }
+
+                                       // Lists should still have their usual left padding.
+                                       > ul:not(.has-background),
+                                       > ol:not(.has-background) {
+                                               padding-left: calc(2 * var(--global--spacing-horizontal));
+                                       }
+
+                                       &.is-vertically-aligned-center {
+                                               margin-top: 0;
+                                       }
+                               }
+                       }
+               }
+       }
+
+       &.alignfull {
+
+               .wp-block-column {
+
+                       p:not(.has-background),
+                       h1:not(.has-background),
+                       h2:not(.has-background),
+                       h3:not(.has-background),
+                       h4:not(.has-background),
+                       h5:not(.has-background),
+                       h6:not(.has-background) {
+                               padding-left: var(--global--spacing-unit);
+                               padding-right: var(--global--spacing-unit);
+                       }
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,70 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+
+       &:not(.alignwide):not(.alignfull) {
+               clear: both;
+       }
+
+       background-color: var(--cover--color-background);
+       min-height: var(--cover--height);
+       margin-top: inherit;
+       margin-bottom: inherit;
+
+       [data-align="full"] & {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       .wp-block-cover__inner-container,
+       .wp-block-cover-image-text,
+       .wp-block-cover-text,
+       .block-editor-block-list__block {
+               color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
+
+               a {
+                       color: currentColor;
+               }
+
+               .has-link-color a {
+                       color: var(--wp--style--color--link, var(--global--color-primary));
+               }
+       }
+
+       // Default & custom background-color
+       &:not([class*="background-color"]) {
+
+               .wp-block-cover__inner-container,
+               .wp-block-cover-image-text,
+               .wp-block-cover-text,
+               .block-editor-block-list__block {
+                       color: var(--cover--color-foreground);
+               }
+       }
+
+       // Treating H2 separately to account for legacy /core styles
+       h2 {
+               font-size: var(--heading--font-size-h2);
+               letter-spacing: var(--heading--letter-spacing-h2);
+               line-height: var(--heading--line-height-h2);
+               padding: 0;
+               max-width: inherit; // undo opinionated styles
+               text-align: inherit;
+
+               &.has-text-align-left {
+                       text-align: left;
+               }
+
+               &.has-text-align-center {
+                       text-align: center;
+               }
+
+               &.has-text-align-right {
+                       text-align: right;
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockscover_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,111 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover,
+.wp-block-cover-image {
+
+       &:not(.alignwide):not(.alignfull) {
+               clear: both;
+       }
+
+       &.alignfull {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       background-color: var(--cover--color-background);
+       min-height: var(--cover--height);
+       margin-top: inherit;
+       margin-bottom: inherit;
+
+       .wp-block-cover__inner-container,
+       .wp-block-cover-image-text,
+       .wp-block-cover-text {
+               color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               a {
+                       color: currentColor;
+               }
+
+               .has-link-color a {
+                       color: var(--wp--style--color--link, var(--global--color-primary));
+               }
+       }
+
+       /* default & custom background-color */
+       &:not([class*="background-color"]) {
+
+               .wp-block-cover__inner-container,
+               .wp-block-cover-image-text,
+               .wp-block-cover-text {
+                       color: var(--cover--color-foreground);
+               }
+       }
+
+       /* Treating H2 separately to account for legacy /core styles */
+       h2 {
+               font-size: var(--heading--font-size-h2);
+               letter-spacing: var(--heading--letter-spacing-h2);
+               line-height: var(--heading--line-height-h2);
+               max-width: inherit; // undo opinionated styles
+               text-align: inherit; // undo opinionated styles
+               padding: 0;
+
+               &.has-text-align-left {
+                       text-align: left;
+               }
+
+               &.has-text-align-center {
+                       text-align: center;
+               }
+
+               &.has-text-align-right {
+                       text-align: right;
+               }
+       }
+
+       .wp-block-cover__inner-container {
+
+               width: calc(100% - calc(2 * var(--global--spacing-vertical)));
+
+               > * {
+                       margin-top: calc(0.666 * var(--global--spacing-vertical));
+                       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+                       @include media(mobile) {
+                               margin-top: var(--global--spacing-vertical);
+                               margin-bottom: var(--global--spacing-vertical);
+                       }
+
+                       &:first-child {
+                               margin-top: 0;
+                       }
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+       }
+
+       &.alignleft,
+       &.alignright {
+               margin-top: 0;
+
+               > * {
+                       margin-top: calc(2 * var(--global--spacing-vertical));
+                       margin-bottom: calc(2 * var(--global--spacing-vertical));
+                       padding-left: var(--global--spacing-horizontal);
+                       padding-right: var(--global--spacing-horizontal);
+                       width: 100%;
+               }
+       }
+
+       &.has-left-content,
+       &.has-right-content {
+               justify-content: center;
+       }
+
+       /* Block Styles */
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file {
+
+       .wp-block-file__textlink {
+               text-decoration: underline;
+               text-decoration-style: solid;
+               text-decoration-thickness: 1px;
+
+               &:hover {
+                       text-decoration: underline;
+                       text-decoration-style: dotted;
+               }
+       }
+
+       .wp-block-file__button {
+               // Extend button style
+               @include button-style();
+               display: inline-block;
+
+               &:hover {
+                       color: var(--button--color-text-hover);
+                       background: transparent;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksfile_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file {
+
+       // Undo Gutenberg hover defaults
+       a.wp-block-file__button:active,
+       a.wp-block-file__button:focus,
+       a.wp-block-file__button:hover {
+               color: var(--button--color-text-hover);
+               opacity: inherit;
+       }
+
+       a.wp-block-file__button:visited {
+               color: var(--button--color-text);
+
+               &:hover {
+                       color: var(--button--color-text-hover);
+               }
+       }
+
+       .wp-block-file__button {
+               // Extend button style
+               @include button-style();
+               display: inline-block;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,10 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery {
+
+       figcaption {
+               margin-bottom: 0;
+
+               a {
+                       color: var(--global--color-white);
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgallery_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-gallery {
+
+       margin: 0 auto;
+
+       .blocks-gallery-image,
+       .blocks-gallery-item {
+
+               // On mobile and responsive viewports, we allow only 1 or 2 columns at the most.
+               width: calc((100% - var(--global--spacing-unit)) / 2);
+
+               figcaption {
+                       margin: 0;
+                       // Text color is always white to account for default gradient background
+                       color: var(--global--color-white);
+                       font-size: var(--global--font-size-xs);
+
+                       a {
+                               color: var(--global--color-white);
+
+                               &:focus {
+                                       background-color: transparent;
+                                       outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+                                       text-decoration: none;
+                               }
+                       }
+               }
+
+               a:focus img {
+                       outline-offset: 2px;
+               }
+
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,47 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group {
+       // Start IE clearfix.
+       // This hack is only necessary because we want to support IE11.
+       // If we don't want to support IE11, then "display: flow-root" would suffice.
+       display: block;
+       clear: both;
+
+       display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
+
+       &:before,
+       &:after {
+               content: "";
+               display: block;
+               clear: both;
+       }
+       // End IE clearfix.
+
+       &.has-background {
+               padding: var(--global--spacing-vertical);
+
+               [data-align="full"] & {
+                       margin-top: 0;
+                       margin-bottom: 0;
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+               padding: var(--global--spacing-vertical);
+
+               .wp-block-group__inner-container > [data-align="full"] {
+                       max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+                       width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+                       margin-left: calc(-1 * var(--global--spacing-vertical));
+               }
+       }
+
+       .wp-block-group__inner-container > *:last-child {
+               margin-bottom: 0;
+       }
+}
+
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+       margin: 0;
+       width: 100%;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksgroup_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,70 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group {
+       // Start IE clearfix.
+       // This hack is only necessary because we want to support IE11.
+       // If we don't want to support IE11, then "display: flow-root" would suffice.
+       display: block;
+       clear: both;
+
+       display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
+
+       &:before,
+       &:after {
+               content: "";
+               display: block;
+               clear: both;
+       }
+       // End IE clearfix.
+
+       .wp-block-group__inner-container {
+               margin-left: auto;
+               margin-right: auto;
+
+               > * {
+                       margin-top: calc(0.666 * var(--global--spacing-vertical));
+                       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+                       &.alignfull {
+                               @extend %responsive-alignfull-width-mobile;
+                       }
+
+                       @include media(mobile) {
+                               margin-top: var(--global--spacing-vertical);
+                               margin-bottom: var(--global--spacing-vertical);
+                       }
+
+                       &:first-child {
+                               margin-top: 0;
+                       }
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+       }
+
+       &.has-background {
+               padding: calc(0.666 * var(--global--spacing-vertical));
+
+               @include media(mobile) {
+                       padding: var(--global--spacing-vertical);
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+               padding: var(--global--spacing-vertical);
+       }
+
+       // Adjust alignfull items to account for left and right padding.
+       &.has-background,
+       &.is-style-twentytwentyone-border {
+
+               .wp-block-group__inner-container > .alignfull,
+               .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
+                       max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+                       width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
+                       margin-left: calc(-1 * var(--global--spacing-vertical));
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,81 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
+.h6 {
+       clear: both;
+       font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
+
+       strong {
+               font-weight: var(--heading--font-weight-strong);
+       }
+
+       &[style*="--wp--typography--line-height"] {
+               line-height: var(--wp--typography--line-height, --global--line-height-body);
+       }
+}
+
+.wp-block-heading h1,
+h1,
+.h1 {
+       font-size: var(--heading--font-size-h1);
+       letter-spacing: var(--heading--letter-spacing-h1);
+       line-height: var(--heading--line-height-h1);
+}
+
+.wp-block-heading h2,
+h2,
+.h2 {
+       font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
+}
+
+.wp-block-heading h3,
+h3,
+.h3 {
+       font-size: var(--heading--font-size-h3);
+       letter-spacing: var(--heading--letter-spacing-h3);
+       line-height: var(--heading--line-height-h3);
+}
+
+.wp-block-heading h4,
+h4,
+.h4 {
+       font-size: var(--heading--font-size-h4);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h4);
+       line-height: var(--heading--line-height-h4);
+}
+
+.wp-block-heading h5,
+h5,
+.h5 {
+       font-size: var(--heading--font-size-h5);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h5);
+       line-height: var(--heading--line-height-h5);
+}
+
+.wp-block-heading h6,
+h6,
+.h6 {
+       font-size: var(--heading--font-size-h6);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h6);
+       line-height: var(--heading--line-height-h6);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksheading_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,65 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+       clear: both;
+       font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
+
+       strong {
+               font-weight: var(--heading--font-weight-strong);
+       }
+}
+
+h1,
+.h1 {
+       font-size: var(--heading--font-size-h1);
+       letter-spacing: var(--heading--letter-spacing-h1);
+       line-height: var(--heading--line-height-h1);
+}
+
+h2,
+.h2 {
+       font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
+}
+
+h3,
+.h3 {
+       font-size: var(--heading--font-size-h3);
+       letter-spacing: var(--heading--letter-spacing-h3);
+       line-height: var(--heading--line-height-h3);
+}
+
+h4,
+.h4 {
+       font-size: var(--heading--font-size-h4);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h4);
+       line-height: var(--heading--line-height-h4);
+}
+
+h5,
+.h5 {
+       font-size: var(--heading--font-size-h5);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h5);
+       line-height: var(--heading--line-height-h5);
+}
+
+h6,
+.h6 {
+       font-size: var(--heading--font-size-h6);
+       font-weight: var(--heading--font-weight-strong);
+       letter-spacing: var(--heading--letter-spacing-h6);
+       line-height: var(--heading--line-height-h6);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockshtml_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[data-type="core/html"] textarea {
+       // Make sure that the color is not white on white when a dark body background is used.
+       color: var(--global--color-dark-gray);
+       border-radius: 0;
+       padding: var(--global--spacing-unit);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Center image block by default in the editor */
+
+.wp-block-image > div {
+       text-align: center;
+}
+
+[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
+       margin: 0 auto;
+}
+
+/* Block Styles */
+
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+       border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+       padding: var(--global--spacing-unit);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksimage_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,69 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-image {
+       text-align: center;
+
+       figcaption {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               line-height: var(--global--line-height-body);
+               margin-top: calc(0.5 * var(--global--spacing-unit));
+               margin-bottom: var(--global--spacing-unit);
+               text-align: center;
+       }
+
+       .alignright {
+               margin-left: var(--global--spacing-horizontal);
+       }
+
+       .alignleft {
+               margin-right: var(--global--spacing-horizontal);
+       }
+
+       a:focus img {
+               outline-offset: 2px;
+       }
+}
+
+// Remove vertical margins from image block wrappers when floated
+.entry-content > *[class="wp-block-image"],
+.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
+       margin-top: 0;
+       margin-bottom: 0;
+
+       // Remove top margins from the following element when previous image block is floated
+       + * {
+               margin-top: 0;
+       }
+}
+
+img {
+       height: auto;
+       max-width: 100%;
+       vertical-align: middle;
+}
+
+// Block Styles
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+       border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+       padding: var(--global--spacing-unit);
+}
+
+.entry-content {
+
+       > .wp-block-image {
+
+               > .alignleft,
+               > .alignright {
+                       @include media(mobile) {
+                               max-width: 50%;
+                       }
+                       @include media(mobile-only) {
+                               margin-left: 0;
+                               margin-right: 0;
+                       }
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-comments {
+       padding-left: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestcomments_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,35 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-comments {
+       padding-left: 0;
+
+       .wp-block-latest-comments__comment {
+               font-size: var(--global--font-size-sm);
+               line-height: var(--global--line-height-body);
+
+               /* Vertical margins logic */
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       .wp-block-latest-comments__comment-meta {
+               font-family: var(--heading--font-family);
+       }
+
+       .wp-block-latest-comments__comment-date {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-sm);
+       }
+
+       .wp-block-latest-comments__comment-excerpt p {
+               font-size: var(--global--font-size-sm);
+               line-height: var(--global--line-height-body);
+               margin: 0;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,144 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts {
+       padding-left: 0;
+
+       // Vertical margins logic
+       &:not(.is-grid) > li {
+               margin-top: calc(1.666 * var(--global--spacing-vertical));
+               margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.is-grid {
+               word-wrap: break-word;
+               word-break: break-word;
+
+               > li {
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+       }
+
+       > li > * {
+               margin-top: calc(0.333 * var(--global--spacing-vertical));
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       // Post title
+       > li > a {
+               display: inline-block;
+               font-family: var(--latest-posts--title-font-family);
+               font-size: var(--latest-posts--title-font-size);
+               font-weight: var(--heading--font-weight);
+               line-height: var(--global--line-height-heading);
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+       }
+
+       // Post author
+       .wp-block-latest-posts__post-author {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-md);
+               line-height: var(--global--line-height-body);
+       }
+
+       // Post date
+       .wp-block-latest-posts__post-date {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               line-height: var(--global--line-height-body);
+
+               [class*="inner-container"] &,
+               .has-background & {
+                       color: currentColor;
+               }
+       }
+
+       // Post content
+       .wp-block-latest-posts__post-excerpt,
+       .wp-block-latest-posts__post-full-content {
+               font-family: var(--latest-posts--description-font-family);
+               font-size: var(--latest-posts--description-font-size);
+               line-height: var(--global--line-height-body);
+               margin-top: calc(0.666 * var(--global--spacing-vertical));
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-latest-posts-dividers {
+               border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+               border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+
+               &:not(.is-grid) > li,
+               > li {
+                       padding-bottom: var(--global--spacing-vertical);
+                       border-bottom: var(--separator--height) solid var(--global--color-border);
+                       margin-top: var(--global--spacing-vertical);
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               padding-bottom: 0;
+                               border-bottom: none;
+                       }
+               }
+
+               &.is-grid {
+                       // Border moves up 1px to overlap the li borders in the last row.
+                       box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+                       border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+
+                       li {
+                               margin: 0;
+                               padding-top: var(--global--spacing-vertical);
+                               padding-right: var(--global--spacing-horizontal);
+
+                               &:last-child {
+                                       padding-bottom: var(--global--spacing-vertical);
+                               }
+                       }
+
+                       // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths.
+                       // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34
+                       @media screen and (min-width: 600px) {
+                               @for $i from 2 through 6 {
+                                       &.columns-#{ $i } li {
+                                               width: calc((100% / #{ $i }));
+                                       }
+                               }
+                       }
+               }
+       }
+
+       &.is-style-twentytwentyone-latest-posts-borders {
+
+               li {
+                       border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+                       padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+                       &:last-child {
+                               padding-bottom: var(--global--spacing-vertical);
+                               margin-bottom: var(--global--spacing-vertical);
+                       }
+               }
+
+               &:not(.is-grid) li {
+                       margin-top: var(--global--spacing-horizontal);
+                       margin-bottom: var(--global--spacing-horizontal);
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslatestposts_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,169 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts {
+       padding-left: 0;
+
+       // Vertical margins logic
+       &:not(.is-grid) > li {
+               margin-top: calc(1.666 * var(--global--spacing-vertical));
+               margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.is-grid {
+               word-wrap: break-word;
+               word-break: break-word;
+
+               > li {
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+
+               // Remove bottom margins in grid columns
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+                       margin-bottom: 0;
+               }
+       }
+
+       > li > * {
+               margin-top: calc(0.333 * var(--global--spacing-vertical));
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       // Post title
+       > li > a {
+               display: inline-block;
+               font-family: var(--latest-posts--title-font-family);
+               font-size: var(--latest-posts--title-font-size);
+               font-weight: var(--heading--font-weight);
+               line-height: var(--global--line-height-heading);
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+       }
+
+       // Post author
+       .wp-block-latest-posts__post-author {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-md);
+               line-height: var(--global--line-height-body);
+       }
+
+       // Post date
+       .wp-block-latest-posts__post-date {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               line-height: var(--global--line-height-body);
+
+               [class*="inner-container"] &,
+               .has-background & {
+                       color: currentColor;
+               }
+       }
+
+       // Post content
+       .wp-block-latest-posts__post-excerpt,
+       .wp-block-latest-posts__post-full-content {
+               font-family: var(--latest-posts--description-font-family);
+               font-size: var(--latest-posts--description-font-size);
+               line-height: var(--global--line-height-body);
+               margin-top: calc(0.666 * var(--global--spacing-vertical));
+       }
+
+       // Utility classes
+       &.alignfull {
+               padding-left: var(--global--spacing-unit);
+               padding-right: var(--global--spacing-unit);
+
+               .entry-content [class*="inner-container"] &,
+               .entry-content .has-background & {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-latest-posts-dividers {
+               border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+               border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+
+               &:not(.is-grid) > li,
+               > li {
+                       padding-bottom: var(--global--spacing-vertical);
+                       border-bottom: var(--separator--height) solid var(--global--color-border);
+                       margin-top: var(--global--spacing-vertical);
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               padding-bottom: 0;
+                               border-bottom: none;
+                       }
+               }
+
+               &.is-grid {
+                       // Border moves up 1px to overlap the li borders in the last row.
+                       box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+                       border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+
+                       li {
+                               margin: 0;
+                               padding-top: var(--global--spacing-vertical);
+                               padding-right: var(--global--spacing-horizontal);
+
+                               &:last-child {
+                                       padding-bottom: var(--global--spacing-vertical);
+                               }
+                       }
+
+                       // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths.
+                       // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34
+                       @media screen and (min-width: 600px) {
+                               @for $i from 2 through 6 {
+                                       &.columns-#{ $i } li {
+                                               width: calc((100% / #{ $i }));
+                                       }
+                               }
+                       }
+               }
+       }
+
+       &.is-style-twentytwentyone-latest-posts-borders {
+
+               li {
+                       border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+                       padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+                       &:last-child {
+                               padding-bottom: var(--global--spacing-vertical);
+                       }
+               }
+
+               &:not(.is-grid) li {
+                       margin-top: var(--global--spacing-horizontal);
+                       margin-bottom: var(--global--spacing-horizontal);
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,42 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-item {
+       display: inline-block;
+       text-align: center;
+       vertical-align: top;
+       width: 100%;
+
+       .gallery-columns-2 & {
+               max-width: 50%;
+       }
+
+       .gallery-columns-3 & {
+               max-width: 33.33%;
+       }
+
+       .gallery-columns-4 & {
+               max-width: 25%;
+       }
+
+       .gallery-columns-5 & {
+               max-width: 20%;
+       }
+
+       .gallery-columns-6 & {
+               max-width: 16.66%;
+       }
+
+       .gallery-columns-7 & {
+               max-width: 14.28%;
+       }
+
+       .gallery-columns-8 & {
+               max-width: 12.5%;
+       }
+
+       .gallery-columns-9 & {
+               max-width: 11.11%;
+       }
+}
+
+.gallery-caption {
+       display: block;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslegacy_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,55 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-item {
+       display: inline-block;
+       text-align: center;
+       vertical-align: top;
+       width: 100%;
+
+       a {
+               display: block;
+       }
+
+       a:focus img {
+               outline-offset: -2px;
+       }
+
+       .gallery-columns-2 & {
+               max-width: 50%;
+       }
+
+       .gallery-columns-3 & {
+               max-width: 33.33%;
+       }
+
+       .gallery-columns-4 & {
+               max-width: 25%;
+       }
+
+       .gallery-columns-5 & {
+               max-width: 20%;
+       }
+
+       .gallery-columns-6 & {
+               max-width: 16.66%;
+       }
+
+       .gallery-columns-7 & {
+               max-width: 14.28%;
+       }
+
+       .gallery-columns-8 & {
+               max-width: 12.5%;
+       }
+
+       .gallery-columns-9 & {
+               max-width: 11.11%;
+       }
+}
+
+.gallery-caption {
+       display: block;
+}
+
+// Legacy images, linked
+figure.wp-caption a:focus img {
+       outline-offset: 2px;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,32 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
+ol {
+       font-family: var(--list--font-family);
+       margin: var(--global--spacing-vertical) 0;
+       padding-left: calc(2 * var(--global--spacing-horizontal));
+
+       // Utility classes
+       &.aligncenter {
+               list-style-position: inside;
+               padding: 0;
+               text-align: center;
+       }
+
+       &.alignright {
+               list-style-position: inside;
+               padding: 0;
+               text-align: right;
+       }
+}
+
+li {
+
+       > ul,
+       > ol {
+               margin: 0;
+       }
+}
+
+dt {
+       font-family: var(--definition-term--font-family);
+       font-weight: bold;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockslist_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,36 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
+ol {
+       font-family: var(--list--font-family);
+       margin: 0;
+       padding-left: calc(2 * var(--global--spacing-horizontal));
+
+       // Utility classes
+       &.aligncenter {
+               list-style-position: inside;
+               padding: 0;
+       }
+
+       &.alignright {
+               list-style-position: inside;
+               text-align: right;
+               padding: 0;
+       }
+}
+
+ul {
+       list-style-type: disc;
+}
+
+ol {
+       list-style-type: decimal;
+}
+
+dt {
+       font-family: var(--definition-term--font-family);
+       font-weight: bold;
+}
+
+dd {
+       margin: 0;
+       padding-left: calc(2 * var(--global--spacing-horizontal));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text {
+
+       [data-align="full"] & {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       .wp-block-media-text__content {
+               padding: var(--global--spacing-horizontal);
+
+               [data-block]:first-child {
+                       margin-top: 0;
+               }
+
+               [data-block]:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksmediatext_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text {
+
+       &.alignfull {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       a:focus img {
+               outline-offset: -1px;
+       }
+
+       .wp-block-media-text__content {
+               padding: var(--global--spacing-horizontal);
+
+               @include media(tablet) {
+                       padding: var(--global--spacing-vertical);
+               }
+
+               > * {
+                       margin-top: calc(0.666 * var(--global--spacing-vertical));
+                       margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+
+                       @include media(mobile) {
+                               margin-top: var(--global--spacing-vertical);
+                               margin-bottom: var(--global--spacing-vertical);
+                       }
+
+                       &:first-child {
+                               margin-top: 0;
+                       }
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+       }
+
+       /**
+        * Block Options
+        */
+
+       &.is-stacked-on-mobile .wp-block-media-text__content {
+               @include media(mobile) {
+                       padding-top: var(--global--spacing-vertical);
+                       padding-bottom: var(--global--spacing-vertical);
+               }
+       }
+
+       // Block Styles
+       &.is-style-twentytwentyone-border {
+               border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,45 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation {
+
+       .wp-block-navigation__container {
+               background: var(--global--color-background);
+               padding: 0;
+       }
+
+       .wp-block-navigation-link {
+
+               .wp-block-navigation-link__content {
+                       padding: var(--primary-nav--padding);
+               }
+
+               .wp-block-navigation-link__label {
+                       font-family: var(--primary-nav--font-family);
+                       font-size: var(--primary-nav--font-size);
+                       font-weight: var(--primary-nav--font-weight);
+               }
+       }
+
+       .has-child {
+
+               .wp-block-navigation__container {
+                       box-shadow: var(--global--elevation);
+               }
+       }
+
+       &:not(.has-text-color) {
+
+               .wp-block-navigation-link {
+
+                       > a {
+
+                               &:hover,
+                               &:focus {
+                                       color: var(--primary-nav--color-link-hover);
+                               }
+                       }
+               }
+
+               .wp-block-navigation-link__content {
+                       color: currentColor;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksnavigation_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,128 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation {
+
+       .wp-block-navigation-link {
+               padding: 0;
+
+               .wp-block-navigation-link__content {
+                       padding: var(--primary-nav--padding);
+               }
+
+               .wp-block-navigation-link__label {
+                       font-family: var(--primary-nav--font-family);
+                       font-size: var(--primary-nav--font-size);
+                       font-weight: var(--primary-nav--font-weight);
+               }
+       }
+
+       .wp-block-navigation-link__submenu-icon {
+               padding: 0;
+       }
+
+       // Top level navigation container.
+       > .wp-block-navigation__container {
+
+               .has-child {
+
+                       .wp-block-navigation-link {
+                               display: inherit;
+                       }
+
+                       .wp-block-navigation__container {
+                               border: none;
+                               left: 0;
+                               margin-left: var(--primary-nav--padding);
+                               min-width: max-content;
+                               opacity: 0;
+                               padding: 0;
+                               position: inherit;
+                               top: inherit;
+
+                               .wp-block-navigation-link {
+
+                                       .wp-block-navigation-link__content {
+                                               display: inline-block;
+                                               padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
+                                       }
+                               }
+
+                               .wp-block-navigation-link__submenu-icon {
+                                       display: none;
+                               }
+                       }
+
+                       &:hover,
+                       &:focus-within {
+
+                               .wp-block-navigation__container {
+                                       display: block;
+                                       opacity: 1;
+                                       visibility: visible;
+                               }
+                       }
+               }
+
+               > .has-child {
+
+                       > .wp-block-navigation__container {
+                               background: var(--global--color-background);
+                               margin: 0;
+                               padding: 0;
+                               position: absolute;
+                               top: 100%;
+                               border: 1px solid var(--primary-nav--border-color);
+
+                               &:before,
+                               &:after {
+                                       content: "";
+                                       display: block;
+                                       position: absolute;
+                                       width: 0;
+                                       top: -10px;
+                                       left: var(--global--spacing-horizontal);
+                                       border-style: solid;
+                                       border-color: var(--primary-nav--border-color) transparent;
+                                       border-width: 0 7px 10px 7px;
+                               }
+
+                               &:after {
+                                       top: -9px;
+                                       border-color: var(--global--color-background) transparent;
+                               }
+                       }
+               }
+       }
+
+       &:not(.has-background) {
+
+               .wp-block-navigation__container {
+                       background: var(--global--color-background);
+
+                       .wp-block-navigation__container {
+                               background: var(--global--color-background);
+                       }
+               }
+       }
+
+       &:not(.has-text-color) {
+
+               .wp-block-navigation-link {
+
+                       > a {
+
+                               &:hover,
+                               &:focus {
+                                       color: var(--primary-nav--color-link-hover);
+                               }
+
+                               &:hover {
+                                       text-decoration: underline;
+                                       text-decoration-style: dotted;
+                               }
+                       }
+               }
+
+               .wp-block-navigation-link__content {
+                       color: currentColor;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p {
+       line-height: var(--wp--typography--line-height, --global--line-height-body);
+
+       &.has-background {
+               padding: var(--global--spacing-unit);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksparagraph_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p {
+
+       line-height: var(--wp--typography--line-height, --global--line-height-body);
+
+       // inherits general font style set at <body>
+       &.has-background {
+               padding: var(--global--spacing-unit);
+       }
+
+       // Override `color: inherit` from Core styles.
+       &.has-text-color a {
+               color: var(--wp--style--color--link, var(--global--color-primary));
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-preformatted {
+       overflow-x: auto;
+       white-space: pre !important;
+       font-size: var(--global--font-size-xs);
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspreformatted_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-preformatted {
+       overflow-x: auto;
+       white-space: pre;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,96 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote {
+       padding: calc(2 * var(--global--spacing-unit)) 0;
+       text-align: center;
+       border-width: var(--pullquote--border-width);
+       border-bottom-style: solid;
+       border-top-style: solid;
+       color: currentColor;
+       border-color: currentColor;
+       position: relative;
+
+       blockquote::before {
+               color: currentColor;
+               content: "\201C";
+               display: block;
+               font-size: 3rem;
+               font-weight: 500;
+               line-height: 1;
+       }
+
+       p {
+               font-family: var(--pullquote--font-family);
+               font-size: var(--pullquote--font-size);
+               font-style: var(--pullquote--font-style);
+               font-weight: 700;
+               letter-spacing: var(--pullquote--letter-spacing);
+               line-height: var(--pullquote--line-height);
+               margin: 0;
+       }
+
+       a {
+               color: currentColor;
+       }
+
+       .wp-block-pullquote__citation,
+       cite,
+       footer {
+               font-size: var(--global--font-size-xs);
+               font-style: var(--pullquote--font-style);
+               text-transform: none;
+       }
+
+       // Block Options
+       &:not(.is-style-solid-color) {
+               background: none;
+       }
+
+       &.is-style-solid-color {
+               margin-left: auto;
+               margin-right: auto;
+               padding: calc(2.5 * var(--global--spacing-unit));
+               border-width: var(--pullquote--border-width);
+               border-style: solid;
+               border-color: var(--pullquote--border-color);
+
+               @media ( min-width: 600px ) {
+                       padding: calc(5 * var(--global--spacing-unit));
+               }
+
+               blockquote::before {
+                       text-align: left;
+               }
+
+               &.alignleft blockquote,
+               &.alignright blockquote {
+                       padding-left: var(--global--spacing-unit);
+                       padding-right: var(--global--spacing-unit);
+                       max-width: inherit;
+               }
+
+               blockquote {
+                       margin: 0;
+                       max-width: 100%;
+
+                       p {
+                               font-size: var(--pullquote--font-size);
+                       }
+               }
+
+               .wp-block-pullquote__citation,
+               cite,
+               footer {
+                       color: currentColor;
+               }
+       }
+
+}
+
+.wp-block[data-align="full"] {
+
+       .wp-block-pullquote:not(.is-style-solid-color) {
+
+               blockquote {
+                       padding: 0 calc(2 * var(--global--spacing-unit));
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockspullquote_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,97 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote {
+       padding: calc(2 * var(--global--spacing-unit)) 0;
+       text-align: center;
+       border-width: var(--pullquote--border-width);
+       border-bottom-style: solid;
+       border-top-style: solid;
+       position: relative;
+
+       blockquote::before {
+               color: currentColor;
+               content: "\201C";
+               display: block;
+               font-size: 3rem;
+               font-weight: 500;
+               line-height: 1;
+       }
+
+       p {
+               font-family: var(--pullquote--font-family);
+               font-size: var(--pullquote--font-size);
+               font-style: var(--pullquote--font-style);
+               font-weight: 700;
+               letter-spacing: var(--pullquote--letter-spacing);
+               line-height: var(--pullquote--line-height);
+               margin: 0;
+       }
+
+       a {
+               color: currentColor;
+       }
+
+       .wp-block-pullquote__citation,
+       cite,
+       footer {
+               color: currentColor;
+               display: block;
+               font-size: var(--global--font-size-xs);
+               font-style: var(--pullquote--font-style);
+               text-transform: none;
+       }
+
+       /**
+        * Block Options
+        */
+       &:not(.is-style-solid-color) {
+               background: none;
+       }
+
+       &.alignleft {
+
+               blockquote:before,
+               cite {
+                       text-align: center;
+               }
+       }
+
+       &.alignwide > p,
+       &.alignwide blockquote {
+               max-width: var(--responsive--alignwide-width);
+
+       }
+
+       &.alignfull:not(.is-style-solid-color) > p,
+       &.alignfull:not(.is-style-solid-color) blockquote {
+               padding: 0 calc(2 * var(--global--spacing-unit));
+       }
+
+       &.is-style-solid-color {
+               color: var(--pullquote--color-foreground);
+               padding: calc(2.5 * var(--global--spacing-unit));
+               border-width: var(--pullquote--border-width);
+               border-style: solid;
+               border-color: var(--pullquote--border-color);
+
+               @media ( min-width: 600px ) {
+                       padding: calc(5 * var(--global--spacing-unit));
+               }
+
+               blockquote::before {
+                       text-align: left;
+               }
+
+               blockquote {
+                       max-width: inherit;
+
+                       p {
+                               font-size: var(--pullquote--font-size);
+                       }
+               }
+
+               .wp-block-pullquote__citation,
+               cite,
+               footer {
+                       color: currentColor;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,134 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote {
+       position: relative;
+       border-left: none;
+       margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
+
+       p {
+               font-family: var(--quote--font-family);
+               font-size: var(--quote--font-size);
+               font-style: var(--quote--font-style);
+               font-weight: var(--quote--font-weight);
+               line-height: var(--quote--line-height);
+       }
+
+       strong {
+               font-weight: var(--quote--font-weight-strong);
+       }
+
+       &:before {
+               content: "\201C";
+               font-size: var(--quote--font-size);
+               line-height: var(--quote--line-height);
+               position: absolute;
+               left: calc(-0.5 * var(--global--spacing-horizontal));
+       }
+
+       .wp-block-quote__citation {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               font-style: var(--quote--font-style-cite);
+
+               .has-background:not(.has-background-background-color) &,
+               [class*="background-color"]:not(.has-background-background-color) &,
+               [style*="background-color"]:not(.has-background-background-color) &,
+               .wp-block-cover[style*="background-image"] & {
+                       color: currentColor;
+               }
+       }
+
+       &.has-text-align-right {
+               margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+               padding-right: 0;
+               border-right: none;
+
+               &:before {
+                       content: "\201D";
+                       left: initial;
+                       right: calc(-0.5 * var(--global--spacing-horizontal));
+               }
+       }
+
+       &.has-text-align-center {
+               margin: var(--global--spacing-vertical) auto;
+
+               &:before {
+                       display: none;
+               }
+       }
+
+       &.is-large,
+       &.is-style-large {
+               padding-left: 0;
+
+               /* Resetting margins to match _block-container.scss */
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               p {
+                       font-size: var(--quote--font-size-large);
+                       font-style: var(--quote--font-style-large);
+                       line-height: var(--quote--line-height-large);
+               }
+
+               &:before {
+                       font-size: var(--quote--font-size-large);
+                       line-height: var(--quote--line-height-large);
+                       left: calc(-1 * var(--global--spacing-horizontal));
+               }
+
+               &.has-text-align-right {
+
+                       &:before {
+                               left: initial;
+                               right: calc(-1 * var(--global--spacing-horizontal));
+                       }
+               }
+
+               @include media(mobile-only) {
+                       padding-left: var(--global--spacing-horizontal);
+
+                       &:before {
+                               left: 0;
+                       }
+
+                       &.has-text-align-right {
+                               padding-left: 0;
+                               padding-right: var(--global--spacing-horizontal);
+
+                               &:before {
+                                       right: 0;
+                               }
+                       }
+               }
+       }
+
+       @include media(mobile-only) {
+               padding-left: calc(0.5 * var(--global--spacing-horizontal));
+
+               &:before {
+                       left: 0;
+               }
+
+               &.has-text-align-right {
+                       padding-left: 0;
+                       padding-right: calc(0.5 * var(--global--spacing-horizontal));
+
+                       &:before {
+                               right: 0;
+                       }
+               }
+
+               &.has-text-align-center {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+       }
+
+       @include media(mobile) {
+               margin-left: auto;
+
+               &.has-text-align-right {
+                       margin-right: auto;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksquote_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,113 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote {
+
+       .wp-block-quote__citation,
+       cite,
+       footer {
+
+               .has-background:not(.has-background-background-color) &,
+               [class*="background-color"]:not(.has-background-background-color) &,
+               [style*="background-color"] &,
+               .wp-block-cover[style*="background-image"] & {
+                       color: currentColor;
+               }
+       }
+
+       /**
+        * Block Options
+        */
+       &.has-text-align-right {
+               margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+               padding-right: 0;
+               border-right: none;
+
+               &:before {
+                       content: "\201D";
+                       left: initial;
+                       right: calc(-0.5 * var(--global--spacing-horizontal));
+               }
+       }
+
+       &.has-text-align-center {
+               margin: var(--global--spacing-vertical) auto;
+
+               &:before {
+                       display: none;
+               }
+       }
+
+       &.is-large,
+       &.is-style-large {
+               padding-left: 0;
+               padding-right: 0;
+
+               /* Resetting margins to match _block-container.scss */
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               p {
+                       font-size: var(--quote--font-size-large);
+                       font-style: var(--quote--font-style-large);
+                       line-height: var(--quote--line-height-large);
+               }
+
+               &:before {
+                       font-size: var(--quote--font-size-large);
+                       line-height: var(--quote--line-height-large);
+                       left: calc(-1 * var(--global--spacing-horizontal));
+               }
+
+               &.has-text-align-right {
+
+                       &:before {
+                               left: initial;
+                               right: calc(-1 * var(--global--spacing-horizontal));
+                       }
+               }
+
+               .wp-block-quote__citation,
+               cite,
+               footer {
+                       color: var(--global--color-primary);
+                       font-size: var(--global--font-size-sm);
+               }
+
+               @include media(mobile-only) {
+                       padding-left: var(--global--spacing-horizontal);
+
+                       &:before {
+                               left: 0;
+                       }
+
+                       &.has-text-align-right {
+                               padding-left: 0;
+                               padding-right: var(--global--spacing-horizontal);
+
+                               &:before {
+                                       right: 0;
+                               }
+                       }
+
+                       &.has-text-align-center {
+                               padding-left: 0;
+                               padding-right: 0;
+                       }
+               }
+       }
+
+       @include media(mobile-only) {
+
+               &.has-text-align-right {
+                       padding-left: 0;
+                       padding-right: calc(0.5 * var(--global--spacing-horizontal));
+
+                       &:before {
+                               right: 0;
+                       }
+               }
+
+               &.has-text-align-center {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,109 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss {
+       padding-left: 0;
+
+       > li {
+               list-style: none;
+       }
+
+       // Vertical margins logic
+       &:not(.is-grid) > li {
+               margin-top: calc(1.666 * var(--global--spacing-vertical));
+               margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.is-grid {
+
+               > li {
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+
+               // Remove bottom margins in grid columns
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+                       margin-bottom: 0;
+               }
+       }
+
+       > li > * {
+               margin-top: calc(0.333 * var(--global--spacing-vertical));
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       // Post title
+       .wp-block-rss__item-title > a {
+               display: inline-block;
+               font-family: var(--latest-posts--title-font-family);
+               font-size: var(--latest-posts--title-font-size);
+               font-weight: var(--heading--font-weight);
+               line-height: var(--global--line-height-heading);
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+       }
+
+       // Post author
+       .wp-block-rss__item-author {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-md);
+               line-height: var(--global--line-height-body);
+       }
+
+       // Post date
+       .wp-block-rss__item-publish-date {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               line-height: var(--global--line-height-body);
+
+               [class*="inner-container"] &,
+               .has-background & {
+                       color: currentColor;
+               }
+       }
+
+       // Post content
+       .wp-block-rss__item-excerpt,
+       .wp-block-rss__item-full-content {
+               font-family: var(--latest-posts--description-font-family);
+               font-size: var(--latest-posts--description-font-size);
+               line-height: var(--global--line-height-body);
+               margin-top: calc(0.666 * var(--global--spacing-vertical));
+       }
+
+       // Utility classes
+       &.alignfull {
+               padding-left: var(--global--spacing-unit);
+               padding-right: var(--global--spacing-unit);
+
+               .entry-content [class*="inner-container"] &,
+               .entry-content .has-background & {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksrss_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,109 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss {
+       padding-left: 0;
+
+       > li {
+               list-style: none;
+       }
+
+       // Vertical margins logic
+       &:not(.is-grid) > li {
+               margin-top: calc(1.666 * var(--global--spacing-vertical));
+               margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.is-grid {
+
+               > li {
+                       margin-bottom: var(--global--spacing-vertical);
+
+                       &:last-child {
+                               margin-bottom: 0;
+                       }
+               }
+
+               // Remove bottom margins in grid columns
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+               &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+               &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+               &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+               &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+               &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+                       margin-bottom: 0;
+               }
+       }
+
+       > li > * {
+               margin-top: calc(0.333 * var(--global--spacing-vertical));
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       // Post title
+       .wp-block-rss__item-title > a {
+               display: inline-block;
+               font-family: var(--latest-posts--title-font-family);
+               font-size: var(--latest-posts--title-font-size);
+               font-weight: var(--heading--font-weight);
+               line-height: var(--global--line-height-heading);
+               margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+       }
+
+       // Post author
+       .wp-block-rss__item-author {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-md);
+               line-height: var(--global--line-height-body);
+       }
+
+       // Post date
+       .wp-block-rss__item-publish-date {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               line-height: var(--global--line-height-body);
+
+               [class*="inner-container"] &,
+               .has-background & {
+                       color: currentColor;
+               }
+       }
+
+       // Post content
+       .wp-block-rss__item-excerpt,
+       .wp-block-rss__item-full-content {
+               font-family: var(--latest-posts--description-font-family);
+               font-size: var(--latest-posts--description-font-size);
+               line-height: var(--global--line-height-body);
+               margin-top: calc(0.666 * var(--global--spacing-vertical));
+       }
+
+       // Utility classes
+       &.alignfull {
+               padding-left: var(--global--spacing-unit);
+               padding-right: var(--global--spacing-unit);
+
+               .entry-content [class*="inner-container"] &,
+               .entry-content .has-background & {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,183 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search {
+       max-width: var(--responsive--aligndefault-width);
+
+       .wp-block-search__label {
+               font-size: var(--form--font-size);
+               font-weight: var(--form--label-weight);
+               margin-bottom: calc(var(--global--spacing-vertical) / 3);
+       }
+
+       .wp-block-search__input {
+               border: var(--form--border-width) solid var(--form--border-color);
+               border-radius: var(--form--border-radius);
+               font-family: var(--form--font-family);
+               font-size: var(--form--font-size);
+               line-height: var(--form--line-height);
+               max-width: inherit;
+               margin-right: calc(-1 * var(--button--border-width));
+               padding: var(--form--spacing-unit);
+
+               .is-dark-theme & {
+                       background: var(--global--color-white-90);
+               }
+
+               .has-background.has-white-background-color &,
+               .has-background.has-green-background-color &,
+               .has-background.has-blue-background-color &,
+               .has-background.has-purple-background-color &,
+               .has-background.has-red-background-color &,
+               .has-background.has-orange-background-color &,
+               .has-background.has-yellow-background-color & {
+
+                       .is-dark-theme & {
+                               border-color: var(--form--color-text);
+                       }
+               }
+
+               .has-background.has-gray-background-color &,
+               .has-background.has-dark-gray-background-color &,
+               .has-background.has-black-background-color & {
+                       border-color: var(--global--color-white);
+               }
+       }
+
+       .wp-block-search__button {
+               @include button-style();
+               box-shadow: none;
+               margin-left: 0;
+               background-color: transparent;
+               color: var(--button--color-text-hover);
+
+               &:hover {
+                       color: var(--button--color-text);
+                       background-color: var(--button--color-background);
+               }
+
+               &.has-icon {
+                       padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+
+                       svg {
+                               width: 40px;
+                               height: 40px;
+                       }
+               }
+
+               .has-background.has-gray-background-color &,
+               .has-background.has-dark-gray-background-color &,
+               .has-background.has-black-background-color & {
+                       color: var(--global--color-white);
+                       border-color: currentColor;
+
+                       &:hover {
+                               color: var(--global--color-white);
+                               background-color: var(--button--color-background);
+                               border-color: var(--global--color-white);
+
+                               .is-dark-theme & {
+                                       color: var(--button--color-text);
+                                       background-color: var(--button--color-background);
+                               }
+                       }
+               }
+
+               .has-background.has-white-background-color &,
+               .has-background.has-green-background-color &,
+               .has-background.has-blue-background-color &,
+               .has-background.has-purple-background-color &,
+               .has-background.has-red-background-color &,
+               .has-background.has-orange-background-color &,
+               .has-background.has-yellow-background-color & {
+
+                       &:hover {
+                               color: var(--global--color-white);
+                               background-color: var(--form--border-color);
+                               border-color: var(--form--border-color);
+                       }
+
+                       .is-dark-theme & {
+                               color: var(--form--color-text);
+                               border-color: currentColor;
+
+                               &:hover {
+                                       color: var(--global--color-white);
+                                       background-color: var(--button--color-text);
+                                       border-color: var(--button--color-text);
+                               }
+                       }
+               }
+       }
+
+       &.wp-block-search__button-inside {
+
+               .wp-block-search__input,
+               .has-background.has-white-background-color & .wp-block-search__input,
+               .has-background.has-green-background-color & .wp-block-search__input,
+               .has-background.has-blue-background-color & .wp-block-search__input,
+               .has-background.has-purple-background-color & .wp-block-search__input,
+               .has-background.has-red-background-color & .wp-block-search__input,
+               .has-background.has-orange-background-color & .wp-block-search__input,
+               .has-background.has-yellow-background-color & .wp-block-search__input {
+                       border: none;
+               }
+
+               &.wp-block-search__text-button {
+
+                       .wp-block-search__button {
+                               // Match the text button size with the icon button.
+                               padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+                       }
+               }
+
+               .wp-block-search__button {
+
+                       .is-dark-theme & {
+                               color: var(--button--color-text);
+                               border-color: currentColor;
+
+                               &:hover {
+                                       color: var(--global--color-white);
+                                       background-color: var(--button--color-text);
+                                       border-color: var(--button--color-text);
+                               }
+                       }
+
+                       .has-background.has-gray-background-color &,
+                       .has-background.has-dark-gray-background-color &,
+                       .has-background.has-black-background-color & {
+                               color: var(--button--color-text-hover);
+                               border-color: currentColor;
+
+                               &:hover {
+                                       color: var(--global--color-white);
+                                       background-color: var(--button--color-background);
+                                       border-color: var(--button--color-background);
+                               }
+
+                               .is-dark-theme & {
+                                       color: var(--button--color-text);
+                                       border-color: currentColor;
+
+                                       &:hover {
+                                               color: var(--global--color-white);
+                                               background-color: var(--button--color-text);
+                                               border-color: var(--button--color-text);
+                                       }
+                               }
+                       }
+               }
+       }
+}
+
+.wp-block[data-align="center"] > * {
+       text-align: center;
+}
+
+.wp-block[data-align="center"] {
+
+       .wp-block-search__button-only {
+
+               .wp-block-search__inside-wrapper {
+                       justify-content: center;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssearch_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,162 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search {
+       max-width: var(--responsive--aligndefault-width);
+
+       &__button-inside {
+
+               .wp-block-search__inside-wrapper {
+                       background-color: var(--global--color-white);
+               }
+       }
+
+       &__button-only.aligncenter {
+
+               .wp-block-search__inside-wrapper {
+                       justify-content: center;
+               }
+       }
+
+       .wp-block-search__label {
+               font-size: var(--form--font-size);
+               font-weight: var(--form--label-weight);
+               margin-bottom: calc(var(--global--spacing-vertical) / 3);
+       }
+
+       .wp-block-search__input {
+               border: var(--form--border-width) solid var(--form--border-color);
+               border-radius: var(--form--border-radius);
+               color: var(--form--color-text);
+               line-height: var(--form--line-height);
+               max-width: inherit;
+               margin-right: calc(-1 * var(--button--border-width));
+               padding: var(--form--spacing-unit);
+
+               &:focus {
+                       color: var(--form--color-text);
+                       border-color: var(--form--border-color);
+               }
+
+               .has-background:not(.has-background-background-color) &,
+               [class*="background-color"]:not(.has-background-background-color) &,
+               [style*="background-color"] &,
+               .wp-block-cover[style*="background-image"] & {
+                       border-color: currentColor;
+               }
+
+               .has-background.has-gray-background-color &,
+               .has-background.has-dark-gray-background-color &,
+               .has-background.has-black-background-color & {
+                       border-color: var(--global--color-white);
+               }
+       }
+
+       button.wp-block-search__button {
+               margin-left: 0;
+               background-color: transparent;
+               color: var(--button--color-text-hover);
+               line-height: 1;
+
+               &:hover {
+                       background-color: var(--button--color-background);
+                       color: var(--button--color-text);
+               }
+
+               &.has-icon {
+                       padding: 6px calc(0.5 * var(--button--padding-horizontal));
+
+                       svg {
+                               width: 40px;
+                               height: 40px;
+                               fill: currentColor;
+                       }
+               }
+
+               .has-background.has-gray-background-color &,
+               .has-background.has-dark-gray-background-color &,
+               .has-background.has-black-background-color & {
+                       color: var(--global--color-white);
+                       border-color: currentColor;
+
+                       &:hover {
+                               background-color: var(--button--color-background);
+                               border-color: var(--global--color-white);
+                               color: var(--global--color-white);
+
+                               .is-dark-theme & {
+                                       color: var(--button--color-text);
+                               }
+                       }
+               }
+
+               .has-background.has-white-background-color &,
+               .has-background.has-green-background-color &,
+               .has-background.has-blue-background-color &,
+               .has-background.has-purple-background-color &,
+               .has-background.has-red-background-color &,
+               .has-background.has-orange-background-color &,
+               .has-background.has-yellow-background-color & {
+                       border-color: currentColor;
+                       color: currentColor;
+
+                       &:hover {
+                               background-color: var(--form--border-color);
+                               border-color: var(--form--border-color);
+                               color: var(--global--color-white);
+
+                               .is-dark-theme & {
+                                       border-color: var(--button--color-text);
+                                       background-color: var(--button--color-text);
+                                       color: var(--button--color-background);
+                               }
+                       }
+               }
+       }
+
+       &.wp-block-search__button-inside {
+
+               &.wp-block-search__text-button {
+
+                       button.wp-block-search__button {
+                               // Match the text button size with the icon button.
+                               padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+                       }
+               }
+
+               button.wp-block-search__button {
+
+                       .has-background.has-gray-background-color &,
+                       .has-background.has-dark-gray-background-color &,
+                       .has-background.has-black-background-color & {
+                               border-color: var(--button--color-background);
+                               color: var(--button--color-background);
+
+                               &:hover {
+                                       color: var(--global--color-white);
+                               }
+
+                               .is-dark-theme & {
+                                       border-color: var(--button--color-text);
+                                       color: var(--button--color-text);
+
+                                       &:hover {
+                                               color: var(--global--color-white);
+                                       }
+                               }
+                       }
+
+                       .is-dark-theme & {
+                               border-color: var(--button--color-text);
+                               color: var(--button--color-text);
+
+                               &:hover {
+                                       border-color: var(--button--color-text);
+                                       background-color: var(--button--color-text);
+                                       color: var(--button--color-background);
+                               }
+                       }
+               }
+       }
+}
+
+.wp-block-search__button {
+       box-shadow: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,48 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-separator,
+hr {
+       border-bottom: var(--separator--height) solid var(--separator--border-color);
+       clear: both;
+       opacity: 1;
+
+       &[style*="text-align:right"],
+       &[style*="text-align: right"] {
+               border-right-color: var(--separator--border-color);
+       }
+
+       &:not(.is-style-dots) {
+               max-width: var(--responsive--aligndefault-width);
+       }
+
+       [data-align="full"] > &,
+       [data-align="wide"] > & {
+               max-width: inherit;
+       }
+
+       &.is-style-twentytwentyone-separator-thick {
+               border-bottom-width: calc(3 * var(--separator--height));
+       }
+
+       &.is-style-dots {
+               border-bottom: none;
+
+               &.has-background,
+               &.has-text-color {
+                       background-color: transparent !important;
+
+                       &:before {
+                               color: currentColor !important;
+                       }
+               }
+
+               &:before {
+                       color: var(--separator--border-color);
+               }
+       }
+
+       .has-background:not(.has-background-background-color) &,
+       [class*="background-color"]:not(.has-background-background-color) &,
+       [style*="background-color"]:not(.has-background-background-color) &,
+       .wp-block-cover[style*="background-image"] & {
+               border-color: currentColor;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksseparator_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,52 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr {
+       border-style: none;
+       border-bottom: var(--separator--height) solid var(--separator--border-color);
+       clear: both;
+       margin-left: auto;
+       margin-right: auto;
+
+       &.wp-block-separator {
+               border-bottom: var(--separator--height) solid var(--separator--border-color);
+
+               &:not(.is-style-dots):not(.alignwide) {
+                       max-width: var(--responsive--aligndefault-width);
+
+                       &.alignfull {
+                               max-width: var(--responsive--alignfull-width);
+                       }
+               }
+
+               /**
+                * Block Options
+                */
+               &.is-style-twentytwentyone-separator-thick {
+                       border-bottom-width: calc(3 * var(--separator--height));
+               }
+
+               &.is-style-dots {
+
+                       &.has-background,
+                       &.has-text-color {
+                               background-color: transparent !important;
+
+                               &:before {
+                                       color: currentColor !important;
+                               }
+                       }
+
+                       &:before {
+                               color: var(--separator--border-color);
+                               font-size: var(--global--font-size-xl);
+                               letter-spacing: var(--global--font-size-sm);
+                               padding-left: var(--global--font-size-sm);
+                       }
+               }
+
+               .has-background:not(.has-background-background-color) &,
+               [class*="background-color"]:not(.has-background-background-color) &,
+               [style*="background-color"] &,
+               .wp-block-cover[style*="background-image"] & {
+                       border-color: currentColor;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-social-links {
+
+       // Social icons are horizontal, so they don't need vertical spacing.
+       [data-block] {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       &.is-style-twentytwentyone-social-icons-color {
+
+               button {
+                       color: var(--global--color-primary);
+               }
+
+               .wp-social-link {
+                       background: none;
+               }
+       }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockssocialicons_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,11 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-social-links.is-style-twentytwentyone-social-icons-color {
+
+       a {
+               color: var(--global--color-primary);
+       }
+
+       .wp-social-link {
+               background: none;
+       }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksspacer_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,13 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-spacer {
+       display: block;
+       // Remove vertical margins
+       margin-bottom: 0 !important;
+       margin-top: 0 !important;
+
+       @include media(mobile-only) {
+
+               &[style] {
+                       height: var(--global--spacing-unit) !important;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table,
+.wp-block-table {
+
+       th {
+               font-family: var(--heading--font-family);
+       }
+
+       td,
+       th {
+               padding: calc(0.5 * var(--global--spacing-unit));
+       }
+
+       &.is-style-regular .has-background,
+       &.is-style-stripes .has-background thead tr,
+       &.is-style-stripes .has-background tfoot tr,
+       &.is-style-stripes .has-background tbody tr:nth-child(even) {
+               color: var(--table--has-background-text-color);
+       }
+
+       &.is-style-stripes {
+               border-color: var(--table--stripes-border-color);
+
+               th,
+               td {
+                       border-width: 0;
+               }
+
+               tbody tr:nth-child(odd) {
+                       background-color: var(--table--stripes-background-color);
+               }
+       }
+}
+
+table.wp-calendar-table {
+
+       td,
+       th {
+               background: transparent;
+               border: 0;
+               text-align: center;
+               line-height: 2;
+               vertical-align: middle;
+       }
+
+       th {
+               font-weight: bold;
+       }
+
+       thead,
+       tbody {
+               color: currentColor;
+               border: 1px solid;
+       }
+
+       caption {
+               font-weight: bold;
+               text-align: left;
+               margin-bottom: var(--global--spacing-unit);
+               color: currentColor;
+       }
+}
+
+.wp-calendar-nav {
+       text-align: left;
+       margin-top: calc(var(--global--spacing-unit) / 2);
+
+       svg {
+               height: 1em;
+               vertical-align: middle;
+
+               path {
+                       fill: currentColor;
+               }
+       }
+
+       .wp-calendar-nav-next {
+               float: right;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstable_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,84 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table,
+.wp-block-table {
+       width: 100%;
+       min-width: 240px;
+       border-collapse: collapse;
+
+       th {
+               font-family: var(--heading--font-family);
+       }
+
+       td,
+       th {
+               padding: calc(0.5 * var(--global--spacing-unit));
+               border: 1px solid;
+       }
+
+       &.is-style-regular .has-background,
+       &.is-style-stripes .has-background thead tr,
+       &.is-style-stripes .has-background tfoot tr,
+       &.is-style-stripes .has-background tbody tr:nth-child(even) {
+               color: var(--table--has-background-text-color);
+       }
+
+       &.is-style-stripes {
+               border-color: var(--table--stripes-border-color);
+
+               th,
+               td {
+                       border-width: 0;
+               }
+
+               tbody tr:nth-child(odd) {
+                       background-color: var(--table--stripes-background-color);
+               }
+       }
+}
+
+table.wp-calendar-table {
+
+       td,
+       th {
+               background: transparent;
+               border: 0;
+               text-align: center;
+               line-height: 2;
+               vertical-align: middle;
+               word-break: normal;
+       }
+
+       th {
+               font-weight: bold;
+       }
+
+       thead,
+       tbody {
+               color: currentColor;
+               border: 1px solid;
+       }
+
+       caption {
+               font-weight: bold;
+               text-align: left;
+               margin-bottom: var(--global--spacing-unit);
+               color: currentColor;
+       }
+}
+
+.wp-calendar-nav {
+       text-align: left;
+       margin-top: calc(var(--global--spacing-unit) / 2);
+
+       svg {
+               height: 1em;
+               vertical-align: middle;
+
+               path {
+                       fill: currentColor;
+               }
+       }
+
+       .wp-calendar-nav-next {
+               float: right;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-tag-cloud {
+
+       &.aligncenter {
+               text-align: center;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blockstagclould_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,7 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-tag-cloud {
+
+       &.alignfull {
+               padding-left: var(--global--spacing-unit);
+               padding-right: var(--global--spacing-unit);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,143 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+* Editor Post Title
+* - Needs a special styles
+*/
+
+// Post title style
+.wp-block.editor-post-title__block {
+       border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
+       max-width: var(--responsive--alignwide-width);
+
+       .editor-post-title__input {
+               color: var(--global--color-secondary);
+               font-family: var(--heading--font-family);
+               font-size: var(--global--font-size-page-title);
+               font-weight: var(--heading--font-weight-page-title);
+               line-height: var(--heading--line-height-h1);
+       }
+}
+
+// Editor UI font styles
+.wp-block.block-editor-default-block-appender > textarea {
+       font-family: var(--global--font-secondary);
+       font-size: var(--global--font-size-md);
+}
+
+// Gutenberg text color options
+
+.has-primary-color[class] {
+       color: var(--global--color-primary);
+}
+
+.has-secondary-color[class] {
+       color: var(--global--color-secondary);
+}
+
+// Gutenberg background-color options
+.has-background {
+
+       &:not(.has-background-background-color) a:not(.wp-block-button__link),
+       p,
+       h1,
+       h2,
+       h3,
+       h4,
+       h5,
+       h6 {
+               color: currentColor;
+       }
+}
+
+.has-primary-background-color[class] {
+       background-color: var(--global--color-primary);
+       color: var(--global--color-background);
+}
+
+.has-secondary-background-color[class] {
+       background-color: var(--global--color-secondary);
+       color: var(--global--color-background);
+}
+
+.has-white-background-color[class] {
+       background-color: var(--global--color-white);
+       color: var(--global--color-secondary);
+}
+
+.has-black-background-color[class] {
+       background-color: var(--global--color-black);
+       color: var(--global--color-primary);
+}
+
+/**
+ * Spacing Overrides
+ */
+
+[data-block] {
+       margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
+
+       [data-block]:first-child {
+               margin-top: 0;
+       }
+
+       // Needs to be the second-last child to avoid applying this to the appender.
+       [data-block]:nth-last-child(2) {
+               margin-bottom: 0;
+       }
+}
+
+/* Block Alignments */
+.wp-block {
+
+       // Gutenberg injects a rule that limits the max width of .wp-block to 580px
+       // This line overrides it to use the responsive spacing rules for default width content
+       max-width: var(--responsive--aligndefault-width);
+
+       // Use the theme's max-width for wide alignment.
+       &[data-align="wide"],
+       &.alignwide {
+               max-width: var(--responsive--alignwide-width);
+       }
+
+       &[data-align="full"],
+       &.alignfull {
+               max-width: none;
+       }
+}
+
+.alignleft {
+       margin: 0;
+       margin-right: var(--global--spacing-horizontal);
+}
+
+.alignright {
+       margin: 0;
+       margin-left: var(--global--spacing-horizontal);
+}
+
+// Drop cap
+.has-drop-cap:not(:focus)::first-letter {
+       font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
+       line-height: 0.66;
+       text-transform: uppercase;
+       font-style: normal;
+       float: left;
+       margin: 0.1em 0.1em 0 0;
+       font-size: calc(1.2 * var(--heading--font-size-h1));
+}
+
+@media only screen and (min-width: 482px) {
+
+       .wp-block[data-align="left"] > * {
+               max-width: 290px;
+               margin-right: var(--global--spacing-horizontal);
+       }
+
+       .wp-block[data-align="right"] > * {
+               max-width: 290px;
+               margin-left: var(--global--spacing-horizontal);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_fontsizesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Gutenberg Font-size utility classes
+:root {
+
+       .is-extra-small-text,
+       .has-extra-small-font-size {
+               font-size: var(--global--font-size-xs);
+       }
+
+       .is-small-text,
+       .has-small-font-size {
+               font-size: var(--global--font-size-sm);
+       }
+
+       .is-regular-text,
+       .has-regular-font-size,
+       .is-normal-font-size,
+       .has-normal-font-size,
+       .has-medium-font-size {
+               font-size: var(--global--font-size-base);
+       }
+
+       .is-large-text,
+       .has-large-font-size {
+               font-size: var(--global--font-size-lg);
+               line-height: var(--global--line-height-heading);
+       }
+
+       .is-larger-text,
+       .has-larger-font-size,
+       .is-extra-large-text,
+       .has-extra-large-font-size {
+               font-size: var(--global--font-size-xl);
+               line-height: var(--global--line-height-heading);
+       }
+
+       .is-huge-text,
+       .has-huge-font-size {
+               font-size: var(--global--font-size-xxl);
+               line-height: var(--global--line-height-heading);
+
+               // This size is meant to mimic the page titles, so the font weight is reduced to match.
+               font-weight: var(--heading--font-weight-page-title);
+       }
+
+       .is-gigantic-text,
+       .has-gigantic-font-size {
+               font-size: var(--global--font-size-xxxl);
+               line-height: var(--global--line-height-heading);
+
+               // This size is meant to mimic the page titles, so the font weight is reduced to match.
+               font-weight: var(--heading--font-weight-page-title);
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksutilities_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,160 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Block Alignments */
+
+/**
+ * These selectors set the default max width for content appearing inside a post or page.
+ */
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+       @extend %responsive-aligndefault-width;
+}
+
+/**
+ * .alignleft
+ */
+.alignleft {
+
+       /*rtl:ignore*/
+       text-align: left;
+
+       margin-top: 0;
+}
+
+// Targeting the .entry-content class is necessary to ensure these styles
+// only apply when the block isn't nested.
+.entry-content > .alignleft {
+       max-width: var(--responsive--aligndefault-width);
+       @extend %responsive-alignleft;
+}
+
+@include media(mobile) {
+
+       .alignleft {
+
+               /*rtl:ignore*/
+               float: left;
+
+               /*rtl:ignore*/
+               margin-right: var(--global--spacing-horizontal);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+
+       .entry-content > .alignleft {
+               max-width: calc(50% - var(--responsive--alignleft-margin));
+       }
+}
+
+/**
+ * .aligncenter
+ */
+.aligncenter {
+       clear: both;
+       display: block;
+       float: none;
+       margin-right: auto;
+       margin-left: auto;
+       text-align: center;
+}
+
+/**
+ * .alignright
+ */
+.alignright {
+
+       margin-top: 0;
+       margin-bottom: var(--global--spacing-vertical);
+}
+
+// Targeting the .entry-content class is necessary to ensure these styles
+// only apply when the block isn't nested.
+.entry-content > .alignright {
+       max-width: var(--responsive--aligndefault-width);
+       @extend %responsive-alignright;
+}
+
+@include media(mobile) {
+
+       .alignright {
+
+               /*rtl:ignore*/
+               float: right;
+
+               /*rtl:ignore*/
+               margin-left: var(--global--spacing-horizontal);
+       }
+
+       .entry-content > .alignright {
+               max-width: calc(50% - var(--responsive--alignright-margin));
+       }
+}
+
+// Make sure siblings of floated elements are top-aligned when nested
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
+       margin-top: 0;
+}
+
+/**
+ * .alignwide
+ */
+.alignwide {
+       clear: both;
+       @extend %responsive-alignwide-width;
+}
+
+.alignwide [class*="inner-container"] > .alignwide {
+       @extend %responsive-alignwide-width-nested;
+}
+
+/**
+ * .alignfull
+ */
+.alignfull {
+       clear: both;
+       @extend %responsive-alignfull-width-mobile;
+       @extend %responsive-alignfull-width;
+}
+
+.alignfull [class*="inner-container"] > .alignwide {
+       @extend %responsive-alignwide-width-nested;
+}
+
+// Content alignment
+.has-left-content {
+       justify-content: flex-start;
+}
+
+.has-right-content {
+       justify-content: flex-end;
+}
+
+// Parallax
+.has-parallax {
+       background-attachment: fixed;
+}
+
+// Drop caps
+.has-drop-cap:not(:focus)::first-letter {
+       font-family: var(--heading--font-family);
+       font-weight: var(--heading--font-weight);
+       line-height: 0.66;
+       text-transform: uppercase;
+       font-style: normal;
+       float: left;
+       margin: 0.1em 0.1em 0 0;
+       font-size: calc(1.2 * var(--heading--font-size-h1));
+}
+
+.has-drop-cap:not(:focus)::after {
+       content: "";
+       display: table;
+       clear: both;
+       padding-top: 14px;
+}
+
+.desktop-only {
+       display: none;
+
+       @include media(mobile) {
+               display: block;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_editorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+pre.wp-block-verse {
+       padding: 0;
+       color: currentColor;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksverse_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-verse {
+       font-family: var(--entry-content--font-family);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass05blocksvideo_stylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,16 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-video {
+
+       figcaption {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               margin-top: calc(0.5 * var(--global--spacing-unit));
+               margin-bottom: var(--global--spacing-unit);
+               text-align: center;
+       }
+}
+
+* > figure > video {
+       max-width: unset;
+       width: 100%;
+       vertical-align: middle;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06components404scss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.error404 main p {
+       font-size: var(--global--font-size-lg);
+       margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/404.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsarchivesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,68 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.page-title {
+       font-size: var(--global--font-size-page-title);
+}
+
+h1.page-title,
+h2.page-title {
+       font-weight: var(--heading--font-weight-page-title);
+}
+
+h1.page-title {
+       line-height: var(--heading--line-height-h1);
+}
+
+.page-header {
+       border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+}
+
+.archive,
+.search,
+.blog {
+
+       .content-area {
+
+               .format-aside,
+               .format-status,
+               .format-link {
+
+                       .entry-content {
+                               font-size: var(--global--font-size-lg);
+                       }
+               }
+
+       }
+
+       .format-image,
+       .format-gallery,
+       .format-video {
+
+               .entry-content {
+                       margin-top: calc(2 * var(--global--spacing-vertical));
+               }
+       }
+
+       .entry-footer {
+
+               .cat-links,
+               .tags-links {
+                       display: block;
+               }
+       }
+
+       &.logged-in {
+
+               .entry-footer {
+
+                       .posted-on {
+                               margin-right: calc(0.5 * var(--global--spacing-unit));
+                       }
+               }
+       }
+}
+
+.archive-description {
+       margin-top: var(--global--spacing-vertical);
+       font-size: var(--global--font-size-xl);
+       line-height: var(--global--line-height-heading);
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/archives.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentscommentsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss                               (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,292 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Comments Wrapper
+ */
+.comments-area {
+
+       > * {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+       }
+
+       &.show-avatars {
+
+               .avatar {
+                       border-radius: 50%;
+                       position: absolute;
+                       top: 10px;
+               }
+
+               .fn {
+                       display: inline-block;
+                       padding-left: 85px;
+               }
+
+               .comment-metadata {
+                       padding: 8px 0 9px 85px;
+               }
+
+       }
+}
+
+/**
+ * Comment Title
+ */
+
+.comments-title,
+.comment-reply-title {
+       font-size: var(--heading--font-size-h2);
+       letter-spacing: var(--heading--letter-spacing-h2);
+}
+
+.comment-reply-title {
+       display: flex;
+       justify-content: space-between;
+
+       small {
+
+               a {
+                       font-family: var(--global--font-secondary);
+                       font-size: var(--global--font-size-xs);
+                       font-style: normal;
+                       font-weight: normal;
+                       letter-spacing: normal;
+               }
+       }
+}
+
+/* Nested comment reply title*/
+.comment .comment-respond .comment-reply-title {
+       font-size: var(--global--font-size-lg);
+}
+
+/**
+ * Comment Lists
+ */
+.comment-list {
+       padding-left: 0;
+       list-style: none;
+
+       > li {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+
+}
+
+.comment-list .children {
+       list-style: none;
+       padding-left: 0;
+
+       > li {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+
+}
+
+.comment-list .depth-2,
+.comment-list .depth-3 {
+       @include media(mobile) {
+               padding-left: calc(4 * var(--global--spacing-horizontal));
+       }
+}
+
+/**
+ * Comment Meta
+ */
+.comment-meta {
+
+       .comment-author {
+               line-height: var(--global--line-height-heading);
+               margin-bottom: calc(0.25 * var(--global--spacing-unit));
+
+               @include media(mobile) {
+                       margin-bottom: 0;
+                       padding-right: 0;
+               }
+
+               .fn {
+                       font-family: var(--global--font-secondary);
+                       font-weight: normal;
+                       font-size: var(--global--font-size-lg);
+                       hyphens: auto;
+                       word-wrap: break-word;
+                       word-break: break-word;
+               }
+
+       }
+
+       .comment-metadata {
+               color: var(--global--color-primary);
+               font-size: var(--global--font-size-xs);
+               padding: 8px 0 9px 0;
+
+               .edit-link {
+                       margin-left: var(--global--spacing-horizontal);
+               }
+
+       }
+
+       @include media(mobile) {
+               margin-right: inherit;
+
+               .comment-author {
+                       max-width: inherit;
+               }
+       }
+}
+
+.reply {
+       font-size: var(--global--font-size-sm);
+       line-height: var(--global--line-height-heading);
+}
+
+.bypostauthor {
+       display: block;
+}
+
+.says {
+       display: none;
+}
+
+.pingback .url,
+.trackback .url {
+       font-family: var(--global--font-primary);
+}
+
+// Comment body
+.comment-body {
+       position: relative;
+       margin-bottom: calc(1.7 * var(--global--spacing-vertical));
+
+       > * {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+       }
+
+       .reply {
+               margin: 0;
+       }
+}
+
+.comment-content a {
+       word-wrap: break-word;
+}
+
+// Pingbacks & Trackbacks
+.pingback .comment-body,
+.trackback .comment-body {
+       margin-top: var(--global--spacing-vertical);
+       margin-bottom: var(--global--spacing-vertical);
+}
+
+.comment-respond {
+       margin-top: var(--global--spacing-vertical);
+}
+
+.comment-respond > * {
+       margin-top: var(--global--spacing-unit);
+       margin-bottom: var(--global--spacing-unit);
+
+       &:first-child {
+               margin-top: 0;
+       }
+
+       &:last-child {
+               margin-bottom: 0;
+
+               &.comment-form {
+                       margin-bottom: var(--global--spacing-vertical);
+               }
+       }
+}
+
+.comment-author {
+       padding-top: 3px;
+
+       .url {
+               color: currentColor;
+       }
+}
+
+.comment-form {
+       display: flex;
+       flex-wrap: wrap;
+
+       > * {
+               flex-basis: 100%;
+       }
+
+       .comment-notes {
+               font-size: var(--global--font-size-sm);
+       }
+
+       .comment-form-url,
+       .comment-form-comment {
+               width: 100%;
+       }
+
+       .comment-form-author,
+       .comment-form-email {
+               flex-basis: 0;
+               flex-grow: 1;
+
+               @include media(mobile-only) {
+                       flex-basis: 100%;
+               }
+       }
+
+       .comment-form-cookies-consent > label,
+       .comment-notes {
+               font-size: var(--global--font-size-xs);
+               font-weight: normal;
+       }
+}
+
+.comment-form > p {
+       margin-bottom: var(--global--spacing-unit);
+
+       &:first-of-type {
+               margin-top: 0;
+       }
+
+       &:last-of-type {
+               margin-bottom: 0;
+       }
+
+       label,
+       input[type="email"],
+       input[type="text"],
+       input[type="url"],
+       textarea {
+               display: block;
+               font-size: var(--global--font-size-sm);
+               margin-bottom: calc(.5 * var(--global--spacing-unit));
+               width: 100%;
+               font-weight: var(--form--label-weight);
+       }
+
+       &.comment-form-cookies-consent {
+               display: flex;
+       }
+
+       @include media(mobile) {
+
+               &.comment-form-author {
+                       margin-right: calc(1.5 * var(--global--spacing-horizontal));
+               }
+
+               &.comment-notes,
+               &.logged-in-as {
+                       display: block;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/comments.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentseditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,44 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+html {
+       font-family: var(--global--font-secondary);
+       line-height: var(--global--line-height-body);
+}
+
+body {
+       --wp--typography--line-height: var(--global--line-height-body);
+       color: var(--global--color-primary);
+       background-color: var(--global--color-background);
+       font-family: var(--global--font-secondary);
+       font-size: var(--global--font-size-base);
+       font-weight: normal;
+       -moz-osx-font-smoothing: grayscale;
+       -webkit-font-smoothing: antialiased;
+}
+
+// Links styles
+.wp-block a {
+       color: var(--wp--style--color--link, var(--global--color-primary));
+
+       &:hover {
+               text-decoration-style: dotted;
+       }
+
+       &:focus {
+               outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+               text-decoration: none;
+       }
+}
+
+// Enforce the custom link color even if a custom background color has been set.
+// The extra specificity here is required to override the background color styles.
+.has-background:not(.has-background-background-color) {
+       // Target both current level and nested block.
+       .has-link-color a,
+       &.has-link-color a {
+               color: var(--wp--style--color--link, var(--global--color-primary));
+       }
+}
+
+button,
+a {
+       cursor: pointer;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsentryscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss                          (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,214 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-title {
+
+       color: var(--entry-header--color);
+       font-size: var(--entry-header--font-size);
+       letter-spacing: var(--heading--letter-spacing-h2);
+       line-height: var(--heading--line-height-h2);
+       overflow-wrap: break-word;
+
+       a {
+               color: var(--entry-header--color-link);
+               text-underline-offset: 0.15em;
+
+               &:hover {
+                       color: var(--entry-header--color-hover);
+               }
+
+               &:focus {
+                       color: var(--entry-header--color-focus);
+               }
+
+               &:active {
+                       color: var(--entry-header--color-link);
+               }
+       }
+}
+
+.singular .entry-title {
+       font-size: var(--global--font-size-page-title);
+}
+
+h1.entry-title {
+       line-height: var(--heading--line-height-h1);
+       font-weight: var(--heading--font-weight-page-title);
+}
+
+/**
+ * Entry Content
+ */
+
+.entry-content,
+.entry-summary {
+       font-family: var(--entry-content--font-family);
+}
+
+.entry-content {
+
+       p {
+               word-wrap: break-word;
+       }
+
+       // Overwrite iframe embeds that have inline styles.
+       > iframe[style] {
+
+               margin: var(--global--spacing-vertical) 0 !important;
+               max-width: 100% !important;
+
+               @include media(mobile) {
+                       max-width: var(--global--spacing-vertical) !important;
+               }
+       }
+
+       // Classic editor audio embeds.
+       .wp-audio-shortcode {
+               @extend %responsive-aligndefault-width;
+       }
+}
+
+.entry-footer {
+
+       color: var(--global--color-primary);
+       clear: both;
+       float: none;
+       font-size: var(--global--font-size-xs);
+       display: block;
+
+       > span {
+               display: inline-block;
+       }
+
+       a {
+               color: currentColor;
+
+               &:hover,
+               &:focus {
+                       color: var(--global--color-primary-hover);
+               }
+
+               &:active {
+                       color: currentColor;
+               }
+       }
+}
+
+// Extra specificity to override rules in _vertical-margins.scss
+.site-main > article > .entry-footer {
+       margin-top: var(--global--spacing-vertical);
+       padding-top: var(--global--spacing-unit);
+       padding-bottom: calc(3 * var(--global--spacing-vertical));
+       border-bottom: var(--separator--height) solid var(--separator--border-color);
+}
+
+body:not(.single) .site-main > article:last-of-type .entry-footer {
+       border-bottom: var(--separator--height) solid transparent;
+}
+
+.single .site-main > article > .entry-footer {
+       margin-top: calc(3.4 * var(--global--spacing-vertical));
+       margin-bottom: calc(3.4 * var(--global--spacing-vertical));
+       padding-bottom: 0;
+       padding-top: calc(0.8 * var(--global--spacing-vertical));
+       border-top: 3px solid var(--separator--border-color);
+       border-bottom: var(--separator--height) solid transparent;
+       display: grid;
+       grid-template-columns: repeat(2, 1fr);
+       column-gap: calc(2 * var(--global--spacing-horizontal));
+
+       .post-taxonomies,
+       .full-size-link {
+               justify-content: flex-end;
+               text-align: right;
+       }
+
+       .full-size-link:first-child:last-child {
+               grid-column: span 2;
+       }
+
+       .posted-on,
+       .byline,
+       .cat-links,
+       .tags-links {
+               display: block;
+       }
+
+       @include media(mobile-only) {
+               display: block;
+
+               .full-size-link {
+                       display: block;
+               }
+
+               .post-taxonomies,
+               .full-size-link {
+                       text-align: left;
+               }
+       }
+}
+
+/**
+ * Post Thumbnails
+ */
+
+.post-thumbnail {
+       @extend %responsive-aligndefault-width;
+       text-align: center;
+
+       .entry-header &,
+       .singular & {
+               @extend %responsive-alignwide-width-nested;
+       }
+
+       .wp-post-image {
+               display: block;
+               width: auto;
+               max-width: 100%;
+               margin-left: auto;
+               margin-right: auto;
+               margin-top: calc(2 * var(--global--spacing-vertical));
+       }
+}
+
+/**
+ * Author
+ */
+
+.author-bio {
+       position: relative;
+       font-size: var(--global--font-size-xs);
+       max-width: var(--responsive--aligndefault-width);
+
+       .site-main > article > & {
+               margin-top: calc(2 * var(--global--spacing-vertical));
+       }
+
+       // Avatars are optional and can be turned off.
+       &.show-avatars {
+
+               .avatar {
+                       display: inline-block;
+                       vertical-align: top;
+                       border-radius: 50%;
+               }
+
+               .author-bio-content {
+                       display: inline-block;
+                       padding-left: var(--global--spacing-horizontal);
+                       max-width: calc(var(--responsive--aligndefault-width) - 90px);
+               }
+       }
+
+       .author-bio-content {
+
+               .author-title {
+                       font-family: var(--entry-author-bio--font-family);
+                       font-size: var(--entry-author-bio--font-size);
+                       display: inline;
+               }
+
+               .author-description {
+                       font-size: var(--global--font-size-xs);
+                       margin-top: calc(0.5 * var(--global--spacing-vertical));
+                       margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/entry.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooternavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,65 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.footer-navigation {
+       margin-top: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: var(--global--spacing-vertical);
+       color: var(--footer--color-text);
+       font-size: var(--global--font-size-xs);
+       font-family: var(--footer--font-family);
+}
+
+.footer-navigation-wrapper {
+       display: flex;
+       justify-content: center;
+       flex-wrap: wrap;
+       list-style: none;
+       padding-left: 0;
+
+       li {
+               display: inline;
+               // This is to prevent hover styles from overlapping when the menu wraps.
+               line-height: 3;
+
+               a {
+                       padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+                       transition: transform 0.1s ease;
+                       color: var(--footer--color-link);
+
+                       &:link,
+                       &:visited,
+                       &:active {
+                               color: var(--footer--color-link);
+                       }
+
+                       &:hover {
+                               text-decoration: underline;
+                               text-decoration-style: dotted;
+                               text-decoration-skip-ink: none;
+                               color: var(--footer--color-link-hover);
+                       }
+
+                       &:focus {
+
+                               .is-dark-theme & {
+
+                                       .svg-icon {
+                                               fill: var(--wp--style--color--link, var(--global--color-background));
+                                       }
+                               }
+                       }
+               }
+
+               .svg-icon {
+                       vertical-align: middle;
+                       fill: var(--footer--color-link);
+
+                       &:hover {
+                               transform: scale(1.1);
+                       }
+               }
+       }
+
+       .sub-menu-toggle,
+       .menu-item-description {
+               display: none;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsfooterscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,62 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Footer
+.site-footer {
+       padding-top: 0;
+       padding-bottom: calc(1.7 * var(--global--spacing-vertical));
+       @extend %responsive-alignwide-width;
+
+       // Increase the top vertical spacing when there is no widget area.
+       .no-widgets & {
+               margin-top: calc(6 * var(--global--spacing-vertical));
+       }
+}
+
+// Footer Branding
+.site-footer > .site-info {
+       padding-top: var(--global--spacing-vertical);
+       color: var(--footer--color-text);
+       font-family: var(--footer--font-family);
+       font-size: var(--footer--font-size);
+       line-height: var(--global--line-height-body);
+       border-top: 3px solid var(--global--color-border);
+
+       .site-name {
+               text-transform: var(--branding--title--text-transform);
+               font-size: var(--branding--title--font-size);
+       }
+
+       .powered-by {
+               margin-top: calc(0.5 * var(--global--spacing-vertical));
+       }
+
+       @include media(desktop) {
+               display: flex;
+               align-items: center;
+
+               .powered-by {
+                       margin-top: initial;
+                       margin-left: auto;
+               }
+       }
+
+       a {
+               color: var(--footer--color-link);
+
+               &:link,
+               &:visited,
+               &:active {
+                       color: var(--footer--color-link);
+               }
+
+               &:hover {
+                       color: var(--footer--color-link-hover);
+               }
+
+               &:focus {
+                       color: var(--footer--color-link-hover);
+
+                       .is-dark-theme & {
+                               color: var(--wp--style--color--link, var(--global--color-background));
+                       }
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsheaderscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,207 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Site header
+.site-header {
+       @extend %responsive-alignwide-width;
+       display: flex;
+       align-items: flex-start;
+       flex-wrap: wrap;
+       row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding.
+
+       .wp-custom-logo & {
+               align-items: center;
+       }
+
+       @include media(mobile) {
+               padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px
+       }
+
+       @include media(desktop) {
+               padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px
+       }
+}
+
+// Site branding
+.site-branding {
+       color: var(--branding--color-text);
+       margin-right: 140px;
+
+       &:last-child {
+               margin-right: 0;
+               width: 100%;
+               text-align: center;
+       }
+
+       @include media(mobile) {
+               margin-right: initial;
+               margin-top: 4px; // Align the baseline of the site title with the primary menu
+       }
+}
+
+// Site title
+.site-title {
+
+       color: var(--branding--color-link);
+       font-family: var(--branding--title--font-family);
+       font-size: var(--branding--title--font-size-mobile);
+       letter-spacing: normal;
+       text-transform: var(--branding--title--text-transform);
+       line-height: var(--global--line-height-heading);
+       margin-bottom: calc(var(--global--spacing-vertical) / 6);
+
+       a {
+               color: currentColor;
+               font-weight: var(--branding--title--font-weight);
+
+               &:link,
+               &:visited,
+               &:active {
+                       color: currentColor;
+               }
+
+               &:hover,
+               &:focus {
+                       color: var(--branding--color-link-hover);
+               }
+
+       }
+
+       @include media(mobile) {
+               font-size: var(--branding--title--font-size);
+       }
+}
+
+// Site description
+.site-description {
+       color: currentColor;
+       font-family: var(--branding--description--font-family);
+       font-size: var(--branding--description--font-size);
+       line-height: 1.4;
+}
+
+a.custom-logo-link {
+       text-decoration: none;
+}
+
+.site-title > a {
+       text-decoration-color: var(--global--color-secondary);
+}
+
+// Site logo
+
+.site-logo {
+
+       margin: calc(var(--global--spacing-vertical) / 2) 0;
+
+       .site-header > & {
+               width: 100%;
+               padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
+               border-bottom: 1px solid;
+               text-align: center;
+       }
+
+       .custom-logo {
+               margin-left: auto;
+               margin-right: auto;
+               max-width: var(--branding--logo--max-width-mobile);
+               max-height: var(--branding--logo--max-height-mobile);
+               height: auto;
+               display: inline-block;
+               width: auto;
+       }
+
+       @include media(mobile) {
+
+               .custom-logo {
+                       max-width: var(--branding--logo--max-width);
+                       max-height: var(--branding--logo--max-height);
+                       height: auto;
+                       width: auto;
+               }
+       }
+}
+
+@include media(mobile-only) {
+
+       .site-header {
+
+               &.has-logo {
+
+                       &:not(.has-title-and-tagline) {
+
+                               &.has-menu {
+
+                                       .site-logo {
+                                               position: absolute;
+                                               padding-top: calc(0.5 * var(--global--spacing-vertical));
+                                               margin-top: 0;
+                                               top: var(--global--admin-bar--height);
+
+                                               .primary-navigation-open & {
+                                                       display: none;
+                                               }
+
+                                               img {
+                                                       max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
+                                               }
+                                       }
+                               }
+                       }
+
+                       &.has-title-and-tagline {
+                               align-items: flex-start;
+
+                               &.has-menu {
+                                       justify-content: space-between;
+
+                                       .site-branding {
+                                               max-width: calc(100% - 160px);
+                                       }
+                               }
+
+                               .site-branding {
+                                       margin-right: 0;
+                               }
+
+                               body:not(.primary-navigation-open) & {
+
+                                       &:after {
+                                               display: none;
+                                       }
+
+                                       .primary-navigation {
+                                               position: relative;
+                                               top: 0;
+                                       }
+
+                                       .menu-button-container {
+                                               position: relative;
+                                               padding-top: 0;
+                                               margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
+
+                                               #primary-mobile-menu {
+                                                       // The 4.5px here is to offset the icon size horizontallly
+                                                       // (the icon's width is larger than the path's width and has extra space on the sides).
+                                                       padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+                                                       padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
+                                                       margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
+                                               }
+                                       }
+                               }
+                       }
+               }
+
+               &:not(.has-logo) {
+
+                       &.has-title-and-tagline {
+
+                               .site-branding {
+                                       margin-right: 0;
+                                       max-width: calc(100% - 160px);
+                               }
+                       }
+               }
+
+               &:not(.has-menu) {
+                       justify-content: center;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentsnavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,532 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+// Navigation
+
+// Mobile menu toggles
+.menu-button-container {
+       display: none;
+       justify-content: space-between;
+       position: absolute;
+       right: 0;
+       padding-top: calc(0.5 * var(--global--spacing-vertical));
+       padding-bottom: calc(0.25 * var(--global--spacing-vertical));
+
+       #primary-mobile-menu {
+               margin-left: auto;
+               padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
+       }
+
+       @include media(mobile-only) {
+               display: flex;
+       }
+
+       // Override specificty from default button styles.
+       .button.button {
+               display: flex;
+               font-size: var(--primary-nav--font-size-button);
+               font-weight: var(--primary-nav--font-weight-button);
+               background-color: transparent;
+               border: none;
+               color: var(--primary-nav--color-link);
+
+               .dropdown-icon {
+                       display: flex;
+                       align-items: center;
+
+                       .svg-icon {
+                               margin-left: calc(0.25 * var(--global--spacing-unit));
+                       }
+
+                       // Menu icon is off-center vertically to prevent blurry pixels.
+                       &.open .svg-icon {
+                               position: relative;
+                               top: -1px;
+                       }
+
+                       &.close {
+                               display: none;
+                       }
+               }
+
+               &[aria-expanded*="true"] {
+
+                       .dropdown-icon {
+
+                               &.open {
+                                       display: none;
+                               }
+
+                               &.close {
+                                       display: flex;
+
+                                       .has-logo.has-title-and-tagline & {
+                                               animation-name: twentytwentyone-close-button-transition;
+                                               animation-duration: 0.3s;
+                                       }
+                               }
+                       }
+               }
+       }
+
+       // When the menu is open, hide the close button and show the hide button.
+       .primary-navigation-open & {
+               width: 100%;
+               z-index: 500;
+               background-color: var(--global--color-background);
+
+               #primary-mobile-menu {
+                       position: static;
+               }
+       }
+}
+
+.primary-navigation {
+       position: absolute;
+       top: var(--global--admin-bar--height);
+       right: 0;
+       color: var(--primary-nav--color-text);
+       font-size: var(--primary-nav--font-size);
+       line-height: 1.15;
+       margin-top: 0;
+       margin-bottom: 0;
+
+       // Mobile menu closed
+       > .primary-menu-container {
+               position: fixed;
+               visibility: hidden;
+               opacity: 0;
+               top: 0;
+               right: 0;
+               bottom: 0;
+               left: 0;
+               // Height of the menu-button-container using font size, line height, and total padding, plus 5px so the focus of the first item is visible.
+               padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
+               padding-left: var(--global--spacing-unit);
+               padding-right: var(--global--spacing-unit);
+               padding-bottom: var(--global--spacing-horizontal);
+               background-color: var(--global--color-background);
+               transition: all .15s ease-in-out;
+               transform: translateY(var(--global--spacing-vertical));
+
+               @include media(mobile-only) {
+                       height: 100vh;
+                       z-index: 499;
+                       overflow-x: hidden;
+                       overflow-y: auto;
+                       border: 2px solid transparent;
+
+                       .has-logo.has-title-and-tagline & {
+                               position: fixed;
+                               transform: translateY(0) translateX(100%);
+                       }
+
+                       .admin-bar .has-logo.has-title-and-tagline & {
+                               top: var(--global--admin-bar--height);
+                       }
+
+                       .admin-bar & {
+                               height: calc(100vh - var(--global--admin-bar--height));
+                       }
+
+                       &:focus {
+                               border: 2px solid var(--global--color-primary);
+                       }
+               }
+       }
+
+       // Mobile menu open
+       .primary-navigation-open & {
+
+               @include media(mobile-only) {
+                       width: 100%;
+                       position: fixed;
+                       z-index: 2; // To be greater than the cover block and embeds.
+               }
+
+               > .primary-menu-container {
+                       position: absolute;
+                       visibility: visible;
+                       opacity: 1;
+                       transform: translateY(0);
+               }
+       }
+
+       .primary-navigation-open .has-logo.has-title-and-tagline & {
+               @include media(mobile-only) {
+
+                       > .primary-menu-container {
+                               transform: translateX(0) translateY(0);
+                       }
+               }
+       }
+
+       @include media(mobile) {
+               position: relative;
+               margin-left: auto;
+
+               // Hide Mobile menu on desktop
+               > .primary-menu-container {
+                       visibility: visible;
+                       opacity: 1;
+                       position: relative;
+                       padding: 0;
+                       background-color: transparent;
+                       overflow: initial;
+                       transform: none;
+               }
+
+               // Hide mobile menu toggle
+               #toggle-menu {
+                       display: none;
+               }
+
+               // Hide sub-sub-menus
+               > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
+                       display: none;
+               }
+
+               // Don't adjust position when logged-in
+               .admin-bar & {
+                       top: initial;
+
+                       > .primary-menu-container {
+                               top: initial;
+                       }
+               }
+       }
+
+       // Menu list wrapper
+       > div > .menu-wrapper {
+               display: flex;
+               justify-content: flex-start;
+               flex-wrap: wrap;
+               list-style: none;
+               margin: 0;
+               max-width: none;
+               padding-left: 0;
+               position: relative;
+
+               @include media(mobile-only) {
+                       padding-bottom: 100px;
+
+                       ul {
+                               padding-left: 0;
+                       }
+               }
+
+               li {
+                       display: block;
+                       position: relative;
+                       width: 100%;
+
+                       @include media(mobile) {
+                               margin: 0;
+                               width: inherit;
+
+                               &:last-child() {
+                                       margin-right: 0;
+                               }
+                       }
+               }
+
+               // Sub-menu buttons
+               .sub-menu-toggle {
+                       display: flex;
+                       height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
+                       width: 44px;
+                       padding: 0;
+                       justify-content: center;
+                       align-items: center;
+                       background: transparent;
+                       color: currentColor;
+                       border: none;
+
+                       &:focus {
+                               outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+                       }
+
+                       @include media(mobile-only) {
+                               display: none;
+                       }
+
+                       .icon-plus,
+                       .icon-minus {
+                               height: 100%;
+                               display: flex;
+                               align-items: center;
+
+                               svg {
+                                       margin-top: -1px;
+                               }
+                       }
+
+                       .icon-minus {
+                               display: none;
+                       }
+
+                       // When the sub-menu is open, display the minus icon
+                       &[aria-expanded="true"] {
+
+                               .icon-minus {
+                                       display: flex;
+                               }
+
+                               .icon-plus {
+                                       display: none;
+                               }
+                       }
+               }
+
+               // Sub-menus Flyout
+               > li > .sub-menu {
+
+                       position: relative;
+
+                       @include media(mobile) {
+                               left: 0;
+                               margin: 0;
+                               min-width: max-content;
+                               position: absolute;
+                               top: 100%;
+                               padding-top: 3px;
+                               transition: all 0.5s ease;
+                               z-index: 88888;
+
+                               &:before,
+                               &:after {
+                                       content: "";
+                                       display: block;
+                                       position: absolute;
+                                       width: 0;
+                                       top: -10px;
+                                       left: var(--global--spacing-horizontal);
+                                       border-style: solid;
+                                       border-color: var(--primary-nav--border-color) transparent;
+                                       border-width: 0 7px 10px 7px;
+                               }
+
+                               &:after {
+                                       top: -9px;
+                                       border-color: var(--global--color-background) transparent;
+                               }
+
+                               li {
+                                       background: var(--global--color-background);
+                               }
+
+                               &.submenu-reposition-left {
+
+                                       /* rtl:ignore */
+                                       left: 0;
+
+                                       /* rtl:ignore */
+                                       right: auto;
+
+                                       &:before,
+                                       &:after {
+
+                                               /* rtl:ignore */
+                                               left: var(--global--spacing-horizontal);
+
+                                               /* rtl:ignore */
+                                               right: auto;
+                                       }
+                               }
+
+                               &.submenu-reposition-right {
+
+                                       /* rtl:ignore */
+                                       right: 0;
+
+                                       /* rtl:ignore */
+                                       left: auto;
+
+                                       &:before,
+                                       &:after {
+
+                                               /* rtl:ignore */
+                                               left: auto;
+
+                                               /* rtl:ignore */
+                                               right: var(--global--spacing-horizontal);
+                                       }
+                               }
+                       }
+               }
+       }
+
+       // Top-level Item Link Colors
+       .primary-menu > .menu-item:hover > a {
+               color: var(--primary-nav--color-link-hover);
+       }
+
+       .primary-menu-container {
+               @include media(mobile) {
+                       // Better align with the site title when the menu wraps.
+                       margin-right: calc(0px - var(--primary-nav--padding));
+                       margin-left: calc(0px - var(--primary-nav--padding));
+
+                       // Top-level Menu Item
+                       > ul > .menu-item {
+                               display: flex;
+
+                               > a {
+                                       padding-left: var(--primary-nav--padding);
+                                       padding-right: var(--primary-nav--padding);
+
+                                       + .sub-menu-toggle {
+                                               margin-left: calc(0px - var(--primary-nav--padding));
+                                       }
+                               }
+                       }
+               }
+       }
+
+       // Menu Item Link
+       a {
+               display: block;
+               font-family: var(--primary-nav--font-family-mobile);
+               font-size: var(--primary-nav--font-size-mobile);
+               font-weight: var(--primary-nav--font-weight);
+               padding: var(--primary-nav--padding) 0;
+               text-decoration: none;
+
+               @include media(mobile) {
+                       display: block;
+                       font-family: var(--primary-nav--font-family);
+                       font-size: var(--primary-nav--font-size);
+                       font-weight: var(--primary-nav--font-weight);
+               }
+
+               + svg {
+                       fill: var(--primary-nav--color-text);
+               }
+
+               &:hover,
+               &:link,
+               &:visited {
+                       color: var(--primary-nav--color-link-hover);
+               }
+
+               &:hover {
+                       text-decoration: underline;
+                       text-decoration-style: dotted;
+               }
+
+               &:focus {
+                       position: relative;
+                       z-index: 99999; // Ensure focus styles appear above absolute positioned elements
+                       outline-offset: 0;
+               }
+       }
+
+       .current-menu-item > a:first-child,
+       .current_page_item > a:first-child {
+               text-decoration: underline;
+               text-decoration-style: solid;
+
+               &:hover {
+                       text-decoration: underline;
+                       text-decoration-style: dotted;
+               }
+       }
+
+       // Sub-menu depth indicators + text styles
+       .sub-menu {
+               margin: 0;
+               padding: 0;
+               list-style: none;
+               margin-left: var(--primary-nav--padding);
+               border: 1px solid var(--primary-nav--border-color);
+
+               .sub-menu {
+                       border: none;
+               }
+
+               // Sub-menu items om wide screens.
+               @include media(mobile) {
+
+                       // For nested sub-menus, don't duplicate the padding
+                       > .menu-item > .sub-menu {
+                               padding: 0;
+                       }
+               }
+
+               .menu-item {
+
+                       @include media(mobile-only) {
+
+                               &:last-child() {
+                                       margin-bottom: 0;
+                               }
+
+                       }
+
+                       > a {
+                               padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+                               display: block;
+                               font-size: var(--primary-nav--font-size-sub-menu-mobile);
+                               font-style: var(--primary-nav--font-style-sub-menu-mobile);
+
+                               @include media(mobile) {
+                                       font-size: var(--primary-nav--font-size-sub-menu);
+                                       font-style: var(--primary-nav--font-style);
+                               }
+                       }
+               }
+       }
+
+       // Show top-level sub-menu indicators above mobile-breakpoint-only
+       .menu-item-has-children {
+
+               > .svg-icon {
+                       display: none;
+               }
+
+               @include media(mobile) {
+
+                       > .svg-icon {
+                               display: inline-block;
+                               height: 100%;
+                       }
+
+                       .sub-menu .svg-icon {
+                               display: none;
+                       }
+               }
+
+       }
+
+       .menu-item-description {
+               display: block;
+               clear: both;
+               font-size: var(--global--font-size-xs);
+               text-transform: none;
+               line-height: 1.7;
+
+               > span {
+                       display: inline-block;
+               }
+       }
+}
+
+// Keep the menu pinned to the top when the menu is open.
+@include media(mobile-only) {
+
+       .lock-scrolling .site {
+               position: fixed;
+               max-width: 100%;
+               width: 100%;
+       }
+}
+
+// Close button animation for when a custom logo is present.
+@keyframes twentytwentyone-close-button-transition {
+
+       from {
+               opacity: 0;
+       }
+
+       to {
+               opacity: 1;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentspaginationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss                             (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,231 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Next/Previous navigation */
+
+// All navigation
+.navigation {
+       color: var(--global--color-primary);
+
+       a {
+               color: var(--global--color-primary);
+               text-decoration: none;
+
+               &:hover {
+                       color: var(--global--color-primary-hover);
+                       text-decoration: underline;
+               }
+
+               &:focus {
+                       color: var(--global--color-secondary);
+               }
+
+               &:active {
+                       color: var(--global--color-primary);
+               }
+       }
+
+       .nav-links {
+
+               > * {
+                       min-width: 44px;
+                       min-height: 44px;
+               }
+
+               .nav-next a,
+               .nav-previous a {
+                       display: flex;
+                       flex-direction: column;
+               }
+
+               .dots {
+                       text-align: center;
+               }
+
+               @include media(tablet) {
+                       display: flex;
+                       justify-content: center;
+                       flex-wrap: wrap;
+
+                       .nav-next,
+                       .nav-previous {
+                               flex: 0 1 auto;
+                               margin-bottom: inherit;
+                               margin-top: inherit;
+                               max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
+                       }
+
+                       .nav-next {
+                               text-align: right;
+                       }
+               }
+       }
+
+       .svg-icon {
+               display: inline-block;
+               fill: currentColor;
+               vertical-align: middle;
+               position: relative;
+       }
+
+       .nav-previous .svg-icon,
+       .prev .svg-icon {
+               top: -2px;
+               margin-right: calc(0.25 * var(--global--spacing-unit));
+       }
+
+       .nav-next .svg-icon,
+       .next .svg-icon {
+               top: -1px;
+               margin-left: calc(0.25 * var(--global--spacing-unit));
+       }
+}
+
+// Singular navigation
+.post-navigation {
+
+       margin: var(--global--spacing-vertical) auto;
+
+       @include media(desktop) {
+               margin: var(--global--spacing-vertical) auto;
+       }
+
+       @extend %responsive-alignwide-width;
+
+       .meta-nav {
+               line-height: var(--global--line-height-body);
+               color: var(--global--color-primary);
+       }
+
+       .post-title {
+               display: inline-block;
+               font-family: var(--global--font-primary);
+               font-size: var(--global--font-size-lg);
+               font-weight: var(--pagination--font-weight-strong);
+               line-height: var(--global--line-height-heading);
+               @include media(desktop) {
+                       margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
+               }
+       }
+
+       .nav-links {
+               @include media(mobile) {
+                       justify-content: space-between;
+               }
+       }
+
+       .nav-next,
+       .nav-previous {
+               margin-top: var(--global--spacing-vertical);
+               margin-bottom: var(--global--spacing-vertical);
+
+               &:first-child {
+                       margin-top: 0;
+               }
+
+               &:last-child {
+                       margin-bottom: 0;
+               }
+
+               &:hover {
+
+                       .post-title {
+                               text-decoration: underline;
+                               text-decoration-thickness: 1px;
+                       }
+               }
+       }
+
+}
+
+// Index/archive navigation
+.pagination,
+.comments-pagination {
+
+       border-top: 3px solid var(--global--color-border);
+       padding-top: var(--global--spacing-vertical);
+       margin: var(--global--spacing-vertical) auto;
+
+       @include media(desktop) {
+               margin: var(--global--spacing-vertical) auto;
+       }
+
+       @extend %responsive-alignwide-width;
+
+       // Resets the top margin added to the .nav-links items below.
+       .nav-links {
+               margin-top: calc(-1 * var(--global--spacing-vertical));
+
+               a:hover {
+                       color: var(--pagination--color-link-hover);
+               }
+
+       }
+
+       .nav-links > * {
+               color: var(--pagination--color-text);
+               font-family: var(--pagination--font-family);
+               font-size: var(--pagination--font-size);
+               font-weight: var(--pagination--font-weight);
+               margin-top: var(--global--spacing-vertical);
+               margin-left: calc(0.66 * var(--global--spacing-unit));
+               margin-right: calc(0.66 * var(--global--spacing-unit));
+
+               &.current {
+                       border-bottom: 1px solid var(--pagination--color-text);
+               }
+
+               &:first-child {
+                       margin-left: 0;
+               }
+
+               &:last-child {
+                       margin-right: 0;
+               }
+
+               &.next {
+                       margin-left: auto;
+               }
+
+               &.prev {
+                       margin-right: auto;
+               }
+       }
+
+       @include media(desktop-only) {
+
+               .nav-links {
+                       display: flex;
+                       flex-wrap: wrap;
+               }
+
+               .page-numbers {
+                       display: none;
+
+                       &.prev,
+                       &.next {
+                               display: inline-block;
+                               flex: 0 1 auto;
+                       }
+               }
+       }
+
+       @include media(mobile-only) {
+
+               .nav-short {
+                       display: none;
+               }
+       }
+}
+
+// Comments pagination
+.comments-pagination {
+       padding-top: calc(0.66 * var(--global--spacing-vertical));
+       margin: calc(3 * var(--global--spacing-vertical)) auto;
+
+       @include media(desktop) {
+               margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
+       }
+
+       .nav-links > * {
+               font-size: var(--global--font-size-md);
+       }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentspostsandpagesscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.sticky {
+       // This class is required to pass ThemeCheck.
+}
+
+.no-results.not-found > *:first-child {
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+// Styling for wp_link_pages.
+.page-links {
+       clear: both;
+
+       .post-page-numbers {
+               display: inline-block;
+               margin-left: calc(0.66 * var(--global--spacing-unit));
+               margin-right: calc(0.66 * var(--global--spacing-unit));
+               min-width: 44px;
+               min-height: 44px;
+
+               &:first-child {
+                       margin-left: 0;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentssearchscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,3 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-no-results .page-content {
+       margin-top: calc(3 * var(--global--spacing-vertical));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/search.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentssinglescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.singular .entry-header {
+       border-bottom: 3px solid var(--global--color-border);
+       padding-bottom: calc(2 * var(--global--spacing-vertical));
+       margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+.home .entry-header {
+       border-bottom: none;
+       padding-bottom: 0;
+       margin-bottom: 0;
+}
+
+.singular .has-post-thumbnail .entry-header {
+       border-bottom: none;
+       padding-bottom: calc(1.3 * var(--global--spacing-vertical));
+       margin-bottom: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/single.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass06componentswidgetsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,129 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area {
+       @extend %responsive-alignwide-width;
+       margin-top: calc(6 * var(--global--spacing-vertical));
+       padding-bottom: calc(var(--global--spacing-vertical) / 3);
+       color: var(--footer--color-text);
+       font-size: var(--footer--font-size);
+       font-family: var(--footer--font-family);
+
+       @include media(laptop) {
+               display: grid;
+               grid-template-columns: repeat(2, 1fr);
+               column-gap: calc(2 * var(--global--spacing-horizontal));
+       }
+
+       @include media(wide) {
+               grid-template-columns: repeat(3, 1fr);
+       }
+
+       ul {
+               list-style-type: none;
+               padding: 0;
+
+               li {
+                       line-height: var(--widget--line-height-list);
+               }
+
+               &.sub-menu,
+               &.children {
+                       margin-left: var(--widget--spacing-menu);
+               }
+
+               .sub-menu-toggle {
+                       display: none;
+               }
+       }
+
+       a {
+               color: var(--footer--color-link);
+               text-decoration: underline;
+               text-decoration-style: solid;
+               text-decoration-color: currentColor;
+
+               &:link,
+               &:visited,
+               &:active {
+                       color: var(--footer--color-link);
+               }
+
+               &:hover {
+                       color: var(--footer--color-link-hover);
+                       text-decoration-style: dotted;
+               }
+       }
+
+       .wp-block-social-links {
+
+               &.alignright {
+                       margin-top: var(--global--spacing-vertical);
+                       justify-content: flex-end;
+               }
+
+               &.alignleft {
+                       margin-top: var(--global--spacing-vertical);
+               }
+       }
+
+       &:after {
+               content: "";
+               display: table;
+               clear: both;
+       }
+}
+
+.widget-title {
+       font-size: var(--global--font-size-sm);
+       font-weight: var(--widget--font-weight-title);
+       line-height: var(--widget--line-height-title);
+}
+
+// Search widget styles
+.search-form {
+       display: flex;
+       flex-wrap: wrap;
+       margin: auto;
+       max-width: var(--responsive--aligndefault-width);
+
+       > label {
+               width: 100%;
+               margin-bottom: 0;
+               font-weight: var(--form--label-weight);
+       }
+
+       .search-field {
+               flex-grow: 1;
+               max-width: inherit;
+               margin-top: calc(var(--global--spacing-vertical) / 3);
+               margin-right: calc(0.66 * var(--global--spacing-horizontal));
+       }
+
+       .search-submit {
+               margin-top: calc(var(--global--spacing-vertical) / 3);
+               margin-left: 10px;
+       }
+}
+
+.widget_search > .search-form {
+
+       .search-field {
+               margin-right: calc(-1 * var(--button--border-width));
+               -webkit-appearance: none;
+               margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+       }
+
+       .search-submit {
+               margin-left: 0;
+               background-color: transparent;
+               color: var(--button--color-text-hover);
+               margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+
+               &:hover {
+                       background-color: var(--button--color-background);
+                       color: var(--button--color-text);
+               }
+       }
+}
+
+.widget_rss a.rsswidget .rss-widget-icon {
+       display: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesa11yscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss                            (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,48 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.screen-reader-text {
+       border: 0;
+       clip: rect(1px, 1px, 1px, 1px);
+       -webkit-clip-path: inset(50%);
+       clip-path: inset(50%);
+       height: 1px;
+       margin: -1px;
+       overflow: hidden;
+       padding: 0;
+       position: absolute !important;
+       width: 1px;
+       word-wrap: normal !important;
+       word-break: normal;
+}
+
+.skip-link:focus {
+       background-color: #f1f1f1;
+       border-radius: 3px;
+       box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+       clip: auto !important;
+       -webkit-clip-path: none;
+       clip-path: none;
+       color: #21759b;
+       display: block;
+       font-size: 0.875rem;
+       font-weight: 700;
+       height: auto;
+       left: 5px;
+       line-height: normal;
+       padding: 15px 23px 14px;
+       text-decoration: none;
+       top: 5px;
+       width: auto;
+       z-index: 100000;
+}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+       outline: 0;
+}
+
+@media (prefers-reduced-motion) {
+
+       * {
+               transition-delay: 0s !important;
+               transition-duration: 0s !important;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiescolorpalettescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,148 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Gutenberg text color options
+
+.has-black-color[class] {
+       color: var(--global--color-black);
+}
+
+.has-gray-color[class] {
+       color: var(--global--color-gray);
+}
+
+.has-dark-gray-color[class] {
+       color: var(--global--color-dark-gray);
+}
+
+.has-green-color[class] {
+       color: var(--global--color-green);
+}
+
+.has-blue-color[class] {
+       color: var(--global--color-blue);
+}
+
+.has-purple-color[class] {
+       color: var(--global--color-purple);
+}
+
+.has-red-color[class] {
+       color: var(--global--color-red);
+}
+
+.has-orange-color[class] {
+       color: var(--global--color-orange);
+}
+
+.has-yellow-color[class] {
+       color: var(--global--color-yellow);
+}
+
+.has-white-color[class] {
+       color: var(--global--color-white);
+}
+
+// Gutenberg background-color options
+.has-background {
+
+       &:not(.has-background-background-color) a:not(.wp-block-button__link),
+       p,
+       h1,
+       h2,
+       h3,
+       h4,
+       h5,
+       h6 {
+               color: currentColor;
+       }
+}
+
+.has-black-background-color[class] {
+       background-color: var(--global--color-black);
+}
+
+.has-gray-background-color[class] {
+       background-color: var(--global--color-gray);
+}
+
+.has-dark-gray-background-color[class] {
+       background-color: var(--global--color-dark-gray);
+}
+
+.has-green-background-color[class] {
+       background-color: var(--global--color-green);
+}
+
+.has-blue-background-color[class] {
+       background-color: var(--global--color-blue);
+}
+
+.has-purple-background-color[class] {
+       background-color: var(--global--color-purple);
+}
+
+.has-red-background-color[class] {
+       background-color: var(--global--color-red);
+}
+
+.has-orange-background-color[class] {
+       background-color: var(--global--color-orange);
+}
+
+.has-yellow-background-color[class] {
+       background-color: var(--global--color-yellow);
+}
+
+.has-white-background-color[class] {
+       background-color: var(--global--color-white);
+}
+
+:not(.has-text-color) {
+
+       &.has-black-background-color[class],
+       &.has-gray-background-color[class],
+       &.has-dark-gray-background-color[class] {
+               color: var(--global--color-white);
+       }
+
+       &.has-green-background-color[class],
+       &.has-blue-background-color[class],
+       &.has-purple-background-color[class],
+       &.has-red-background-color[class],
+       &.has-orange-background-color[class],
+       &.has-yellow-background-color[class],
+       &.has-white-background-color[class] {
+               color: var(--global--color-dark-gray);
+       }
+}
+
+// Custom gradients
+.has-purple-to-yellow-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
+}
+
+.has-yellow-to-purple-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
+}
+
+.has-green-to-yellow-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
+}
+
+.has-yellow-to-green-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
+}
+
+.has-red-to-yellow-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
+}
+
+.has-yellow-to-red-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
+}
+
+.has-purple-to-red-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
+}
+
+.has-red-to-purple-gradient-background {
+       background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesiescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,53 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE {
+
+       &.is-dark-theme {
+               color: #fff;
+
+               *,
+               a,
+               .site-description,
+               .entry-title,
+               .entry-footer,
+               .widget-area,
+               .post-navigation .meta-nav,
+               .footer-navigation-wrapper li a:link,
+               .site-footer > .site-info,
+               .site-footer > .site-info a,
+               .site-footer > .site-info a:visited {
+                       color: #fff;
+               }
+
+               .sub-menu-toggle svg,
+               .sub-menu-toggle path,
+               .post-navigation .meta-nav svg,
+               .post-navigation .meta-nav path {
+                       fill: #fff;
+               }
+
+               .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
+                       background: #000;
+               }
+
+               &.primary-navigation-open {
+                       @include media(mobile-only) {
+
+                               .primary-navigation > .primary-menu-container,
+                               .menu-button-container {
+                                       background-color: #000;
+                               }
+                       }
+               }
+
+               .skip-link:focus {
+                       color: #21759b;
+               }
+       }
+
+       .navigation .nav-links {
+               display: block;
+       }
+
+       .post-thumbnail .wp-post-image {
+               min-width: auto;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesmeasurescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Measure
+// - The width of a line of text, in characters, is known as its measure.
+
+header *,
+main *,
+footer * {
+       max-width: var(--global--spacing-measure);
+}
+
+html,
+body,
+div,
+header,
+nav,
+article,
+figure,
+hr,
+main,
+section,
+footer {
+       max-width: none;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/measure.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssass07utilitiesprintscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss                           (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss     2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,184 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+Adding print support. The print styles are based on the the great work of
+Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
+*/
+
+/*--------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+# Margins & paddings
+# Typography
+# Page breaks
+# Links
+# Visibility
+--------------------------------------------------------------*/
+
+@media print {
+
+       /* Margins & paddings */
+
+       @page {
+               margin: 2cm;
+       }
+
+       .entry .entry-header,
+       .entry,
+       .single .site-main > article > .entry-footer {
+               margin-top: 0;
+               margin-bottom: 0;
+       }
+
+       .site-footer .site-info {
+               margin: 0;
+       }
+
+       .site-header {
+               padding: 0;
+       }
+
+       /* Fonts */
+
+       body {
+               font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support.
+               font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
+               line-height: 1.3;
+               background: #fff !important;
+               color: #000;
+       }
+
+       // Override color settings that changes the text to white.
+       .has-background-dark * {
+               color: #000 !important;
+       }
+
+       h1,
+       .entry-title,
+       .singular .entry-title,
+       .page-title {
+               font-size: 22pt;
+               font-weight: bold;
+       }
+
+       h2,
+       h3,
+       h4,
+       .has-regular-font-size,
+       .has-large-font-size,
+       h2.author-title,
+       p.author-bio,
+       .comments-title,
+       .archive-description {
+               font-size: 14pt;
+               margin-top: 25px;
+       }
+
+       .comment-meta,
+       .comment-meta .comment-author .fn {
+               font-size: 13pt;
+       }
+
+       /* Page breaks */
+
+       a {
+               page-break-inside: avoid;
+       }
+
+       blockquote {
+               page-break-inside: avoid;
+       }
+
+       h1,
+       h2,
+       h3,
+       h4,
+       h5,
+       h6 {
+               page-break-after: avoid;
+               page-break-inside: avoid;
+       }
+
+       img {
+               page-break-inside: avoid;
+               page-break-after: avoid;
+       }
+
+       table,
+       pre,
+       figure {
+               page-break-inside: avoid;
+       }
+
+       ul,
+       ol,
+       dl {
+               page-break-before: avoid;
+       }
+
+       /* Links */
+
+       a:link,
+       a:visited,
+       a {
+               background: transparent;
+               font-weight: bold;
+               text-decoration: underline;
+               text-align: left;
+       }
+
+       a[href^="http"]:after {
+               content: " < " attr(href) "> ";
+       }
+
+       a:after > img {
+               content: "";
+       }
+
+       article a[href^="#"]:after {
+               content: "";
+       }
+
+       a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown
+               content: " < " attr(href) "> ";
+       }
+
+       .entry-title a:after {
+               content: "\a < " attr(href) "> ";
+               white-space: pre;
+               font-size: 14pt;
+       }
+
+       .cat-links a:after,
+       .tags-links a:after,
+       .byline a:after,
+       .comment-metadata a:after,
+       .wp-block-calendar a:after,
+       .wp-block-tag-cloud a:after,
+       .page-links a:after {
+               content: "";
+       }
+
+       /* Visibility */
+       .primary-navigation,
+       .site-title + .primary-navigation,
+       .footer-navigation,
+       .entry-footer,
+       .post-navigation,
+       .navigation.pagination,
+       .widget-area,
+       .edit-link,
+       .more-link,
+       .comment-reply,
+       .reply,
+       .comment .comment-metadata .edit-link,
+       .comment-respond,
+       #dark-mode-toggler {
+               display: none !important;
+       }
+
+       .entry .entry-content .wp-block-button .wp-block-button__link,
+       .entry .entry-content .button,
+       .entry .entry-content .wp-block-file__button {
+               color: #000;
+               background: none;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/print.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstyledarkmodescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss                              (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss        2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,108 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* OS dark theme preference */
+@media only screen {
+
+       .is-dark-theme.is-dark-theme {
+               --global--color-background: var(--global--color-dark-gray);
+               --global--color-primary: var(--global--color-light-gray);
+               --global--color-secondary: var(--global--color-light-gray);
+               --button--color-text: var(--global--color-background);
+               --button--color-text-hover: var(--global--color-secondary);
+               --button--color-text-active: var(--global--color-secondary);
+               --button--color-background: var(--global--color-secondary);
+               --button--color-background-active: var(--global--color-background);
+               --global--color-border: #ffffff8c; //55% opacity
+
+               .site a:focus,
+               .site a:focus .meta-nav {
+                       background: #000;
+                       color: #fff;
+                       text-decoration: none;
+               }
+
+               img {
+                       filter: brightness(.85) contrast(1.1);
+               }
+       }
+
+       .respect-color-scheme-preference.is-dark-theme body {
+               background-color: var(--global--color-background);
+       }
+
+       #dark-mode-toggler {
+               cursor: pointer;
+               display: flex;
+               align-items: center;
+               justify-content: center;
+               font-size: var(--global--font-size-xs);
+               padding: 0.5em;
+               min-height: 44px; // A11y requirement for minimum clickable area.
+               min-width: max-content;
+               border: 2px solid currentColor;
+               box-shadow: none;
+               background: var(--button--color-text);
+               color: var(--button--color-background);
+               z-index: 9998;
+
+               .no-js & {
+                       display: none;
+               }
+
+               .wp-admin & {
+                       display: none;
+               }
+
+               &.fixed-bottom {
+                       position: fixed;
+                       bottom: 5px;
+                       right: 5px;
+                       transition: bottom 0.5s;
+
+                       &.hide:not(:focus) {
+                               bottom: -80px;
+                       }
+               }
+
+               &.relative {
+                       position: absolute;
+                       height: 44px;
+                       top: calc(2.4 * var(--global--spacing-vertical) - 44px);
+                       right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);
+
+                       .admin-bar & {
+                               top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);
+
+                               @media only screen and (max-width: 782px) {
+                                       top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
+                               }
+
+                               @media only screen and (max-width: 481px) {
+                                       top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
+                               }
+                       }
+
+                       ~ nav {
+
+                               body:not(.primary-navigation-open) & {
+                                       @media only screen and (max-width: 481px) {
+                                               top: calc(44px + 44px);
+                                       }
+                               }
+                       }
+               }
+
+               .primary-navigation-open & {
+                       display: none;
+               }
+
+               &:hover,
+               &:focus {
+                       color: var(--button--color-background-active);
+                       border: 2px solid var(--button--color-text-active);
+                       background-color: var(--button--color-text-active);
+               }
+
+               .is-IE & {
+                       display: none;
+               }
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstyleeditorscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss                         (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,21 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * These styles should be loaded by the Block Editor only
+ */
+@import "01-settings/fonts";
+@import "01-settings/global";
+
+@import "02-tools/mixins";
+@import "02-tools/functions";
+
+@import "03-generic/breakpoints";
+
+@import "04-elements/blockquote";
+@import "04-elements/media";
+@import "04-elements/forms-editor";
+@import "04-elements/links";
+
+@import "05-blocks/blocks-editor";
+
+@import "06-components/editor";
+
+@import "07-utilities/color-palette";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-editor.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneassetssassstylescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss                                (rev 0)
+++ trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,122 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "01-settings/file-header";
+
+/**
+ * SETTINGS
+ * File-header..........The file header for the themes style.css file.
+ * Fonts................Any font files, if the project needs specific fonts.
+ * Global...............Project-specific, globally available variables.
+ *
+ * TOOLS
+ * Functions............Global functions.
+ * Mixins...............Global mixins.
+ *
+ * GENERIC
+ * Normalize.css........Normalise browser defaults.
+ * Breakpoints..........Mixins and variables for responsive styles
+ * Vertical-margins.....Vertical spacing for the main components.
+ * Reset................Reset specific elements to make them easier to style in other contexts.
+ * Clearings............Clearnings for the main components.
+ *
+ * ELEMENTS
+ * Blockquote...........Default blockquote.
+ * Forms................Element-level form styling.
+ * Headings.............H1–H6
+ * Links................Default links.
+ * Lists................Default lists.
+ * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
+ *
+ * BLOCKS
+ * Audio................Specific styles for the audio block.
+ * Button...............Specific styles for the button block.
+ * Code.................Specific styles for the code block.
+ * Collumns.............Specific styles for the collumns block.
+ * Cover................Specific styles for the cover block.
+ * File.................Specific styles for the file block.
+ * Gallery..............Specific styles for the gallery block.
+ * Group................Specific styles for the group block.
+ * Heading..............Specific styles for the heading block.
+ * Image................Specific styles for the image block.
+ * Latest comments......Specific styles for the latest comments block.
+ * Latest posts.........Specific styles for the latest posts block.
+ * Legacy...............Specific styles for the legacy gallery.
+ * List.................Specific styles for the list block.
+ * Meda text............Specific styles for the media and text block.
+ * Navigation...........Specific styles for the navigation block.
+ * Paragraph............Specific styles for the paragraph block.
+ * Pullquote............Specific styles for the pullquote block.
+ * Quote................Specific styles for the quote block.
+ * Search...............Specific styles for the search block.
+ * Separator............Specific styles for the separator block.
+ * Spacer...............Specific styles for the spacer block.
+ * Table................Specific styles for the table block.
+ * Verse................Specific styles for the verse block.
+ * Video................Specific styles for the video block.
+ * Utilities............Block alignments.
+ *
+ * COMPONENTS
+ * Header...............Header styles.
+ * Footer...............Footer styles.
+ * Comments.............Comment styles.
+ * Archives.............Archive styles.
+ * 404..................404 styles.
+ * Search...............Search styles.
+ * Navigation...........Navigation styles.
+ * Footer Navigation....Footer Navigation styles.
+ * Pagination...........Pagination styles.
+ * Single...............Single page and post styles.
+ * Posts and pages......Misc, sticky post styles.
+ * Entry................Entry, author biography.
+ * Widget...............Widget styles.
+ * Editor...............Editor styles.
+ *
+ * UTILITIES
+ * A11y.................Screen reader text, prefers reduced motion etc.
+ * Color Palette........Classes for the color palette colors.
+ * Editor Font Sizes....Editor Font Sizes.
+ * Measure..............The width of a line of text, in characters.
+ */
+// Print................Print styles
+
+/* Categories 01 to 03 are the basics. */
+@import "01-settings/fonts";
+@import "01-settings/global";
+
+@import "02-tools/mixins";
+@import "02-tools/functions";
+
+@import "03-generic/normalize";
+@import "03-generic/breakpoints";
+@import "03-generic/vertical-margins";
+@import "03-generic/reset";
+@import "03-generic/clearings";
+
+/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
+@import "04-elements/blockquote";
+@import "04-elements/forms";
+@import "04-elements/media";
+@import "04-elements/misc";
+@import "04-elements/links";
+
+/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
+@import "05-blocks/blocks";
+
+/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
+@import "06-components/header";
+@import "06-components/footer";
+@import "06-components/single";
+@import "06-components/posts-and-pages";
+@import "06-components/entry";
+@import "06-components/archives";
+@import "06-components/404";
+@import "06-components/search";
+@import "06-components/comments";
+@import "06-components/navigation";
+@import "06-components/footer-navigation";
+@import "06-components/pagination";
+@import "06-components/widgets";
+
+/* Category 07 is for any utility classes that are not assigned to a specific component. */
+@import "07-utilities/a11y";
+@import "07-utilities/color-palette";
+@import "07-utilities/measure";
+@import "07-utilities/ie";
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomcolorsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php     2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,9 +169,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        public function body_class( $classes ) {
</span><span class="cx" style="display: block; padding: 0 10px">                $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
</span><span class="cx" style="display: block; padding: 0 10px">                if ( 127 > self::get_relative_luminance_from_hex( $background_color ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        $classes[] = 'has-background-dark';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 $classes[] = 'is-dark-theme';
</ins><span class="cx" style="display: block; padding: 0 10px">                 } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        $classes[] = 'has-background-light';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 $classes[] = 'is-light-theme';
</ins><span class="cx" style="display: block; padding: 0 10px">                 }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                if ( 'ffffff' === strtolower( $background_color ) ) {
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonecustomizephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,7 +108,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                array(
</span><span class="cx" style="display: block; padding: 0 10px">                                        'type'    => 'radio',
</span><span class="cx" style="display: block; padding: 0 10px">                                        'section' => 'excerpt_settings',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        'label'   => esc_html__( 'On archive pages, posts show:', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 'label'   => esc_html__( 'On Archive Pages, posts show:', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                         'choices' => array(
</span><span class="cx" style="display: block; padding: 0 10px">                                                'excerpt' => esc_html__( 'Summary', 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px">                                                'full'    => esc_html__( 'Full text', 'twentytwentyone' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -140,7 +140,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        $wp_customize,
</span><span class="cx" style="display: block; padding: 0 10px">                                        'background_color',
</span><span class="cx" style="display: block; padding: 0 10px">                                        array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                'label'   => esc_html__( 'Background Control', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         'label'   => esc_html_x( 'Background Color', 'Customizer control', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px">                                                'palette' => $colors,
</span><span class="cx" style="display: block; padding: 0 10px">                                        )
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneclassesclasstwentytwentyonedarkmodephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Custom Colors Class
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Dark Mode Class
</ins><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px">  * @subpackage Twenty_Twenty_One
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,7 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * This class is in charge of color customization via the Customizer.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * This class is in charge of Dark Mode.
</ins><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> class Twenty_Twenty_One_Dark_Mode {
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,10 +40,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                // Add the switch on the frontend & customizer.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                add_action( 'get_template_part_template-parts/header/site-nav', array( $this, 'the_switch' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         add_action( 'wp_footer', array( $this, 'the_switch' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                // Add the switch in the editor.
</span><span class="cx" style="display: block; padding: 0 10px">                add_action( 'wp_ajax_tt1_dark_mode_editor_switch', array( $this, 'editor_ajax_callback' ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+               // Add the privacy policy content.
+               add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,10 +65,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                $background_color            = get_theme_mod( 'background_color', 'D1E4DD' );
</span><span class="cx" style="display: block; padding: 0 10px">                $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false );
</span><span class="cx" style="display: block; padding: 0 10px">                if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        // Add dark mode variable overrides.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 // Add Dark Mode variable overrides.
</ins><span class="cx" style="display: block; padding: 0 10px">                         wp_add_inline_style(
</span><span class="cx" style="display: block; padding: 0 10px">                                'twenty-twenty-one-custom-color-overrides',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'html.is-dark-mode .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); }'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); }'
</ins><span class="cx" style="display: block; padding: 0 10px">                         );
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px">                wp_enqueue_script(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -98,12 +101,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                if ( ! $this->switch_should_render() ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        return;
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                wp_enqueue_style(
-                       'tt1-dark-mode',
-                       get_template_directory_uri() . '/assets/css/style-dark-mode.css',
-                       array( 'twenty-twenty-one-style' ),
-                       '1.0.0'
-               );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $url = get_template_directory_uri() . '/assets/css/style-dark-mode.css';
+               if ( is_rtl() ) {
+                       $url = get_template_directory_uri() . '/assets/css/style-dark-mode-rtl.css';
+               }
+               wp_enqueue_style( 'tt1-dark-mode', $url, array( 'twenty-twenty-one-style' ), wp_get_theme()->get( 'Version' ) ); // @phpstan-ignore-line. Version is always a string.
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,14 +128,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        '1.0.0',
</span><span class="cx" style="display: block; padding: 0 10px">                        true
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-               wp_localize_script(
-                       'twentytwentyone-customize-controls',
-                       'backgroundColorNotice',
-                       array(
-                               'message' => esc_html__( 'Changes will only be visible if Dark Mode is "Off" in the preview', 'twentytwentyone' ),
-                       )
-               );
</del><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -148,6 +142,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @return void
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><span class="cx" style="display: block; padding: 0 10px">        public function customizer_controls( $wp_customize ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+               $colors_section = $wp_customize->get_section( 'colors' );
+               if ( is_object( $colors_section ) ) {
+                       $colors_section->title       = __( 'Colors & Dark Mode', 'twentytwentyone' );
+                       $colors_section->description = __( 'To access the Dark Mode settings, select a light background color.', 'twentytwentyone' ) . '<br><a href="https://wordpress.org/support/article/twenty-twenty-one/">' . __( 'Learn more about Dark Mode.', 'twentytwentyone' ) . '</a>';
+               }
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 $wp_customize->add_setting(
</span><span class="cx" style="display: block; padding: 0 10px">                        'respect_user_color_preference',
</span><span class="cx" style="display: block; padding: 0 10px">                        array(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,8 +165,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        array(
</span><span class="cx" style="display: block; padding: 0 10px">                                'type'            => 'checkbox',
</span><span class="cx" style="display: block; padding: 0 10px">                                'section'         => 'colors',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'label'           => esc_html__( 'Respect visitor\'s device dark mode settings', 'twentytwentyone' ),
-                               'description'     => __( 'Dark mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text.', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'label'           => esc_html__( 'Dark Mode Support', 'twentytwentyone' ),
+                               'description'     => __( 'Respect visitor\'s device dark mode settings.<br>Dark mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text.<br><br>Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                 'active_callback' => function( $value ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                        return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) );
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -328,7 +329,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                .components-editor-notices__pinned ~ .edit-post-visual-editor #dark-mode-toggler {
</span><span class="cx" style="display: block; padding: 0 10px">                                        z-index: 20;
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                html.is-dark-mode #dark-mode-toggler:not(:hover):not(:focus) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         .is-dark-theme.is-dark-theme #dark-mode-toggler:not(:hover):not(:focus) {
</ins><span class="cx" style="display: block; padding: 0 10px">                                         color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                                @media only screen and (max-width: 782px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -386,4 +387,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                $this->the_styles();
</span><span class="cx" style="display: block; padding: 0 10px">                wp_die();
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       /**
+        * Adds information to the privacy policy.
+        *
+        * @access public
+        *
+        * @since 1.0.0
+        *
+        * @return void
+        */
+       public function add_privacy_policy_content() {
+               if ( ! function_exists( 'wp_add_privacy_policy_content' ) ) {
+                       return;
+               }
+               $content = '<p class="privacy-policy-tutorial">' . __( 'Twenty Twenty-One uses LocalStorage when Dark Mode support is enabled.', 'twentytwentyone' ) . '</p>'
+                               . '<strong class="privacy-policy-tutorial">' . __( 'Suggested Text:', 'twentytwentyone' ) . '</strong> '
+                               . __( 'This website uses LocalStorage to save the setting when Dark Mode support is turned on or off.<br> LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.<br> No data is saved in the database or transferred.', 'twentytwentyone' );
+               wp_add_privacy_policy_content( 'Twenty Twenty-One', wp_kses_post( wpautop( $content, false ) ) );
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonecommentsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/comments.php  2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/comments.php    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,7 +37,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                printf(
</span><span class="cx" style="display: block; padding: 0 10px">                                        /* translators: %s: comment count number. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        esc_html( _nx( '%s Comment', '%s Comments', $twenty_twenty_one_comment_count, 'comments title', 'twentytwentyone' ) ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 esc_html( _nx( '%s Comment', '%s Comments', $twenty_twenty_one_comment_count, 'Comments title', 'twentytwentyone' ) ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                         esc_html( number_format_i18n( $twenty_twenty_one_comment_count ) )
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                ?>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonefooterphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/footer.php    2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/footer.php      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        <footer id="colophon" class="site-footer" role="contentinfo">
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <?php if ( has_nav_menu( 'footer' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <nav aria-label="<?php esc_attr_e( 'Secondary menu', 'twentytwentyone' ); ?>" class="footer-navigation">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <nav aria-label="<?php esc_attr_e( 'Secondary Menu', 'twentytwentyone' ); ?>" class="footer-navigation">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <ul class="footer-navigation-wrapper">
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                        wp_nav_menu(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,11 +28,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                array(
</span><span class="cx" style="display: block; padding: 0 10px">                                                        'theme_location' => 'footer',
</span><span class="cx" style="display: block; padding: 0 10px">                                                        'items_wrap'     => '%3$s',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        'container'      => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 'container'      => false,
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         'depth'          => 1,
</span><span class="cx" style="display: block; padding: 0 10px">                                                        'link_before'    => '<span>',
</span><span class="cx" style="display: block; padding: 0 10px">                                                        'link_after'     => '</span>',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        'fallback_cb'    => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 'fallback_cb'    => false,
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 )
</span><span class="cx" style="display: block; padding: 0 10px">                                        );
</span><span class="cx" style="display: block; padding: 0 10px">                                        ?>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/functions.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/functions.php   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,8 +73,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                register_nav_menus(
</span><span class="cx" style="display: block; padding: 0 10px">                        array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'primary' => esc_html__( 'Primary Navigation', 'twentytwentyone' ),
-                               'footer'  => __( 'Footer Navigation', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'primary' => esc_html__( 'Primary Menu', 'twentytwentyone' ),
+                               'footer'  => __( 'Secondary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -455,7 +455,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentytwentyone_block_editor_script() {
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        wp_enqueue_script( 'twentytwentyone-unregister-block-style', get_theme_file_uri( '/assets/js/unregister-block-style.js' ), array( 'wp-blocks', 'wp-dom' ), wp_get_theme()->get( 'Version' ), true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'twentytwentyone-editor', get_theme_file_uri( '/assets/js/editor.js' ), array( 'wp-blocks', 'wp-dom' ), wp_get_theme()->get( 'Version' ), true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'enqueue_block_editor_assets', 'twentytwentyone_block_editor_script' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincblockpatternsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -114,7 +114,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        'title'       => esc_html__( 'Contact Information', 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px">                        'categories'  => array( 'twentytwentyone' ),
</span><span class="cx" style="display: block; padding: 0 10px">                        'description' => esc_html_x( 'A block with 3 columns that display contact information and social media links.', 'Block pattern description', 'twentytwentyone' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'content'     => '<!-- wp:columns {"align":"wide"} --><div class="wp-block-columns alignwide"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="mailto:#">' . esc_html__( 'example@example.com', 'twentytwentyone' ) . '<br></a>' . esc_html__( '123-456-7890', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center">' . esc_html__( '123 Main Street', 'twentytwentyone' ) . '<br>' . esc_html__( 'Cambridge, MA, 02139', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:colum
 n {"verticalAlignment":"center"} --><div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"align":"right","className":"is-style-twentytwentyone-social-icons-color"} --><ul class="wp-block-social-links alignright is-style-twentytwentyone-social-icons-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /--><!-- wp:social-link {"url":"https://www.facebook.com/WordPress/","service":"facebook"} /--><!-- wp:social-link {"url":"https://twitter.com/WordPress","service":"twitter"} /--><!-- wp:social-link {"service":"instagram"} /--><!-- wp:social-link {"service":"linkedin"} /--><!-- wp:social-link {"service":"youtube"} /-->&lt
 ;!-- wp:social-link {"url":"https://www.youtube.com/wordpress","service":"youtube"} /--></ul><!-- /wp:social-links --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 'content'     => '<!-- wp:columns {"align":"wide"} --><div class="wp-block-columns alignwide"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="mailto:#">' . esc_html_x( 'example@example.com', 'Block pattern sample content', 'twentytwentyone' ) . '<br></a>' . esc_html_x( '123-456-7890', 'Block pattern sample content', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center">' . esc_html_x( '123 Main Street', 'Block pattern sample content', 'twentytwentyone' ) . '<br>' . esc_html_x( 'Cambridge, MA, 02139', 'Block pattern samp
 le content', 'twentytwentyone' ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column {"verticalAlignment":"center"} --><div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"align":"right","className":"is-style-twentytwentyone-social-icons-color"} --><ul class="wp-block-social-links alignright is-style-twentytwentyone-social-icons-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /--><!-- wp:social-link {"url":"https://www.facebook.com/WordPress/","service":"facebook"} /--><!-- wp:social-link {"url":"https://twitter.com/WordPress","service":"twitter"} /--><!-- wp:social-link {"service":"instagram"} /--><!-- wp:social-lin
 k {"service":"linkedin"} /--><!-- wp:social-link {"service":"youtube"} /--><!-- wp:social-link {"url":"https://www.youtube.com/wordpress","service":"youtube"} /--></ul><!-- /wp:social-links --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
</ins><span class="cx" style="display: block; padding: 0 10px">                 )
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincmenufunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php        2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/menu-functions.php  2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,7 +32,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                $output .= '<button class="sub-menu-toggle" aria-expanded="false" onClick="twentytwentyoneExpandSubMenu(this)">';
</span><span class="cx" style="display: block; padding: 0 10px">                $output .= '<span class="icon-plus">' . twenty_twenty_one_get_icon_svg( 'ui', 'plus', 18 ) . '</span>';
</span><span class="cx" style="display: block; padding: 0 10px">                $output .= '<span class="icon-minus">' . twenty_twenty_one_get_icon_svg( 'ui', 'minus', 18 ) . '</span>';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $output .= '<span class="screen-reader-text">' . esc_html__( 'Open menu', 'twentytwentyone' ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $output .= '<span class="screen-reader-text">' . esc_html__( 'Open Menu', 'twentytwentyone' ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px">                 $output .= '</button>';
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px">        return $output;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneincstartercontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php       2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/starter-content.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,7 +40,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- wp:columns {"verticalAlignment":"center","align":"wide","className":"is-style-twentytwentyone-columns-overlap"} -->
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div class="wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap"><!-- wp:column {"verticalAlignment":"center"} -->
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"full","sizeSlug":"large"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <figure class="wp-block-image alignfull size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/roses-tremieres-hollyhocks-1884.jpg" alt="' . esc_attr__( 'Roses Tremieres (Hollyhocks), by Berthe Morisot, 1884', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <figure class="wp-block-image alignfull size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/roses-tremieres-hollyhocks-1884.jpg" alt="' . esc_attr__( '&#8220;Roses Tremieres&#8221; by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <!-- /wp:image -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- wp:spacer -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +48,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- /wp:spacer -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- wp:image {"align":"full","sizeSlug":"large","className":"is-style-twentytwentyone-image-frame"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <figure class="wp-block-image alignfull size-large is-style-twentytwentyone-image-frame"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/in-the-bois-de-boulogne.jpg" alt="' . esc_attr__( 'In the Bois de Boulogne, by Berthe Morisot, 1879', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <figure class="wp-block-image alignfull size-large is-style-twentytwentyone-image-frame"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/in-the-bois-de-boulogne.jpg" alt="' . esc_attr__( '&#8220;In the Bois de Boulogne&#8221; by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <!-- /wp:image --></div>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- /wp:column -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- /wp:spacer -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- wp:image {"sizeSlug":"large","className":"alignfull size-full is-style-twentytwentyone-border"} -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <figure class="wp-block-image size-large alignfull size-full is-style-twentytwentyone-border"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/young-woman-in-mauve.jpg" alt="' . esc_attr__( 'Young Woman in Mauve, by Berthe Morisot, 1880', 'twentytwentyone' ) . '"/></figure>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <figure class="wp-block-image size-large alignfull size-full is-style-twentytwentyone-border"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/young-woman-in-mauve.jpg" alt="' . esc_attr__( '&#8220;Young Woman in Mauve&#8221; by Berthe Morisot', 'twentytwentyone' ) . '"/></figure>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <!-- /wp:image --></div>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- /wp:column --></div>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <!-- /wp:columns -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,7 +151,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                'nav_menus' => array(
</span><span class="cx" style="display: block; padding: 0 10px">                        // Assign a menu to the "primary" location.
</span><span class="cx" style="display: block; padding: 0 10px">                        'primary' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'name'  => esc_html__( 'Primary', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'name'  => esc_html__( 'Primary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                 'items' => array(
</span><span class="cx" style="display: block; padding: 0 10px">                                        'link_home', // Note that the core "home" page is actually a link in case a static front page is not used.
</span><span class="cx" style="display: block; padding: 0 10px">                                        'page_about',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,7 +162,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        // Assign a menu to the "footer" location.
</span><span class="cx" style="display: block; padding: 0 10px">                        'footer'  => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'name'  => esc_html__( 'Footer', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'name'  => esc_html__( 'Secondary Menu', 'twentytwentyone' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                 'items' => array(
</span><span class="cx" style="display: block; padding: 0 10px">                                        'link_facebook',
</span><span class="cx" style="display: block; padding: 0 10px">                                        'link_twitter',
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneinctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php    2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/template-functions.php      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,16 +8,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Remove Gutenberg `Theme` Block Styles.
- *
- * @since 1.0.0
- */
-function twenty_twenty_one_deregister_styles() {
-       wp_dequeue_style( 'wp-block-library-theme' );
-}
-add_action( 'wp_print_styles', 'twenty_twenty_one_deregister_styles', 100 );
-
-/**
</del><span class="cx" style="display: block; padding: 0 10px">  * Adds custom classes to the array of body classes.
</span><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @since 1.0.0
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,6 +18,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function twenty_twenty_one_body_classes( $classes ) {
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        // Helps detect if JS is enabled or not.
+       $classes[] = 'no-js';
+
</ins><span class="cx" style="display: block; padding: 0 10px">         // Adds `singular` to singular pages, and `hfeed` to all other pages.
</span><span class="cx" style="display: block; padding: 0 10px">        $classes[] = is_singular() ? 'singular' : 'hfeed';
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -76,6 +69,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_head', 'twenty_twenty_one_pingback_header' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Remove the `no-js` class from body if JS is supported.
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+function twenty_twenty_one_supports_js() {
+       echo '<script>document.body.classList.remove("no-js");</script>';
+}
+add_action( 'wp_footer', 'twenty_twenty_one_supports_js' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px">  * Changes comment form default fields.
</span><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @since 1.0.0
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -157,7 +162,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twenty_twenty_one_post_title' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">        /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Add a title to posts that are missing titles.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  * Add a title to posts and pages that are missing titles.
</ins><span class="cx" style="display: block; padding: 0 10px">          *
</span><span class="cx" style="display: block; padding: 0 10px">         * @since 1.0.0
</span><span class="cx" style="display: block; padding: 0 10px">         *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -166,7 +171,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @return string
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><span class="cx" style="display: block; padding: 0 10px">        function twenty_twenty_one_post_title( $title ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                return '' === $title ? esc_html__( 'Untitled', 'twentytwentyone' ) : $title;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         return '' === $title ? esc_html_x( 'Untitled', 'Added to posts and pages that are missing titles', 'twentytwentyone' ) : $title;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'the_title', 'twenty_twenty_one_post_title' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -391,7 +396,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        $label  = 'pwbox-' . ( empty( $post->ID ) ? wp_rand() : $post->ID );
</span><span class="cx" style="display: block; padding: 0 10px">        $output = '<p class="post-password-message">' . esc_html__( 'This content is password protected. Please enter a password to view.', 'twentytwentyone' ) . '</p>
</span><span class="cx" style="display: block; padding: 0 10px">        <form action="' . esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ) . '" class="post-password-form" method="post">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <label class="post-password-form__label" for="' . esc_attr( $label ) . '">' . esc_html__( 'Password', 'twentytwentyone' ) . '</label><input class="post-password-form__input" name="post_password" id="' . esc_attr( $label ) . '" type="password" size="20" /><input type="submit" class="post-password-form__submit" name="' . esc_attr__( 'Submit', 'twentytwentyone' ) . '" value="' . esc_attr_x( 'Enter', 'post password form', 'twentytwentyone' ) . '" /></form>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <label class="post-password-form__label" for="' . esc_attr( $label ) . '">' . esc_html_x( 'Password', 'Post password form', 'twentytwentyone' ) . '</label><input class="post-password-form__input" name="post_password" id="' . esc_attr( $label ) . '" type="password" size="20" /><input type="submit" class="post-password-form__submit" name="' . esc_attr_x( 'Submit', 'Post password form', 'twentytwentyone' ) . '" value="' . esc_attr_x( 'Enter', 'Post password form', 'twentytwentyone' ) . '" /></form>
</ins><span class="cx" style="display: block; padding: 0 10px">         ';
</span><span class="cx" style="display: block; padding: 0 10px">        return $output;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -434,7 +439,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                // Add style.
</span><span class="cx" style="display: block; padding: 0 10px">                $attr['style'] = isset( $attr['style'] ) ? $attr['style'] : '';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $attr['style'] = 'width:100%;height:' . round( 100 * $height / $width, 2 ) . '%;' . $attr['style'];
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $attr['style'] = 'width:100%;height:' . round( 100 * $height / $width, 2 ) . '%;max-width:' . $width . 'px;' . $attr['style'];
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        return $attr;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyoneinctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/inc/template-tags.php   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,7 +74,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                if ( ! is_single() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        if ( is_sticky() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                echo '<p>' . esc_html__( 'Featured post', 'twentytwentyone' ) . '</p>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         echo '<p>' . esc_html_x( 'Featured post', 'Label for sticky posts', 'twentytwentyone' ) . '</p>';
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        $post_format = get_post_format();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -217,6 +217,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">         * @return void
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><span class="cx" style="display: block; padding: 0 10px">        function twenty_twenty_one_the_posts_navigation() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                $post_type      = get_post_type_object( get_post_type() );
+               $post_type_name = '';
+               if (
+                       is_object( $post_type ) &&
+                       property_exists( $post_type, 'labels' ) &&
+                       is_object( $post_type->labels ) &&
+                       property_exists( $post_type->labels, 'name' )
+               ) {
+                       $post_type_name = $post_type->labels->name;
+               }
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 the_posts_pagination(
</span><span class="cx" style="display: block; padding: 0 10px">                        array(
</span><span class="cx" style="display: block; padding: 0 10px">                                /* translators: There is a space after page. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,11 +236,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'prev_text'          => sprintf(
</span><span class="cx" style="display: block; padding: 0 10px">                                        '%s <span class="nav-prev-text">%s</span>',
</span><span class="cx" style="display: block; padding: 0 10px">                                        is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        esc_html__( 'Newer posts', 'twentytwentyone' )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 sprintf(
+                                               /* translators: %s: The post-type name. */
+                                               esc_html__( 'Newer %s', 'twentytwentyone' ),
+                                               '<span class="nav-short">' . esc_html( $post_type_name ) . '</span>'
+                                       )
</ins><span class="cx" style="display: block; padding: 0 10px">                                 ),
</span><span class="cx" style="display: block; padding: 0 10px">                                'next_text'          => sprintf(
</span><span class="cx" style="display: block; padding: 0 10px">                                        '<span class="nav-next-text">%s</span> %s',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        esc_html__( 'Older posts', 'twentytwentyone' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 sprintf(
+                                               /* translators: %s: The post-type name. */
+                                               esc_html__( 'Older %s', 'twentytwentyone' ),
+                                               '<span class="nav-short">' . esc_html( $post_type_name ) . '</span>'
+                                       ),
</ins><span class="cx" style="display: block; padding: 0 10px">                                         is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' )
</span><span class="cx" style="display: block; padding: 0 10px">                                ),
</span><span class="cx" style="display: block; padding: 0 10px">                        )
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonepackagelockjson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/package-lock.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/package-lock.json     2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/package-lock.json       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,19 +14,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/core": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.0.tgz",
-                       "integrity": "sha512-iV7Gwg0DePKvdDZZWRTkj4MW+6/AbVWd4ZCg+zk8H1RVt5xBpUZS6vLQWwb3pyLg4BFTaGiQCPoJ4Ibmbne4fA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.3",
+                       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.3.tgz",
+                       "integrity": "sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/code-frame": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/generator": "^7.12.0",
-                               "@babel/helper-module-transforms": "^7.12.0",
-                               "@babel/helpers": "^7.10.4",
-                               "@babel/parser": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/generator": "^7.12.1",
+                               "@babel/helper-module-transforms": "^7.12.1",
+                               "@babel/helpers": "^7.12.1",
+                               "@babel/parser": "^7.12.3",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/traverse": "^7.12.0",
-                               "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/traverse": "^7.12.1",
+                               "@babel/types": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "convert-source-map": "^1.7.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "debug": "^4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "gensync": "^1.0.0-beta.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,46 +37,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "source-map": "^0.5.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        },
</span><span class="cx" style="display: block; padding: 0 10px">                        "dependencies": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "semver": {
+                                       "version": "5.7.1",
+                                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                                       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "source-map": {
-                                       "version": "0.5.7",
-                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-                                       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
-                                       "dev": true
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/generator": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.0.tgz",
-                       "integrity": "sha512-8lnf4QcyiQMf5XQp47BltuMTocsOh6P0z/vueEh8GzhmWWlDbdvOoI5Ziddg0XYhmnx35HyByUW51/9NprF8cA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.5.tgz",
+                       "integrity": "sha512-m16TQQJ8hPt7E+OS/XVQg/7U184MLXtvuGbCdA7na61vha+ImkyyNM/9DDA0unYCVZn3ZOhng+qz48/KBOT96A==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/types": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "jsesc": "^2.5.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "source-map": "^0.5.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "source-map": {
-                                       "version": "0.5.7",
-                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-                                       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-function-name": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -100,37 +77,37 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-member-expression-to-functions": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.0.tgz",
-                       "integrity": "sha512-I0d/bgzgzgLsJMk7UZ0TN2KV3OGjC/t/9Saz8PKb9jrcEAXhgjGysOgp4PDKydIKjUv/gj2St4ae+ov8l+T9Xg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.1",
+                       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.1.tgz",
+                       "integrity": "sha512-k0CIe3tXUKTRSoEx1LQEPFU9vRQfqHtl+kf8eNnDqb4AUJEy5pz6aIiog+YWtVm2jpggjS1laH68bPsR+KWWPQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/types": "^7.12.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/types": "^7.12.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-module-imports": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.10.4",
-                       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz",
-                       "integrity": "sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz",
+                       "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-module-transforms": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.0.tgz",
-                       "integrity": "sha512-1ZTMoCiLSzTJLbq7mSaTHki4oIrBIf/dUbzdhwTrvtMU3ZNVKwQmGae3gSiqppo7G8HAgnXmc43rfEaD8yYLLQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.1",
+                       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz",
+                       "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/helper-module-imports": "^7.10.4",
-                               "@babel/helper-replace-supers": "^7.12.0",
-                               "@babel/helper-simple-access": "^7.10.4",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/helper-module-imports": "^7.12.1",
+                               "@babel/helper-replace-supers": "^7.12.1",
+                               "@babel/helper-simple-access": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "@babel/helper-split-export-declaration": "^7.11.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/helper-validator-identifier": "^7.10.4",
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/traverse": "^7.12.0",
-                               "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/traverse": "^7.12.1",
+                               "@babel/types": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "lodash": "^4.17.19"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -144,25 +121,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-replace-supers": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.0.tgz",
-                       "integrity": "sha512-9kycFdq2c9e7PXZOr2z/ZqTFF9OzFu287iFwYS+CiDVPuoTCfY8hoTsIqNQNetQjlqoRsRyJFrMG1uhGAR4EEw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.5.tgz",
+                       "integrity": "sha512-5YILoed0ZyIpF4gKcpZitEnXEJ9UoDRki1Ey6xz46rxOzfNMAhVIJMoune1hmPVxh40LRv1+oafz7UsWX+vyWA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/helper-member-expression-to-functions": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/helper-member-expression-to-functions": "^7.12.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "@babel/helper-optimise-call-expression": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/traverse": "^7.12.0",
-                               "@babel/types": "^7.12.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/traverse": "^7.12.5",
+                               "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-simple-access": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.10.4",
-                       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.10.4.tgz",
-                       "integrity": "sha512-0fMy72ej/VEvF8ULmX6yb5MtHG4uH4Dbd6I/aHDb/JVg0bbivwt9Wg+h3uMvX+QSFtwr5MeItvazbrc4jtRAXw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.1",
+                       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz",
+                       "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/template": "^7.10.4",
-                               "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/types": "^7.12.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helper-split-export-declaration": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,14 +157,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/helpers": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.10.4",
-                       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.10.4.tgz",
-                       "integrity": "sha512-L2gX/XeUONeEbI78dXSrJzGdz4GQ+ZTA/aazfUsFaWjSe95kiCuOZ5HsXvkiw3iwF+mFHSRUfJU8t6YavocdXA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz",
+                       "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/template": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/traverse": "^7.10.4",
-                               "@babel/types": "^7.10.4"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/traverse": "^7.12.5",
+                               "@babel/types": "^7.12.5"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/highlight": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -203,15 +179,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/parser": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.0.tgz",
-                       "integrity": "sha512-dYmySMYnlus2jwl7JnnajAj11obRStZoW9cG04wh4ZuhozDn11tDUrhHcUZ9iuNHqALAhh60XqNaYXpvuuE/Gg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.5.tgz",
+                       "integrity": "sha512-FVM6RZQ0mn2KCf1VUED7KepYeUWoVShczewOCfm3nzoBybaih51h+sYVVGthW9M6lPByEPTQf+xm27PBdlpwmQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/runtime": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.0.tgz",
-                       "integrity": "sha512-lS4QLXQ2Vbw2ubfQjeQcn+BZgZ5+ROHW9f+DWjEp5Y+NHYmkRGKqHSJ1tuhbUauKu2nhZNTBIvsIQ8dXfY5Gjw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz",
+                       "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "regenerator-runtime": "^0.13.4"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -218,9 +194,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/runtime-corejs3": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.0.tgz",
-                       "integrity": "sha512-CltlJftStV4CBG4/HWVVRnBWFvLkYd22BkYO4gFgX+89JOlYiKQ5+Ji9Ovqb1o3T5DkkBn3JrVq1V/xweAaeGA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz",
+                       "integrity": "sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "core-js-pure": "^3.0.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -239,49 +215,34 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/traverse": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.0.tgz",
-                       "integrity": "sha512-ZU9e79xpOukCNPkQ1UzR4gJKCruGckr6edd8v8lmKpSk8iakgUIvb+5ZtaKKV9f7O+x5r+xbMDDIbzVpUoiIuw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.5",
+                       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.5.tgz",
+                       "integrity": "sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/code-frame": "^7.10.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/generator": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/generator": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "@babel/helper-function-name": "^7.10.4",
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/helper-split-export-declaration": "^7.11.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/parser": "^7.12.0",
-                               "@babel/types": "^7.12.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/parser": "^7.12.5",
+                               "@babel/types": "^7.12.5",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "debug": "^4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "globals": "^11.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "lodash": "^4.17.19"
</span><span class="cx" style="display: block; padding: 0 10px">                        },
</span><span class="cx" style="display: block; padding: 0 10px">                        "dependencies": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "globals": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "11.12.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@babel/types": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.12.0",
-                       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.0.tgz",
-                       "integrity": "sha512-ggIyFmT2zMaYRheOfPDQ4gz7QqV3B+t2rjqjbttDJxMcb7/LukvWCmlIl1sWcOxrvwpTDd+z0OytzqsbGeb3/g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.12.6",
+                       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.6.tgz",
+                       "integrity": "sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/helper-validator-identifier": "^7.10.4",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -299,9 +260,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@eslint/eslintrc": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "0.1.3",
-                       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.1.3.tgz",
-                       "integrity": "sha512-4YVwPkANLeNtRjMekzux1ci8hIaH5eGKktGqR0d3LWsKNn5B2X/1Z6Trxy7jQXl9EBGE6Yj02O+t09FMeRllaA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "0.2.1",
+                       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.2.1.tgz",
+                       "integrity": "sha512-XRUeBZ5zBWLYgSANMpThFddrZZkEbGHgUdt5UJjZfnlN9BGCiUBrf+nvbRupSjMvqzwnQN0qwCmOxITt1cfywA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "ajv": "^6.12.4",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -314,51 +275,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "lodash": "^4.17.19",
</span><span class="cx" style="display: block; padding: 0 10px">                                "minimatch": "^3.0.4",
</span><span class="cx" style="display: block; padding: 0 10px">                                "strip-json-comments": "^3.1.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
-                               "ignore": {
-                                       "version": "4.0.6",
-                                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-                                       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-                                       "dev": true
-                               },
-                               "import-fresh": {
-                                       "version": "3.2.1",
-                                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-                                       "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "parent-module": "^1.0.0",
-                                               "resolve-from": "^4.0.0"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               },
-                               "resolve-from": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-                                       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-                                       "dev": true
-                               },
-                               "strip-json-comments": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-                                       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@nodelib/fs.scandir": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -387,12 +303,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "fastq": "^1.6.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@sindresorhus/is": {
-                       "version": "2.1.1",
-                       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-2.1.1.tgz",
-                       "integrity": "sha512-/aPsuoj/1Dw/kzhkgz+ES6TxG0zfTMGLwuK2ZG00k/iJzYHTLCE8mVU8EPqEOp/lmxPoq1C1C9RYToRKb2KEfg==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@stylelint/postcss-css-in-js": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.37.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -412,39 +322,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "unist-util-find-all-after": "^3.0.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@szmarczak/http-timer": {
-                       "version": "4.0.5",
-                       "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.5.tgz",
-                       "integrity": "sha512-PyRA9sm1Yayuj5OIoJ1hGt2YISX45w9WcFbh6ddT0Z/0yaFxOtGLInr4jUfU1EAFVs0Yfyfev4RNwBlUaHdlDQ==",
-                       "dev": true,
-                       "requires": {
-                               "defer-to-connect": "^2.0.0"
-                       }
-               },
-               "@types/cacheable-request": {
-                       "version": "6.0.1",
-                       "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.1.tgz",
-                       "integrity": "sha512-ykFq2zmBGOCbpIXtoVbz4SKY5QriWPh3AjyU4G74RYbtt5yOc5OfaY75ftjg7mikMOla1CTGpX3lLbuJh8DTrQ==",
-                       "dev": true,
-                       "requires": {
-                               "@types/http-cache-semantics": "*",
-                               "@types/keyv": "*",
-                               "@types/node": "*",
-                               "@types/responselike": "*"
-                       }
-               },
-               "@types/color-name": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
-                       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
-                       "dev": true
-               },
-               "@types/http-cache-semantics": {
-                       "version": "4.0.0",
-                       "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.0.tgz",
-                       "integrity": "sha512-c3Xy026kOF7QOTn00hbIllV1dLR9hG9NkSrLQgCVs8NF6sBU+VGWjD3wLPhmh1TYAc7ugCFsvHYMN4VcBN1U1A==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@types/json-schema": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "7.0.6",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -451,27 +328,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@types/keyv": {
-                       "version": "3.1.1",
-                       "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.1.tgz",
-                       "integrity": "sha512-MPtoySlAZQ37VoLaPcTHCu1RWJ4llDkULYZIzOYxlhxBqYPB0RsRlmMU0R6tahtFe27mIdkHV+551ZWV4PLmVw==",
-                       "dev": true,
-                       "requires": {
-                               "@types/node": "*"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@types/minimist": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.0.tgz",
-                       "integrity": "sha1-aaI6OtKcrwCX8G7aWbNh7i8GOfY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.2.1",
+                       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz",
+                       "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@types/node": {
-                       "version": "14.11.8",
-                       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.11.8.tgz",
-                       "integrity": "sha512-KPcKqKm5UKDkaYPTuXSx8wEP7vE9GnuaXIZKijwRYcePpZFDVuy2a57LarFKiORbHOuTOOwYzxVxcUzsh2P2Pw==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@types/normalize-package-data": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.4.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,15 +346,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@types/responselike": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.0.tgz",
-                       "integrity": "sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==",
-                       "dev": true,
-                       "requires": {
-                               "@types/node": "*"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@types/unist": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -524,29 +377,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "lodash": "^4.17.15",
</span><span class="cx" style="display: block; padding: 0 10px">                                "semver": "^7.3.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "tsutils": "^3.17.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               },
-                               "semver": {
-                                       "version": "7.3.2",
-                                       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-                                       "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@wordpress/browserslist-config": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -555,115 +385,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-pB45JlfmHuEigNFZ1X+CTgIsOT3/TTb9iZxw1DHXge/7ytY8FNhtcNwTfF9IgnS6/xaFRZBqzw4DyH4sP1Lyxg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@wordpress/env": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/@wordpress/env/-/env-2.1.0.tgz",
-                       "integrity": "sha512-ytPfTZLYksLyS9pWRexs3yT+TKkf2wr3IFuoBGxIcPJZGxPBiOUyOPLXOezQiDFetLkyXbsDIeb7cFDojM4KIA==",
-                       "dev": true,
-                       "requires": {
-                               "chalk": "^4.0.0",
-                               "copy-dir": "^1.3.0",
-                               "docker-compose": "^0.22.2",
-                               "extract-zip": "^1.6.7",
-                               "got": "^10.7.0",
-                               "inquirer": "^7.1.0",
-                               "js-yaml": "^3.13.1",
-                               "nodegit": "^0.26.2",
-                               "ora": "^4.0.2",
-                               "rimraf": "^3.0.2",
-                               "terminal-link": "^2.0.0",
-                               "yargs": "^14.0.0"
-                       },
-                       "dependencies": {
-                               "ansi-styles": {
-                                       "version": "4.3.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-                                       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-convert": "^2.0.1"
-                                       }
-                               },
-                               "chalk": {
-                                       "version": "4.1.0",
-                                       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-                                       "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-styles": "^4.1.0",
-                                               "supports-color": "^7.1.0"
-                                       }
-                               },
-                               "color-convert": {
-                                       "version": "2.0.1",
-                                       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-                                       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-name": "~1.1.4"
-                                       }
-                               },
-                               "color-name": {
-                                       "version": "1.1.4",
-                                       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-                                       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-                                       "dev": true
-                               },
-                               "has-flag": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-                                       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-                                       "dev": true
-                               },
-                               "rimraf": {
-                                       "version": "3.0.2",
-                                       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-                                       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "glob": "^7.1.3"
-                                       }
-                               },
-                               "supports-color": {
-                                       "version": "7.2.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-                                       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^4.0.0"
-                                       }
-                               },
-                               "yargs": {
-                                       "version": "14.2.3",
-                                       "resolved": "https://registry.npmjs.org/yargs/-/yargs-14.2.3.tgz",
-                                       "integrity": "sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "cliui": "^5.0.0",
-                                               "decamelize": "^1.2.0",
-                                               "find-up": "^3.0.0",
-                                               "get-caller-file": "^2.0.1",
-                                               "require-directory": "^2.1.1",
-                                               "require-main-filename": "^2.0.0",
-                                               "set-blocking": "^2.0.0",
-                                               "string-width": "^3.0.0",
-                                               "which-module": "^2.0.0",
-                                               "y18n": "^4.0.0",
-                                               "yargs-parser": "^15.0.1"
-                                       }
-                               },
-                               "yargs-parser": {
-                                       "version": "15.0.1",
-                                       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-15.0.1.tgz",
-                                       "integrity": "sha512-0OAMV2mAZQrs3FkNpDQcBk1x5HXb8X4twADss4S0Iuk+2dGnLOE/fRHrsYm542GduMveyA77OF4wrNJuanRCWw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "camelcase": "^5.0.0",
-                                               "decamelize": "^1.2.0"
-                                       }
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "@wordpress/eslint-plugin": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "7.3.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-7.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -683,61 +404,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "globals": "^12.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "prettier": "npm:wp-prettier@2.0.5",
</span><span class="cx" style="display: block; padding: 0 10px">                                "requireindex": "^1.2.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "cosmiconfig": {
-                                       "version": "7.0.0",
-                                       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
-                                       "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@types/parse-json": "^4.0.0",
-                                               "import-fresh": "^3.2.1",
-                                               "parse-json": "^5.0.0",
-                                               "path-type": "^4.0.0",
-                                               "yaml": "^1.10.0"
-                                       }
-                               },
-                               "import-fresh": {
-                                       "version": "3.2.1",
-                                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-                                       "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "parent-module": "^1.0.0",
-                                               "resolve-from": "^4.0.0"
-                                       }
-                               },
-                               "parse-json": {
-                                       "version": "5.1.0",
-                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
-                                       "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@babel/code-frame": "^7.0.0",
-                                               "error-ex": "^1.3.1",
-                                               "json-parse-even-better-errors": "^2.3.0",
-                                               "lines-and-columns": "^1.1.6"
-                                       }
-                               },
-                               "path-type": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-                                       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-                                       "dev": true
-                               },
-                               "prettier": {
-                                       "version": "npm:wp-prettier@2.0.5",
-                                       "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
-                                       "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
-                                       "dev": true
-                               },
-                               "resolve-from": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-                                       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "@wordpress/prettier-config": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -746,12 +412,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-7c4VeugkCwDkaHSD7ffxoP0VC5c///gCTEAT032OhI5Rik2dPxE3EkNAB2NhotGE8M4dMAg4g5Wj2OWZIn8TFw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "abbrev": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
-                       "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "acorn": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "7.4.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -765,9 +425,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "ajv": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.12.4",
-                       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz",
-                       "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.12.6",
+                       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+                       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "fast-deep-equal": "^3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -776,12 +436,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "uri-js": "^4.2.2"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "amdefine": {
-                       "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
-                       "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "ansi-colors": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -788,23 +442,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "ansi-escapes": {
-                       "version": "4.3.1",
-                       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.1.tgz",
-                       "integrity": "sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==",
-                       "dev": true,
-                       "requires": {
-                               "type-fest": "^0.11.0"
-                       },
-                       "dependencies": {
-                               "type-fest": {
-                                       "version": "0.11.0",
-                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.11.0.tgz",
-                                       "integrity": "sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==",
-                                       "dev": true
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "ansi-regex": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -830,22 +467,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "picomatch": "^2.0.4"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "aproba": {
-                       "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
-                       "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
-                       "dev": true
-               },
-               "are-we-there-yet": {
-                       "version": "1.1.5",
-                       "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
-                       "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
-                       "dev": true,
-                       "requires": {
-                               "delegates": "^1.0.0",
-                               "readable-stream": "^2.0.6"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "argparse": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.10",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -865,12 +486,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/runtime-corejs3": "^7.10.2"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "array-find-index": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
-                       "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "array-includes": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -905,27 +520,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "asap": {
-                       "version": "2.0.6",
-                       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
-                       "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
-                       "dev": true
-               },
-               "asn1": {
-                       "version": "0.2.4",
-                       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
-                       "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
-                       "dev": true,
-                       "requires": {
-                               "safer-buffer": "~2.1.0"
-                       }
-               },
-               "assert-plus": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-                       "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "ast-types-flow": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.0.7",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -938,18 +532,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "async-foreach": {
-                       "version": "0.1.3",
-                       "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
-                       "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
-                       "dev": true
-               },
-               "asynckit": {
-                       "version": "0.4.0",
-                       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-                       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "at-least-node": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -971,22 +553,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "postcss-value-parser": "^4.1.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "aws-sign2": {
-                       "version": "0.7.0",
-                       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-                       "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
-                       "dev": true
-               },
-               "aws4": {
-                       "version": "1.10.1",
-                       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.1.tgz",
-                       "integrity": "sha512-zg7Hz2k5lI8kb7U32998pRRFin7zJlkfezGJjUc2heaD4Pw2wObakCDVzkKztTm/Ln7eiVvYsjqak0Ed4LkMDA==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "axe-core": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.5.5",
-                       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-3.5.5.tgz",
-                       "integrity": "sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.2",
+                       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.0.2.tgz",
+                       "integrity": "sha512-arU1h31OGFu+LPrOLGZ7nB45v940NMDMEJeNmbutu57P+UFDVnkZg3e+J1I2HJRZ9hT7gO8J91dn/PMrAiKakA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "axobject-query": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1021,15 +591,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "bcrypt-pbkdf": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-                       "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
-                       "dev": true,
-                       "requires": {
-                               "tweetnacl": "^0.14.3"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "binary-extensions": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1036,25 +597,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "bl": {
-                       "version": "1.2.3",
-                       "resolved": "https://registry.npmjs.org/bl/-/bl-1.2.3.tgz",
-                       "integrity": "sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==",
-                       "dev": true,
-                       "requires": {
-                               "readable-stream": "^2.3.5",
-                               "safe-buffer": "^5.1.1"
-                       }
-               },
-               "block-stream": {
-                       "version": "0.0.9",
-                       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
-                       "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
-                       "dev": true,
-                       "requires": {
-                               "inherits": "~2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "brace-expansion": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.1.11",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1075,76 +617,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "browserslist": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "4.14.0",
-                       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz",
-                       "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.14.7",
+                       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.7.tgz",
+                       "integrity": "sha512-BSVRLCeG3Xt/j/1cCGj1019Wbty0H+Yvu2AOuZSuoaUWn3RatbL33Cxk+Q4jRMRAbOm0p7SLravLjpnT6s0vzQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "caniuse-lite": "^1.0.30001111",
-                               "electron-to-chromium": "^1.3.523",
-                               "escalade": "^3.0.2",
-                               "node-releases": "^1.1.60"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "caniuse-lite": "^1.0.30001157",
+                               "colorette": "^1.2.1",
+                               "electron-to-chromium": "^1.3.591",
+                               "escalade": "^3.1.1",
+                               "node-releases": "^1.1.66"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "buffer-alloc": {
-                       "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
-                       "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
-                       "dev": true,
-                       "requires": {
-                               "buffer-alloc-unsafe": "^1.1.0",
-                               "buffer-fill": "^1.0.0"
-                       }
-               },
-               "buffer-alloc-unsafe": {
-                       "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
-                       "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==",
-                       "dev": true
-               },
-               "buffer-crc32": {
-                       "version": "0.2.13",
-                       "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-                       "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
-                       "dev": true
-               },
-               "buffer-fill": {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "call-bind": {
</ins><span class="cx" style="display: block; padding: 0 10px">                         "version": "1.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
-                       "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=",
-                       "dev": true
-               },
-               "buffer-from": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
-                       "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
-                       "dev": true
-               },
-               "cacheable-lookup": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-2.0.1.tgz",
-                       "integrity": "sha512-EMMbsiOTcdngM/K6gV/OxF2x0t07+vMOWxZNSCRQMjO2MY2nhZQ6OYhOOpyQrbhqsgtvKGI7hcq6xjnA92USjg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.0.tgz",
+                       "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@types/keyv": "^3.1.1",
-                               "keyv": "^4.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "function-bind": "^1.1.1",
+                               "get-intrinsic": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "cacheable-request": {
-                       "version": "7.0.1",
-                       "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.1.tgz",
-                       "integrity": "sha512-lt0mJ6YAnsrBErpTMWeu5kl/tg9xMAWjavYTN6VQXM1A/teBITuNcccXsCxF0tDQQJf9DfAaX5O4e0zp0KlfZw==",
-                       "dev": true,
-                       "requires": {
-                               "clone-response": "^1.0.2",
-                               "get-stream": "^5.1.0",
-                               "http-cache-semantics": "^4.0.0",
-                               "keyv": "^4.0.0",
-                               "lowercase-keys": "^2.0.0",
-                               "normalize-url": "^4.1.0",
-                               "responselike": "^2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "caller-callsite": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1152,6 +646,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "callsites": "^2.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "callsites": {
+                                       "version": "2.0.0",
+                                       "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+                                       "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "caller-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1164,9 +666,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "callsites": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
-                       "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.0",
+                       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+                       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "camelcase": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1176,39 +678,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "camelcase-keys": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
-                       "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.2.2",
+                       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+                       "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "camelcase": "^2.0.0",
-                               "map-obj": "^1.0.0"
-                       },
-                       "dependencies": {
-                               "camelcase": {
-                                       "version": "2.1.1",
-                                       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
-                                       "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
-                                       "dev": true
-                               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "camelcase": "^5.3.1",
+                               "map-obj": "^4.0.0",
+                               "quick-lru": "^4.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "caniuse-lite": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.30001123",
-                       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001123.tgz",
-                       "integrity": "sha512-03dJDoa4YC4332jq0rqwiM+Hw6tA5RJtrnZKvOQy7ASoIUv8CinkcmGhYpCvCjedvkBQrrKnkcELxrUSW/XwNQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.0.30001157",
+                       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz",
+                       "integrity": "sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "caseless": {
-                       "version": "0.12.0",
-                       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-                       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "ccount": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.5",
-                       "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.0.5.tgz",
-                       "integrity": "sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.1.0",
+                       "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                       "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "chalk": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1220,17 +709,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "ansi-styles": "^3.2.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "escape-string-regexp": "^1.0.5",
</span><span class="cx" style="display: block; padding: 0 10px">                                "supports-color": "^5.3.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "supports-color": {
-                                       "version": "5.5.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                                       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^3.0.0"
-                                       }
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "character-entities": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1257,16 +735,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "chardet": {
-                       "version": "0.7.0",
-                       "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-                       "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "chokidar": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.4.2",
-                       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.2.tgz",
-                       "integrity": "sha512-IZHaDeBeI+sZJRX7lGcXsdzgvZqKv6sECqsbErJA4mHWfpRrD8B97kSFN4cQz6nGBGiuFia1MKR4d6c1o8Cv7A==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.4.3",
+                       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz",
+                       "integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "anymatch": "~3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1276,7 +748,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-binary-path": "~2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-glob": "~4.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "normalize-path": "~3.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "readdirp": "~3.4.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "readdirp": "~3.5.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "chokidar-cli": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1291,33 +763,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "yargs": "^13.3.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "chownr": {
-                       "version": "1.1.4",
-                       "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-                       "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-                       "dev": true
-               },
-               "cli-cursor": {
-                       "version": "3.1.0",
-                       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-                       "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-                       "dev": true,
-                       "requires": {
-                               "restore-cursor": "^3.1.0"
-                       }
-               },
-               "cli-spinners": {
-                       "version": "2.5.0",
-                       "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.5.0.tgz",
-                       "integrity": "sha512-PC+AmIuK04E6aeSs/pUccSujsTzBhu4HzC2dL+CfJB/Jcc2qTRbEwZQDfIUpt2Xl8BodYBEq8w4fc0kU2I9DjQ==",
-                       "dev": true
-               },
-               "cli-width": {
-                       "version": "3.0.0",
-                       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-                       "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "cliui": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1329,12 +774,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "wrap-ansi": "^5.1.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "clone": {
-                       "version": "1.0.4",
-                       "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-                       "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "clone-regexp": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1344,29 +783,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-regexp": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "clone-response": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
-                       "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
-                       "dev": true,
-                       "requires": {
-                               "mimic-response": "^1.0.0"
-                       },
-                       "dependencies": {
-                               "mimic-response": {
-                                       "version": "1.0.1",
-                                       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
-                                       "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
-                                       "dev": true
-                               }
-                       }
-               },
-               "code-point-at": {
-                       "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-                       "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "collapse-white-space": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1394,15 +810,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "combined-stream": {
-                       "version": "1.0.8",
-                       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-                       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-                       "dev": true,
-                       "requires": {
-                               "delayed-stream": "~1.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "commander": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.20.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1421,24 +828,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "concat-stream": {
-                       "version": "1.6.2",
-                       "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
-                       "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
-                       "dev": true,
-                       "requires": {
-                               "buffer-from": "^1.0.0",
-                               "inherits": "^2.0.3",
-                               "readable-stream": "^2.2.2",
-                               "typedarray": "^0.0.6"
-                       }
-               },
-               "console-control-strings": {
-                       "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
-                       "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "convert-source-map": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.7.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1448,56 +837,34 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "safe-buffer": "~5.1.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "copy-dir": {
-                       "version": "1.3.0",
-                       "resolved": "https://registry.npmjs.org/copy-dir/-/copy-dir-1.3.0.tgz",
-                       "integrity": "sha512-Q4+qBFnN4bwGwvtXXzbp4P/4iNk0MaiGAzvQ8OiMtlLjkIKjmNN689uVzShSM0908q7GoFHXIPx4zi75ocoaHw==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "core-js-pure": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.6.5",
-                       "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.6.5.tgz",
-                       "integrity": "sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.7.0",
+                       "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.7.0.tgz",
+                       "integrity": "sha512-EZD2ckZysv8MMt4J6HSvS9K2GdtlZtdBncKAmF9lr2n0c9dJUaUN88PSTjvgwCgQPWKTkERXITgS6JJRAnljtg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "core-util-is": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-                       "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "cosmiconfig": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "5.2.1",
-                       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
-                       "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.0.0",
+                       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+                       "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "import-fresh": "^2.0.0",
-                               "is-directory": "^0.3.1",
-                               "js-yaml": "^3.13.1",
-                               "parse-json": "^4.0.0"
-                       },
-                       "dependencies": {
-                               "parse-json": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-                                       "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-                                       "dev": true,
-                                       "requires": {
-                                               "error-ex": "^1.3.1",
-                                               "json-parse-better-errors": "^1.0.1"
-                                       }
-                               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@types/parse-json": "^4.0.0",
+                               "import-fresh": "^3.2.1",
+                               "parse-json": "^5.0.0",
+                               "path-type": "^4.0.0",
+                               "yaml": "^1.10.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "cross-spawn": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.1",
-                       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
-                       "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.0.3",
+                       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+                       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "lru-cache": "^4.0.1",
-                               "which": "^1.2.9"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "path-key": "^3.1.0",
+                               "shebang-command": "^2.0.0",
+                               "which": "^2.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "cssesc": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1506,15 +873,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "currently-unhandled": {
-                       "version": "0.4.1",
-                       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
-                       "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
-                       "dev": true,
-                       "requires": {
-                               "array-find-index": "^1.0.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "damerau-levenshtein": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1521,22 +879,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "dashdash": {
-                       "version": "1.14.1",
-                       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-                       "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
-                       "dev": true,
-                       "requires": {
-                               "assert-plus": "^1.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "debug": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.6.9",
-                       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-                       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.2.0",
+                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
+                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "ms": "2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "ms": "2.1.2"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "decamelize": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1553,23 +902,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "decamelize": "^1.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "map-obj": "^1.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "map-obj": {
+                                       "version": "1.0.1",
+                                       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+                                       "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "decompress-response": {
-                       "version": "5.0.0",
-                       "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-5.0.0.tgz",
-                       "integrity": "sha512-TLZWWybuxWgoW7Lykv+gq9xvzOsUjQ9tF09Tj6NSTYGMTCHNXzrPnD6Hi+TgZq19PyTAGH4Ll/NIM/eTGglnMw==",
-                       "dev": true,
-                       "requires": {
-                               "mimic-response": "^2.0.0"
-                       }
-               },
-               "deep-extend": {
-                       "version": "0.6.0",
-                       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-                       "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "deep-is": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.1.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1576,21 +918,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "defaults": {
-                       "version": "1.0.3",
-                       "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
-                       "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
-                       "dev": true,
-                       "requires": {
-                               "clone": "^1.0.2"
-                       }
-               },
-               "defer-to-connect": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.0.tgz",
-                       "integrity": "sha512-bYL2d05vOSf1JEZNx5vSAtPuBMkX8K9EUutg7zlKvTqKXHt7RhWJFbmd7qakVuf13i+IkGmp6FwSsONOf6VYIg==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "define-properties": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.1.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1600,18 +927,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "object-keys": "^1.0.12"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "delayed-stream": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-                       "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
-                       "dev": true
-               },
-               "delegates": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
-                       "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "dependency-graph": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.9.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.9.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1618,12 +933,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-9YLIBURXj4DJMFALxXw9K3Y3rwb5Fk0X5/8ipCzaN84+gKxoHK43tVKRNakCQbiEx07E8Uwhuq21BpUagFhZ8w==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "detect-libc": {
-                       "version": "1.0.3",
-                       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-                       "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "dir-glob": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1631,22 +940,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "path-type": "^4.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "path-type": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-                                       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "docker-compose": {
-                       "version": "0.22.2",
-                       "resolved": "https://registry.npmjs.org/docker-compose/-/docker-compose-0.22.2.tgz",
-                       "integrity": "sha512-iXWb5+LiYmylIMFXvGTYsjI1F+Xyx78Jm/uj1dxwwZLbWkUdH6yOXY5Nr3RjbYX15EgbGJCq78d29CmWQQQMPg==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "doctrine": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1673,9 +968,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><span class="cx" style="display: block; padding: 0 10px">                                "entities": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        "version": "2.0.3",
-                                       "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
-                                       "integrity": "sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 "version": "2.1.0",
+                                       "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
+                                       "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1705,43 +1000,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "domelementtype": "1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "duplexer3": {
-                       "version": "0.1.4",
-                       "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
-                       "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=",
-                       "dev": true
-               },
-               "ecc-jsbn": {
-                       "version": "0.1.2",
-                       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-                       "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
-                       "dev": true,
-                       "requires": {
-                               "jsbn": "~0.1.0",
-                               "safer-buffer": "^2.1.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "electron-to-chromium": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.3.562",
-                       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.562.tgz",
-                       "integrity": "sha512-WhRe6liQ2q/w1MZc8mD8INkenHivuHdrr4r5EQHNomy3NJux+incP6M6lDMd0paShP3MD0WGe5R1TWmEClf+Bg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.3.593",
+                       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.593.tgz",
+                       "integrity": "sha512-GvO7G1ZxvffnMvPCr4A7+iQPVuvpyqMrx2VWSERAjG+pHK6tmO9XqYdBfMIq9corRyi4bNImSDEiDvIoDb8HrA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "emoji-regex": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.0.3",
-                       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-                       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "9.2.0",
+                       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.0.tgz",
+                       "integrity": "sha512-DNc3KFPK18bPdElMJnf/Pkv5TXhxFU3YFDEuGLDRtPmV4rkmCjBkCSEp22u6rBHdSN9Vlp/GK7k98prmE1Jgug==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "end-of-stream": {
-                       "version": "1.4.4",
-                       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-                       "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-                       "dev": true,
-                       "requires": {
-                               "once": "^1.4.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "enquirer": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.3.6",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1767,9 +1037,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "es-abstract": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.17.6",
-                       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz",
-                       "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.17.7",
+                       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.7.tgz",
+                       "integrity": "sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "es-to-primitive": "^1.2.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1776,11 +1046,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "function-bind": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "has": "^1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px">                                "has-symbols": "^1.0.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "is-callable": "^1.2.0",
-                               "is-regex": "^1.1.0",
-                               "object-inspect": "^1.7.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "is-callable": "^1.2.2",
+                               "is-regex": "^1.1.1",
+                               "object-inspect": "^1.8.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "object-keys": "^1.1.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "object.assign": "^4.1.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "object.assign": "^4.1.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "string.prototype.trimend": "^1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "string.prototype.trimstart": "^1.0.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1797,9 +1067,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "escalade": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.2",
-                       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.0.2.tgz",
-                       "integrity": "sha512-gPYAU37hYCUhW5euPeR+Y74F7BL+IBsV93j5cvGriSaD1aG6MGsqsV1yamRdrWrb2j3aiZvb0X+UBOWpx3JWtQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.1",
+                       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+                       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "escape-string-regexp": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1809,13 +1079,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.11.0",
-                       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.11.0.tgz",
-                       "integrity": "sha512-G9+qtYVCHaDi1ZuWzBsOWo2wSwd70TXnU6UHA3cTYHp7gCTXZcpggWFoUVAMRarg68qtPoNfFbzPh+VdOgmwmw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.13.0",
+                       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.13.0.tgz",
+                       "integrity": "sha512-uCORMuOO8tUzJmsdRtrvcGq5qposf7Rw0LwkTJkoDbOycVQtQjmnhZSuLQnozLE4TmAzlMVV45eCHmQ1OpDKUQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@babel/code-frame": "^7.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@eslint/eslintrc": "^0.1.3",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@eslint/eslintrc": "^0.2.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "ajv": "^6.10.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "chalk": "^4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "cross-spawn": "^7.0.2",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1893,26 +1163,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "cross-spawn": {
-                                       "version": "7.0.3",
-                                       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-                                       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-                                       "dev": true,
-                                       "requires": {
-                                               "path-key": "^3.1.0",
-                                               "shebang-command": "^2.0.0",
-                                               "which": "^2.0.1"
-                                       }
-                               },
-                               "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "doctrine": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1934,61 +1184,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "ignore": {
-                                       "version": "4.0.6",
-                                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-                                       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-                                       "dev": true
-                               },
-                               "import-fresh": {
-                                       "version": "3.2.1",
-                                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-                                       "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "parent-module": "^1.0.0",
-                                               "resolve-from": "^4.0.0"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               },
-                               "path-key": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-                                       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-                                       "dev": true
-                               },
-                               "resolve-from": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-                                       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-                                       "dev": true
-                               },
-                               "semver": {
-                                       "version": "7.3.2",
-                                       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-                                       "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
-                                       "dev": true
-                               },
-                               "shebang-command": {
-                                       "version": "2.0.0",
-                                       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-                                       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "shebang-regex": "^3.0.0"
-                                       }
-                               },
-                               "shebang-regex": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-                                       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-                                       "dev": true
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "strip-ansi": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "6.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1998,12 +1193,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "ansi-regex": "^5.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "strip-json-comments": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-                                       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-                                       "dev": true
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "supports-color": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "7.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2012,33 +1201,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                                "has-flag": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "which": {
-                                       "version": "2.0.2",
-                                       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-                                       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "isexe": "^2.0.0"
-                                       }
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-config-prettier": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.12.0",
-                       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.12.0.tgz",
-                       "integrity": "sha512-9jWPlFlgNwRUYVoujvWTQ1aMO8o6648r+K7qU7K5Jmkbyqav1fuEZC0COYpGBxyiAJb65Ra9hrmFx19xRGwXWw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.15.0",
+                       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz",
+                       "integrity": "sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "get-stdin": "^6.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "get-stdin": {
-                                       "version": "6.0.0",
-                                       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
-                                       "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-jest": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2051,9 +1223,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-jsdoc": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "30.6.5",
-                       "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.6.5.tgz",
-                       "integrity": "sha512-obC3wi1/b5hsPLXa3ZDs571QXGqkVsphndMsIsVQzWRdZOaRbxdvGiKhLzzZytbRZAL1M1Bkdc/3Af7eNxJ/Hg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "30.7.7",
+                       "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.7.7.tgz",
+                       "integrity": "sha512-DmVMJC2AbpYX7X1KhnVT1a9ex1AUvG+q9G8i6hzjp3cpjW8vmKQTUmZnRS0//W+7HvMqeb+eXPANdCOzGVVZBQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "comment-parser": "^0.7.6",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2063,56 +1235,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "regextras": "^0.7.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "semver": "^7.3.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "spdx-expression-parse": "^3.0.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               },
-                               "semver": {
-                                       "version": "7.3.2",
-                                       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-                                       "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-jsx-a11y": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.3.1",
-                       "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.3.1.tgz",
-                       "integrity": "sha512-i1S+P+c3HOlBJzMFORRbC58tHa65Kbo8b52/TwCwSKLohwvpfT5rm2GjGWzOHTEuq4xxf2aRlHHTtmExDQOP+g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.4.1",
+                       "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz",
+                       "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "@babel/runtime": "^7.10.2",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/runtime": "^7.11.2",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "aria-query": "^4.2.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "array-includes": "^3.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "ast-types-flow": "^0.0.7",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "axe-core": "^3.5.4",
-                               "axobject-query": "^2.1.2",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "axe-core": "^4.0.2",
+                               "axobject-query": "^2.2.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "damerau-levenshtein": "^1.0.6",
</span><span class="cx" style="display: block; padding: 0 10px">                                "emoji-regex": "^9.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "has": "^1.0.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "jsx-ast-utils": "^2.4.1",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "jsx-ast-utils": "^3.1.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "language-tags": "^1.0.5"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "emoji-regex": {
-                                       "version": "9.1.1",
-                                       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.1.1.tgz",
-                                       "integrity": "sha512-AaWyDiNO9rbtMIcGl7tdxMcNu8SOLaDLxmQEFT5JhgKufOJzPPkYmgN2QwqTgw4doWMZZQttC6sUWVQjb+1VdA==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-prettier": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2125,9 +1266,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-react": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.21.4",
-                       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.4.tgz",
-                       "integrity": "sha512-uHeQ8A0hg0ltNDXFu3qSfFqTNPXm1XithH6/SY318UX76CMj7Q599qWpgmMhVQyvhq36pm7qvoN3pb6/3jsTFg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.21.5",
+                       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz",
+                       "integrity": "sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "array-includes": "^3.1.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2139,14 +1280,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "object.fromentries": "^2.0.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "object.values": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "prop-types": "^15.7.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "resolve": "^1.17.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "resolve": "^1.18.1",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "string.prototype.matchall": "^4.0.2"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-plugin-react-hooks": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "4.1.2",
-                       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.1.2.tgz",
-                       "integrity": "sha512-ykUeqkGyUGgwTtk78C0o8UG2fzwmgJ0qxBGPp2WqRKsTwcLuVf01kTDRAtOsd4u6whX2XOC8749n2vPydP82fg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.2.0",
+                       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz",
+                       "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint-scope": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2252,35 +1393,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "external-editor": {
-                       "version": "3.1.0",
-                       "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-                       "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-                       "dev": true,
-                       "requires": {
-                               "chardet": "^0.7.0",
-                               "iconv-lite": "^0.4.24",
-                               "tmp": "^0.0.33"
-                       }
-               },
-               "extract-zip": {
-                       "version": "1.7.0",
-                       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-                       "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
-                       "dev": true,
-                       "requires": {
-                               "concat-stream": "^1.6.2",
-                               "debug": "^2.6.9",
-                               "mkdirp": "^0.5.4",
-                               "yauzl": "^2.10.0"
-                       }
-               },
-               "extsprintf": {
-                       "version": "1.3.0",
-                       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-                       "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "fast-deep-equal": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.1.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2326,32 +1438,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "fastq": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.8.0",
-                       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.8.0.tgz",
-                       "integrity": "sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.9.0",
+                       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.9.0.tgz",
+                       "integrity": "sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "reusify": "^1.0.4"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "fd-slicer": {
-                       "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-                       "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
-                       "dev": true,
-                       "requires": {
-                               "pend": "~1.2.0"
-                       }
-               },
-               "figures": {
-                       "version": "3.2.0",
-                       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-                       "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-                       "dev": true,
-                       "requires": {
-                               "escape-string-regexp": "^1.0.5"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "file-entry-cache": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "5.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2388,17 +1482,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "flatted": "^2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "rimraf": "2.6.3",
</span><span class="cx" style="display: block; padding: 0 10px">                                "write": "1.0.3"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "rimraf": {
-                                       "version": "2.6.3",
-                                       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-                                       "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "glob": "^7.1.3"
-                                       }
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "flatted": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2407,29 +1490,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "forever-agent": {
-                       "version": "0.6.1",
-                       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-                       "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
-                       "dev": true
-               },
-               "form-data": {
-                       "version": "2.3.3",
-                       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
-                       "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
-                       "dev": true,
-                       "requires": {
-                               "asynckit": "^0.4.0",
-                               "combined-stream": "^1.0.6",
-                               "mime-types": "^2.1.12"
-                       }
-               },
-               "fs-constants": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-                       "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "fs-extra": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "9.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2442,15 +1502,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "universalify": "^1.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "fs-minipass": {
-                       "version": "1.2.7",
-                       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
-                       "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
-                       "dev": true,
-                       "requires": {
-                               "minipass": "^2.6.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "fs.realpath": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2464,18 +1515,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "optional": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "fstream": {
-                       "version": "1.0.12",
-                       "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
-                       "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
-                       "dev": true,
-                       "requires": {
-                               "graceful-fs": "^4.1.2",
-                               "inherits": "~2.0.0",
-                               "mkdirp": ">=0.5 0",
-                               "rimraf": "2"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "function-bind": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2488,72 +1527,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "gauge": {
-                       "version": "2.7.4",
-                       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
-                       "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
-                       "dev": true,
-                       "requires": {
-                               "aproba": "^1.0.3",
-                               "console-control-strings": "^1.0.0",
-                               "has-unicode": "^2.0.0",
-                               "object-assign": "^4.1.0",
-                               "signal-exit": "^3.0.0",
-                               "string-width": "^1.0.1",
-                               "strip-ansi": "^3.0.1",
-                               "wide-align": "^1.1.0"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "2.1.1",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-                                       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-                                       "dev": true
-                               },
-                               "is-fullwidth-code-point": {
-                                       "version": "1.0.0",
-                                       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-                                       "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-                                       "dev": true,
-                                       "requires": {
-                                               "number-is-nan": "^1.0.0"
-                                       }
-                               },
-                               "string-width": {
-                                       "version": "1.0.2",
-                                       "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-                                       "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-                                       "dev": true,
-                                       "requires": {
-                                               "code-point-at": "^1.0.0",
-                                               "is-fullwidth-code-point": "^1.0.0",
-                                               "strip-ansi": "^3.0.0"
-                                       }
-                               },
-                               "strip-ansi": {
-                                       "version": "3.0.1",
-                                       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-                                       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-regex": "^2.0.0"
-                                       }
-                               }
-                       }
-               },
-               "gaze": {
-                       "version": "1.1.3",
-                       "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
-                       "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
-                       "dev": true,
-                       "requires": {
-                               "globule": "^1.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "gensync": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.0-beta.1",
-                       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
-                       "integrity": "sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.0.0-beta.2",
+                       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+                       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "get-caller-file": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2562,29 +1539,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "get-stdin": {
-                       "version": "4.0.1",
-                       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
-                       "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
-                       "dev": true
-               },
-               "get-stream": {
-                       "version": "5.2.0",
-                       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-                       "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "get-intrinsic": {
+                       "version": "1.0.1",
+                       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.0.1.tgz",
+                       "integrity": "sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "pump": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "function-bind": "^1.1.1",
+                               "has": "^1.0.3",
+                               "has-symbols": "^1.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "getpass": {
-                       "version": "0.1.7",
-                       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-                       "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
-                       "dev": true,
-                       "requires": {
-                               "assert-plus": "^1.0.0"
-                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "get-stdin": {
+                       "version": "6.0.0",
+                       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+                       "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
+                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                 },
</span><span class="cx" style="display: block; padding: 0 10px">                "glob": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "7.1.6",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2627,6 +1597,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "ini": "^1.3.5",
</span><span class="cx" style="display: block; padding: 0 10px">                                "kind-of": "^6.0.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "which": "^1.3.1"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "which": {
+                                       "version": "1.3.1",
+                                       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+                                       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+                                       "dev": true,
+                                       "requires": {
+                                               "isexe": "^2.0.0"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "globals": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2636,14 +1617,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "type-fest": "^0.8.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "type-fest": {
-                                       "version": "0.8.1",
-                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-                                       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "globby": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2658,6 +1631,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "ignore": "^5.1.4",
</span><span class="cx" style="display: block; padding: 0 10px">                                "merge2": "^1.3.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "slash": "^3.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "ignore": {
+                                       "version": "5.1.8",
+                                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+                                       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "globjoin": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2666,17 +1647,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "globule": {
-                       "version": "1.3.2",
-                       "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz",
-                       "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==",
-                       "dev": true,
-                       "requires": {
-                               "glob": "~7.1.1",
-                               "lodash": "~4.17.10",
-                               "minimatch": "~3.0.2"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "gonzales-pe": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.3.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2686,29 +1656,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "minimist": "^1.2.5"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "got": {
-                       "version": "10.7.0",
-                       "resolved": "https://registry.npmjs.org/got/-/got-10.7.0.tgz",
-                       "integrity": "sha512-aWTDeNw9g+XqEZNcTjMMZSy7B7yE9toWOFYip7ofFTLleJhvZwUxxTxkTpKvF+p1SAA4VHmuEy7PiHTHyq8tJg==",
-                       "dev": true,
-                       "requires": {
-                               "@sindresorhus/is": "^2.0.0",
-                               "@szmarczak/http-timer": "^4.0.0",
-                               "@types/cacheable-request": "^6.0.1",
-                               "cacheable-lookup": "^2.0.0",
-                               "cacheable-request": "^7.0.1",
-                               "decompress-response": "^5.0.0",
-                               "duplexer3": "^0.1.4",
-                               "get-stream": "^5.0.0",
-                               "lowercase-keys": "^2.0.0",
-                               "mimic-response": "^2.1.0",
-                               "p-cancelable": "^2.0.0",
-                               "p-event": "^4.0.0",
-                               "responselike": "^2.0.0",
-                               "to-readable-stream": "^2.0.0",
-                               "type-fest": "^0.10.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "graceful-fs": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.2.4",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2715,22 +1662,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "har-schema": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
-                       "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
-                       "dev": true
-               },
-               "har-validator": {
-                       "version": "5.1.5",
-                       "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
-                       "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
-                       "dev": true,
-                       "requires": {
-                               "ajv": "^6.12.3",
-                               "har-schema": "^2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "hard-rejection": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2746,23 +1677,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "function-bind": "^1.1.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "has-ansi": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
-                       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
-                       "dev": true,
-                       "requires": {
-                               "ansi-regex": "^2.0.0"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "2.1.1",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-                                       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-                                       "dev": true
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "has-flag": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2775,12 +1689,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "has-unicode": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
-                       "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "hosted-git-info": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.8.8",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2805,62 +1713,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "entities": "^1.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "inherits": "^2.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "readable-stream": "^3.1.1"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "readable-stream": {
-                                       "version": "3.6.0",
-                                       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-                                       "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "inherits": "^2.0.3",
-                                               "string_decoder": "^1.1.1",
-                                               "util-deprecate": "^1.0.1"
-                                       }
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "http-cache-semantics": {
-                       "version": "4.1.0",
-                       "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
-                       "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
-                       "dev": true
-               },
-               "http-signature": {
-                       "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
-                       "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
-                       "dev": true,
-                       "requires": {
-                               "assert-plus": "^1.0.0",
-                               "jsprim": "^1.2.2",
-                               "sshpk": "^1.7.0"
-                       }
-               },
-               "iconv-lite": {
-                       "version": "0.4.24",
-                       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-                       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-                       "dev": true,
-                       "requires": {
-                               "safer-buffer": ">= 2.1.2 < 3"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "ignore": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "5.1.8",
-                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-                       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.6",
+                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+                       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "ignore-walk": {
-                       "version": "3.0.3",
-                       "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.3.tgz",
-                       "integrity": "sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==",
-                       "dev": true,
-                       "requires": {
-                               "minimatch": "^3.0.4"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "import-cwd": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2871,13 +1731,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "import-fresh": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
-                       "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.2.2",
+                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.2.tgz",
+                       "integrity": "sha512-cTPNrlvJT6twpYy+YmKUKrTSjWFs3bjYjAhCwm+z4EOCubZxAuO+hHpRN64TqjEaYSHs7tJAE0w1CKMGmsG/lw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "caller-path": "^2.0.0",
-                               "resolve-from": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "parent-module": "^1.0.0",
+                               "resolve-from": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "import-from": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2887,6 +1747,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "resolve-from": "^3.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "resolve-from": {
+                                       "version": "3.0.0",
+                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                                       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "import-lazy": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2901,21 +1769,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "in-publish": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz",
-                       "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "indent-string": {
+                       "version": "4.0.0",
+                       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+                       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "indent-string": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
-                       "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
-                       "dev": true,
-                       "requires": {
-                               "repeating": "^2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "indexes-of": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2944,116 +1803,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "inquirer": {
-                       "version": "7.3.3",
-                       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
-                       "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
-                       "dev": true,
-                       "requires": {
-                               "ansi-escapes": "^4.2.1",
-                               "chalk": "^4.1.0",
-                               "cli-cursor": "^3.1.0",
-                               "cli-width": "^3.0.0",
-                               "external-editor": "^3.0.3",
-                               "figures": "^3.0.0",
-                               "lodash": "^4.17.19",
-                               "mute-stream": "0.0.8",
-                               "run-async": "^2.4.0",
-                               "rxjs": "^6.6.0",
-                               "string-width": "^4.1.0",
-                               "strip-ansi": "^6.0.0",
-                               "through": "^2.3.6"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "5.0.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-                                       "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-                                       "dev": true
-                               },
-                               "ansi-styles": {
-                                       "version": "4.3.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-                                       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-convert": "^2.0.1"
-                                       }
-                               },
-                               "chalk": {
-                                       "version": "4.1.0",
-                                       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-                                       "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-styles": "^4.1.0",
-                                               "supports-color": "^7.1.0"
-                                       }
-                               },
-                               "color-convert": {
-                                       "version": "2.0.1",
-                                       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-                                       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-name": "~1.1.4"
-                                       }
-                               },
-                               "color-name": {
-                                       "version": "1.1.4",
-                                       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-                                       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-                                       "dev": true
-                               },
-                               "emoji-regex": {
-                                       "version": "8.0.0",
-                                       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-                                       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-                                       "dev": true
-                               },
-                               "has-flag": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-                                       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-                                       "dev": true
-                               },
-                               "is-fullwidth-code-point": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-                                       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-                                       "dev": true
-                               },
-                               "string-width": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
-                                       "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "emoji-regex": "^8.0.0",
-                                               "is-fullwidth-code-point": "^3.0.0",
-                                               "strip-ansi": "^6.0.0"
-                                       }
-                               },
-                               "strip-ansi": {
-                                       "version": "6.0.0",
-                                       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-                                       "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-regex": "^5.0.0"
-                                       }
-                               },
-                               "supports-color": {
-                                       "version": "7.2.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-                                       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^4.0.0"
-                                       }
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "internal-slot": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3103,17 +1852,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "is-buffer": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.4",
-                       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
-                       "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.0.5",
+                       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+                       "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "is-callable": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz",
-                       "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.2.2",
+                       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz",
+                       "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                "is-core-module": {
+                       "version": "2.1.0",
+                       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.1.0.tgz",
+                       "integrity": "sha512-YcV7BgVMRFRua2FqQzKtTDMz8iCuLEyGKjr70q8Zm1yy2qKcurbFEd79PAdHV77oL3NrAaOVQIbMmiHQCHB7ZA==",
+                       "dev": true,
+                       "requires": {
+                               "has": "^1.0.3"
+                       }
+               },
</ins><span class="cx" style="display: block; padding: 0 10px">                 "is-date-object": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3138,12 +1896,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "is-finite": {
-                       "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
-                       "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "is-fullwidth-code-point": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3165,12 +1917,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "is-interactive": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
-                       "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "is-negative-zero": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3225,12 +1971,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "is-utf8": {
-                       "version": "0.2.1",
-                       "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
-                       "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "is-whitespace-character": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.4",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3243,12 +1983,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "isarray": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-                       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "isexe": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3255,18 +1989,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "isstream": {
-                       "version": "0.1.2",
-                       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-                       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
-                       "dev": true
-               },
-               "js-base64": {
-                       "version": "2.6.4",
-                       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
-                       "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "js-tokens": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3283,12 +2005,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "esprima": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "jsbn": {
-                       "version": "0.1.1",
-                       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-                       "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "jsdoctypeparser": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "9.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/jsdoctypeparser/-/jsdoctypeparser-9.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3301,12 +2017,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "json-buffer": {
-                       "version": "3.0.1",
-                       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-                       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "json-parse-better-errors": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3319,12 +2029,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "json-schema": {
-                       "version": "0.2.3",
-                       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
-                       "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "json-schema-traverse": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.4.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3337,12 +2041,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "json-stringify-safe": {
-                       "version": "5.0.1",
-                       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
-                       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "json5": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3353,46 +2051,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "jsonfile": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.0.1",
-                       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.0.1.tgz",
-                       "integrity": "sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.1.0",
+                       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+                       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "graceful-fs": "^4.1.6",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "universalify": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "universalify": "^2.0.0"
+                       },
+                       "dependencies": {
+                               "universalify": {
+                                       "version": "2.0.0",
+                                       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+                                       "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "jsprim": {
-                       "version": "1.4.1",
-                       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
-                       "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
-                       "dev": true,
-                       "requires": {
-                               "assert-plus": "1.0.0",
-                               "extsprintf": "1.3.0",
-                               "json-schema": "0.2.3",
-                               "verror": "1.10.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "jsx-ast-utils": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.4.1",
-                       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.4.1.tgz",
-                       "integrity": "sha512-z1xSldJ6imESSzOjd3NNkieVJKRlKYSOtMG8SFyCj2FIrvSaSuli/WjpBkEzCBoR9bYYYFgqJw61Xhu7Lcgk+w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.0",
+                       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.1.0.tgz",
+                       "integrity": "sha512-d4/UOjg+mxAWxCiF0c5UTSwyqbchkbqCvK87aBovhnh8GtysTjWmgC63tY0cJx/HzGgm9qnA147jVBdpOiQ2RA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "array-includes": "^3.1.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "object.assign": "^4.1.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "object.assign": "^4.1.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "keyv": {
-                       "version": "4.0.3",
-                       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.0.3.tgz",
-                       "integrity": "sha512-zdGa2TOpSZPq5mU6iowDARnMBZgtCqJ11dJROFi6tg6kTn4nuUdU09lFyLFSaHrWqpIJ+EBq4E8/Dc0Vx5vLdA==",
-                       "dev": true,
-                       "requires": {
-                               "json-buffer": "3.0.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "kind-of": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "6.0.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3406,9 +2091,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "language-subtag-registry": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "0.3.20",
-                       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.20.tgz",
-                       "integrity": "sha512-KPMwROklF4tEx283Xw0pNKtfTj1gZ4UByp4EsIFWLgBavJltF4TiYPc39k06zSTsLzxTVXXDSpbwaQXaFB4Qeg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "0.3.21",
+                       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+                       "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "language-tags": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3437,16 +2122,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "load-json-file": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
-                       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.0",
+                       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+                       "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "graceful-fs": "^4.1.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "parse-json": "^2.2.0",
-                               "pify": "^2.0.0",
-                               "pinkie-promise": "^2.0.0",
-                               "strip-bom": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "parse-json": "^4.0.0",
+                               "pify": "^3.0.0",
+                               "strip-bom": "^3.0.0"
+                       },
+                       "dependencies": {
+                               "parse-json": {
+                                       "version": "4.0.0",
+                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+                                       "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+                                       "dev": true,
+                                       "requires": {
+                                               "error-ex": "^1.3.1",
+                                               "json-parse-better-errors": "^1.0.1"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "locate-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3501,36 +2197,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "js-tokens": "^3.0.0 || ^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "loud-rejection": {
-                       "version": "1.6.0",
-                       "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
-                       "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
-                       "dev": true,
-                       "requires": {
-                               "currently-unhandled": "^0.4.1",
-                               "signal-exit": "^3.0.0"
-                       }
-               },
-               "lowercase-keys": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
-                       "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
-                       "dev": true
-               },
-               "lru-cache": {
-                       "version": "4.1.5",
-                       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-                       "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
-                       "dev": true,
-                       "requires": {
-                               "pseudomap": "^1.0.2",
-                               "yallist": "^2.1.2"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "map-obj": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-                       "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.1.0",
+                       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
+                       "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "markdown-escapes": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3570,21 +2240,40 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "meow": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.7.0",
-                       "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
-                       "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.1.1",
+                       "resolved": "https://registry.npmjs.org/meow/-/meow-7.1.1.tgz",
+                       "integrity": "sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "camelcase-keys": "^2.0.0",
-                               "decamelize": "^1.1.2",
-                               "loud-rejection": "^1.0.0",
-                               "map-obj": "^1.0.1",
-                               "minimist": "^1.1.3",
-                               "normalize-package-data": "^2.3.4",
-                               "object-assign": "^4.0.1",
-                               "read-pkg-up": "^1.0.1",
-                               "redent": "^1.0.0",
-                               "trim-newlines": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@types/minimist": "^1.2.0",
+                               "camelcase-keys": "^6.2.2",
+                               "decamelize-keys": "^1.1.0",
+                               "hard-rejection": "^2.1.0",
+                               "minimist-options": "4.1.0",
+                               "normalize-package-data": "^2.5.0",
+                               "read-pkg-up": "^7.0.1",
+                               "redent": "^3.0.0",
+                               "trim-newlines": "^3.0.0",
+                               "type-fest": "^0.13.1",
+                               "yargs-parser": "^18.1.3"
+                       },
+                       "dependencies": {
+                               "type-fest": {
+                                       "version": "0.13.1",
+                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+                                       "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+                                       "dev": true
+                               },
+                               "yargs-parser": {
+                                       "version": "18.1.3",
+                                       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+                                       "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+                                       "dev": true,
+                                       "requires": {
+                                               "camelcase": "^5.0.0",
+                                               "decamelize": "^1.2.0"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "merge2": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3603,33 +2292,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "picomatch": "^2.0.5"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "mime-db": {
-                       "version": "1.44.0",
-                       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
-                       "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
-                       "dev": true
-               },
-               "mime-types": {
-                       "version": "2.1.27",
-                       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
-                       "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
-                       "dev": true,
-                       "requires": {
-                               "mime-db": "1.44.0"
-                       }
-               },
-               "mimic-fn": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-                       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-                       "dev": true
-               },
-               "mimic-response": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
-                       "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "min-indent": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3670,33 +2332,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "minipass": {
-                       "version": "2.9.0",
-                       "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
-                       "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
-                       "dev": true,
-                       "requires": {
-                               "safe-buffer": "^5.1.2",
-                               "yallist": "^3.0.0"
-                       },
-                       "dependencies": {
-                               "yallist": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-                                       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-                                       "dev": true
-                               }
-                       }
-               },
-               "minizlib": {
-                       "version": "1.3.3",
-                       "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
-                       "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
-                       "dev": true,
-                       "requires": {
-                               "minipass": "^2.9.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "mkdirp": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.5.5",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3707,23 +2342,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "ms": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-                       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.1.2",
+                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "mute-stream": {
-                       "version": "0.0.8",
-                       "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-                       "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-                       "dev": true
-               },
-               "nan": {
-                       "version": "2.14.1",
-                       "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
-                       "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "natural-compare": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.4.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3730,34 +2353,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "needle": {
-                       "version": "2.5.2",
-                       "resolved": "https://registry.npmjs.org/needle/-/needle-2.5.2.tgz",
-                       "integrity": "sha512-LbRIwS9BfkPvNwNHlsA41Q29kL2L/6VaOJ0qisM5lLWsTV3nP15abO5ITL6L81zqFhzjRKDAYjpcBcwM0AVvLQ==",
-                       "dev": true,
-                       "requires": {
-                               "debug": "^3.2.6",
-                               "iconv-lite": "^0.4.4",
-                               "sax": "^1.2.4"
-                       },
-                       "dependencies": {
-                               "debug": {
-                                       "version": "3.2.6",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
-                                       "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "^2.1.1"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "nice-try": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.5",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3764,268 +2359,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "node-gyp": {
-                       "version": "3.8.0",
-                       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz",
-                       "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==",
-                       "dev": true,
-                       "requires": {
-                               "fstream": "^1.0.0",
-                               "glob": "^7.0.3",
-                               "graceful-fs": "^4.1.2",
-                               "mkdirp": "^0.5.0",
-                               "nopt": "2 || 3",
-                               "npmlog": "0 || 1 || 2 || 3 || 4",
-                               "osenv": "0",
-                               "request": "^2.87.0",
-                               "rimraf": "2",
-                               "semver": "~5.3.0",
-                               "tar": "^2.0.0",
-                               "which": "1"
-                       },
-                       "dependencies": {
-                               "semver": {
-                                       "version": "5.3.0",
-                                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
-                                       "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
-                                       "dev": true
-                               }
-                       }
-               },
-               "node-pre-gyp": {
-                       "version": "0.13.0",
-                       "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.13.0.tgz",
-                       "integrity": "sha512-Md1D3xnEne8b/HGVQkZZwV27WUi1ZRuZBij24TNaZwUPU3ZAFtvT6xxJGaUVillfmMKnn5oD1HoGsp2Ftik7SQ==",
-                       "dev": true,
-                       "requires": {
-                               "detect-libc": "^1.0.2",
-                               "mkdirp": "^0.5.1",
-                               "needle": "^2.2.1",
-                               "nopt": "^4.0.1",
-                               "npm-packlist": "^1.1.6",
-                               "npmlog": "^4.0.2",
-                               "rc": "^1.2.7",
-                               "rimraf": "^2.6.1",
-                               "semver": "^5.3.0",
-                               "tar": "^4"
-                       },
-                       "dependencies": {
-                               "nopt": {
-                                       "version": "4.0.3",
-                                       "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz",
-                                       "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "abbrev": "1",
-                                               "osenv": "^0.1.4"
-                                       }
-                               },
-                               "tar": {
-                                       "version": "4.4.13",
-                                       "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-                                       "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "chownr": "^1.1.1",
-                                               "fs-minipass": "^1.2.5",
-                                               "minipass": "^2.8.6",
-                                               "minizlib": "^1.2.1",
-                                               "mkdirp": "^0.5.0",
-                                               "safe-buffer": "^5.1.2",
-                                               "yallist": "^3.0.3"
-                                       }
-                               },
-                               "yallist": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-                                       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-                                       "dev": true
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "node-releases": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.60",
-                       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.60.tgz",
-                       "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.1.66",
+                       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.66.tgz",
+                       "integrity": "sha512-JHEQ1iWPGK+38VLB2H9ef2otU4l8s3yAMt9Xf934r6+ojCYDMHPMqvCc9TnzfeFSP1QEOeU6YZEd3+De0LTCgg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "node-sass": {
-                       "version": "4.14.1",
-                       "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
-                       "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
-                       "dev": true,
-                       "requires": {
-                               "async-foreach": "^0.1.3",
-                               "chalk": "^1.1.1",
-                               "cross-spawn": "^3.0.0",
-                               "gaze": "^1.0.0",
-                               "get-stdin": "^4.0.1",
-                               "glob": "^7.0.3",
-                               "in-publish": "^2.0.0",
-                               "lodash": "^4.17.15",
-                               "meow": "^3.7.0",
-                               "mkdirp": "^0.5.1",
-                               "nan": "^2.13.2",
-                               "node-gyp": "^3.8.0",
-                               "npmlog": "^4.0.0",
-                               "request": "^2.88.0",
-                               "sass-graph": "2.2.5",
-                               "stdout-stream": "^1.4.0",
-                               "true-case-path": "^1.0.2"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "2.1.1",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-                                       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-                                       "dev": true
-                               },
-                               "ansi-styles": {
-                                       "version": "2.2.1",
-                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-                                       "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
-                                       "dev": true
-                               },
-                               "chalk": {
-                                       "version": "1.1.3",
-                                       "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-                                       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-styles": "^2.2.1",
-                                               "escape-string-regexp": "^1.0.2",
-                                               "has-ansi": "^2.0.0",
-                                               "strip-ansi": "^3.0.0",
-                                               "supports-color": "^2.0.0"
-                                       }
-                               },
-                               "strip-ansi": {
-                                       "version": "3.0.1",
-                                       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-                                       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-regex": "^2.0.0"
-                                       }
-                               },
-                               "supports-color": {
-                                       "version": "2.0.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
-                                       "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
-                                       "dev": true
-                               }
-                       }
-               },
-               "nodegit": {
-                       "version": "0.26.5",
-                       "resolved": "https://registry.npmjs.org/nodegit/-/nodegit-0.26.5.tgz",
-                       "integrity": "sha512-l9l2zhcJ0V7FYzPdXIsuJcXN8UnLuhQgM+377HJfCYE/eupL/OWtMVvUOq42F9dRsgC3bAYH9j2Xbwr0lpYVZQ==",
-                       "dev": true,
-                       "requires": {
-                               "fs-extra": "^7.0.0",
-                               "json5": "^2.1.0",
-                               "lodash": "^4.17.14",
-                               "nan": "^2.14.0",
-                               "node-gyp": "^4.0.0",
-                               "node-pre-gyp": "^0.13.0",
-                               "promisify-node": "~0.3.0",
-                               "ramda": "^0.25.0",
-                               "request-promise-native": "^1.0.5",
-                               "tar-fs": "^1.16.3"
-                       },
-                       "dependencies": {
-                               "fs-extra": {
-                                       "version": "7.0.1",
-                                       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
-                                       "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "graceful-fs": "^4.1.2",
-                                               "jsonfile": "^4.0.0",
-                                               "universalify": "^0.1.0"
-                                       }
-                               },
-                               "jsonfile": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-                                       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-                                       "dev": true,
-                                       "requires": {
-                                               "graceful-fs": "^4.1.6"
-                                       }
-                               },
-                               "node-gyp": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-4.0.0.tgz",
-                                       "integrity": "sha512-2XiryJ8sICNo6ej8d0idXDEMKfVfFK7kekGCtJAuelGsYHQxhj13KTf95swTCN2dZ/4lTfZ84Fu31jqJEEgjWA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "glob": "^7.0.3",
-                                               "graceful-fs": "^4.1.2",
-                                               "mkdirp": "^0.5.0",
-                                               "nopt": "2 || 3",
-                                               "npmlog": "0 || 1 || 2 || 3 || 4",
-                                               "osenv": "0",
-                                               "request": "^2.87.0",
-                                               "rimraf": "2",
-                                               "semver": "~5.3.0",
-                                               "tar": "^4.4.8",
-                                               "which": "1"
-                                       }
-                               },
-                               "semver": {
-                                       "version": "5.3.0",
-                                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
-                                       "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
-                                       "dev": true
-                               },
-                               "tar": {
-                                       "version": "4.4.13",
-                                       "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-                                       "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "chownr": "^1.1.1",
-                                               "fs-minipass": "^1.2.5",
-                                               "minipass": "^2.8.6",
-                                               "minizlib": "^1.2.1",
-                                               "mkdirp": "^0.5.0",
-                                               "safe-buffer": "^5.1.2",
-                                               "yallist": "^3.0.3"
-                                       }
-                               },
-                               "universalify": {
-                                       "version": "0.1.2",
-                                       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-                                       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-                                       "dev": true
-                               },
-                               "yallist": {
-                                       "version": "3.1.1",
-                                       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-                                       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-                                       "dev": true
-                               }
-                       }
-               },
-               "nodegit-promise": {
-                       "version": "4.0.0",
-                       "resolved": "https://registry.npmjs.org/nodegit-promise/-/nodegit-promise-4.0.0.tgz",
-                       "integrity": "sha1-VyKxhPLfcycWEGSnkdLoQskWezQ=",
-                       "dev": true,
-                       "requires": {
-                               "asap": "~2.0.3"
-                       }
-               },
-               "nopt": {
-                       "version": "3.0.6",
-                       "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
-                       "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
-                       "dev": true,
-                       "requires": {
-                               "abbrev": "1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "normalize-package-data": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.5.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4036,6 +2375,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "resolve": "^1.10.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "semver": "2 || 3 || 4 || 5",
</span><span class="cx" style="display: block; padding: 0 10px">                                "validate-npm-package-license": "^3.0.1"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "semver": {
+                                       "version": "5.7.1",
+                                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                                       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "normalize-path": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4056,38 +2403,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "normalize-url": {
-                       "version": "4.5.0",
-                       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz",
-                       "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==",
-                       "dev": true
-               },
-               "npm-bundled": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.1.tgz",
-                       "integrity": "sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==",
-                       "dev": true,
-                       "requires": {
-                               "npm-normalize-package-bin": "^1.0.1"
-                       }
-               },
-               "npm-normalize-package-bin": {
-                       "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
-                       "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
-                       "dev": true
-               },
-               "npm-packlist": {
-                       "version": "1.4.8",
-                       "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.8.tgz",
-                       "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==",
-                       "dev": true,
-                       "requires": {
-                               "ignore-walk": "^3.0.1",
-                               "npm-bundled": "^1.0.1",
-                               "npm-normalize-package-bin": "^1.0.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "npm-run-all": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.1.5",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4118,74 +2433,44 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "which": "^1.2.9"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "load-json-file": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-                                       "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
-                                       "dev": true,
-                                       "requires": {
-                                               "graceful-fs": "^4.1.2",
-                                               "parse-json": "^4.0.0",
-                                               "pify": "^3.0.0",
-                                               "strip-bom": "^3.0.0"
-                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "path-key": {
+                                       "version": "2.0.1",
+                                       "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+                                       "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+                                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                                 },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "parse-json": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-                                       "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
-                                       "dev": true,
-                                       "requires": {
-                                               "error-ex": "^1.3.1",
-                                               "json-parse-better-errors": "^1.0.1"
-                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "semver": {
+                                       "version": "5.7.1",
+                                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                                       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+                                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                                 },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "path-type": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
-                                       "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "shebang-command": {
+                                       "version": "1.2.0",
+                                       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+                                       "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                "pify": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         "shebang-regex": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                                         }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "pify": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-                                       "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "shebang-regex": {
+                                       "version": "1.0.0",
+                                       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+                                       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "read-pkg": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
-                                       "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "which": {
+                                       "version": "1.3.1",
+                                       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+                                       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                "load-json-file": "^4.0.0",
-                                               "normalize-package-data": "^2.3.2",
-                                               "path-type": "^3.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         "isexe": "^2.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                                         }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "strip-bom": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-                                       "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
-                                       "dev": true
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "npmlog": {
-                       "version": "4.1.2",
-                       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
-                       "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
-                       "dev": true,
-                       "requires": {
-                               "are-we-there-yet": "~1.1.2",
-                               "console-control-strings": "~1.1.0",
-                               "gauge": "~2.7.3",
-                               "set-blocking": "~2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "num2fraction": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.2.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4192,18 +2477,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "number-is-nan": {
-                       "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-                       "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
-                       "dev": true
-               },
-               "oauth-sign": {
-                       "version": "0.9.0",
-                       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
-                       "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "object-assign": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4223,15 +2496,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "object.assign": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "4.1.0",
-                       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
-                       "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.1.2",
+                       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
+                       "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "define-properties": "^1.1.2",
-                               "function-bind": "^1.1.1",
-                               "has-symbols": "^1.0.0",
-                               "object-keys": "^1.0.11"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "call-bind": "^1.0.0",
+                               "define-properties": "^1.1.3",
+                               "has-symbols": "^1.0.1",
+                               "object-keys": "^1.1.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "object.entries": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4278,15 +2551,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "wrappy": "1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "onetime": {
-                       "version": "5.1.2",
-                       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-                       "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-                       "dev": true,
-                       "requires": {
-                               "mimic-fn": "^2.1.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "optionator": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.9.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4301,192 +2565,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "word-wrap": "^1.2.3"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "ora": {
-                       "version": "4.1.1",
-                       "resolved": "https://registry.npmjs.org/ora/-/ora-4.1.1.tgz",
-                       "integrity": "sha512-sjYP8QyVWBpBZWD6Vr1M/KwknSw6kJOz41tvGMlwWeClHBtYKTbHMki1PsLZnxKpXMPbTKv9b3pjQu3REib96A==",
-                       "dev": true,
-                       "requires": {
-                               "chalk": "^3.0.0",
-                               "cli-cursor": "^3.1.0",
-                               "cli-spinners": "^2.2.0",
-                               "is-interactive": "^1.0.0",
-                               "log-symbols": "^3.0.0",
-                               "mute-stream": "0.0.8",
-                               "strip-ansi": "^6.0.0",
-                               "wcwidth": "^1.0.1"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "5.0.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-                                       "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-                                       "dev": true
-                               },
-                               "ansi-styles": {
-                                       "version": "4.3.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-                                       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-convert": "^2.0.1"
-                                       }
-                               },
-                               "chalk": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-                                       "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-styles": "^4.1.0",
-                                               "supports-color": "^7.1.0"
-                                       }
-                               },
-                               "color-convert": {
-                                       "version": "2.0.1",
-                                       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-                                       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "color-name": "~1.1.4"
-                                       }
-                               },
-                               "color-name": {
-                                       "version": "1.1.4",
-                                       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-                                       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-                                       "dev": true
-                               },
-                               "has-flag": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-                                       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-                                       "dev": true
-                               },
-                               "log-symbols": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-3.0.0.tgz",
-                                       "integrity": "sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "chalk": "^2.4.2"
-                                       },
-                                       "dependencies": {
-                                               "ansi-styles": {
-                                                       "version": "3.2.1",
-                                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-                                                       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-                                                       "dev": true,
-                                                       "requires": {
-                                                               "color-convert": "^1.9.0"
-                                                       }
-                                               },
-                                               "chalk": {
-                                                       "version": "2.4.2",
-                                                       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-                                                       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-                                                       "dev": true,
-                                                       "requires": {
-                                                               "ansi-styles": "^3.2.1",
-                                                               "escape-string-regexp": "^1.0.5",
-                                                               "supports-color": "^5.3.0"
-                                                       }
-                                               },
-                                               "color-convert": {
-                                                       "version": "1.9.3",
-                                                       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-                                                       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-                                                       "dev": true,
-                                                       "requires": {
-                                                               "color-name": "1.1.3"
-                                                       }
-                                               },
-                                               "color-name": {
-                                                       "version": "1.1.3",
-                                                       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-                                                       "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-                                                       "dev": true
-                                               },
-                                               "has-flag": {
-                                                       "version": "3.0.0",
-                                                       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-                                                       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-                                                       "dev": true
-                                               },
-                                               "supports-color": {
-                                                       "version": "5.5.0",
-                                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                                                       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                                                       "dev": true,
-                                                       "requires": {
-                                                               "has-flag": "^3.0.0"
-                                                       }
-                                               }
-                                       }
-                               },
-                               "strip-ansi": {
-                                       "version": "6.0.0",
-                                       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-                                       "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-regex": "^5.0.0"
-                                       }
-                               },
-                               "supports-color": {
-                                       "version": "7.2.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-                                       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^4.0.0"
-                                       }
-                               }
-                       }
-               },
-               "os-homedir": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
-                       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
-                       "dev": true
-               },
-               "os-tmpdir": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
-                       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
-                       "dev": true
-               },
-               "osenv": {
-                       "version": "0.1.5",
-                       "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
-                       "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
-                       "dev": true,
-                       "requires": {
-                               "os-homedir": "^1.0.0",
-                               "os-tmpdir": "^1.0.0"
-                       }
-               },
-               "p-cancelable": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.0.0.tgz",
-                       "integrity": "sha512-wvPXDmbMmu2ksjkB4Z3nZWTSkJEb9lqVdMaCKpZUGJG9TMiNp9XcbG3fn9fPKjem04fJMJnXoyFPk2FmgiaiNg==",
-                       "dev": true
-               },
-               "p-event": {
-                       "version": "4.2.0",
-                       "resolved": "https://registry.npmjs.org/p-event/-/p-event-4.2.0.tgz",
-                       "integrity": "sha512-KXatOjCRXXkSePPb1Nbi0p0m+gQAwdlbhi4wQKJPI1HsMQS9g+Sqp2o+QHziPr7eYJyOZet836KoHEVM1mwOrQ==",
-                       "dev": true,
-                       "requires": {
-                               "p-timeout": "^3.1.0"
-                       }
-               },
-               "p-finally": {
-                       "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-                       "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "p-limit": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.3.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4505,15 +2583,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "p-limit": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "p-timeout": {
-                       "version": "3.2.0",
-                       "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
-                       "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
-                       "dev": true,
-                       "requires": {
-                               "p-finally": "^1.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "p-try": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4527,14 +2596,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "callsites": "^3.0.0"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        },
-                       "dependencies": {
-                               "callsites": {
-                                       "version": "3.1.0",
-                                       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-                                       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-                                       "dev": true
-                               }
</del><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "parse-entities": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4552,12 +2613,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "parse-json": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.2.0",
-                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
-                       "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "5.1.0",
+                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
+                       "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "error-ex": "^1.2.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "@babel/code-frame": "^7.0.0",
+                               "error-ex": "^1.3.1",
+                               "json-parse-even-better-errors": "^2.3.0",
+                               "lines-and-columns": "^1.1.6"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "path-exists": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4573,9 +2637,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "path-key": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-                       "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.1",
+                       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+                       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "path-parse": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4585,28 +2649,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "path-type": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
-                       "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
-                       "dev": true,
-                       "requires": {
-                               "graceful-fs": "^4.1.2",
-                               "pify": "^2.0.0",
-                               "pinkie-promise": "^2.0.0"
-                       }
-               },
-               "pend": {
-                       "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-                       "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.0",
+                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+                       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "performance-now": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-                       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "picomatch": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.2.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4620,35 +2667,37 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "pify": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.3.0",
-                       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-                       "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+                       "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "pinkie": {
-                       "version": "2.0.4",
-                       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
-                       "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
-                       "dev": true
-               },
-               "pinkie-promise": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
-                       "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
-                       "dev": true,
-                       "requires": {
-                               "pinkie": "^2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "postcss": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "7.0.32",
-                       "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
-                       "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.0.35",
+                       "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
+                       "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "chalk": "^2.4.2",
</span><span class="cx" style="display: block; padding: 0 10px">                                "source-map": "^0.6.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "supports-color": "^6.1.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "source-map": {
+                                       "version": "0.6.1",
+                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                                       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                                       "dev": true
+                               },
+                               "supports-color": {
+                                       "version": "6.1.0",
+                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+                                       "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+                                       "dev": true,
+                                       "requires": {
+                                               "has-flag": "^3.0.0"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-calc": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4689,12 +2738,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><span class="cx" style="display: block; padding: 0 10px">                                "ansi-styles": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        "version": "4.2.1",
-                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
-                                       "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 "version": "4.3.0",
+                                       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                                       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                "@types/color-name": "^1.1.1",
</del><span class="cx" style="display: block; padding: 0 10px">                                                 "color-convert": "^2.0.1"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4886,14 +2934,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "supports-color": "^5.4.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "supports-color": {
-                                       "version": "5.5.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                                       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^3.0.0"
-                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "source-map": {
+                                       "version": "0.6.1",
+                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                                       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4934,13 +2979,53 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-load-config": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.0.tgz",
-                       "integrity": "sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.1.2",
+                       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+                       "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "cosmiconfig": "^5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "import-cwd": "^2.0.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "cosmiconfig": {
+                                       "version": "5.2.1",
+                                       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+                                       "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+                                       "dev": true,
+                                       "requires": {
+                                               "import-fresh": "^2.0.0",
+                                               "is-directory": "^0.3.1",
+                                               "js-yaml": "^3.13.1",
+                                               "parse-json": "^4.0.0"
+                                       }
+                               },
+                               "import-fresh": {
+                                       "version": "2.0.0",
+                                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+                                       "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+                                       "dev": true,
+                                       "requires": {
+                                               "caller-path": "^2.0.0",
+                                               "resolve-from": "^3.0.0"
+                                       }
+                               },
+                               "parse-json": {
+                                       "version": "4.0.0",
+                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+                                       "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+                                       "dev": true,
+                                       "requires": {
+                                               "error-ex": "^1.3.1",
+                                               "json-parse-better-errors": "^1.0.1"
+                                       }
+                               },
+                               "resolve-from": {
+                                       "version": "3.0.0",
+                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                                       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-media-query-parser": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5006,14 +3091,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-selector-parser": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.0.2",
-                       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz",
-                       "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "6.0.4",
+                       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
+                       "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "cssesc": "^3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "indexes-of": "^1.0.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "uniq": "^1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "uniq": "^1.0.1",
+                               "util-deprecate": "^1.0.2"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-syntax": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5034,6 +3120,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                "prettier": {
+                       "version": "npm:wp-prettier@2.0.5",
+                       "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
+                       "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
+                       "dev": true
+               },
</ins><span class="cx" style="display: block; padding: 0 10px">                 "prettier-linter-helpers": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5049,12 +3141,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "process-nextick-args": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-                       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "progress": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5061,15 +3147,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "promisify-node": {
-                       "version": "0.3.0",
-                       "resolved": "https://registry.npmjs.org/promisify-node/-/promisify-node-0.3.0.tgz",
-                       "integrity": "sha1-tLVaz5D6p9K4uQyjlomQhsAwYM8=",
-                       "dev": true,
-                       "requires": {
-                               "nodegit-promise": "~4.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "prop-types": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "15.7.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5081,28 +3158,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "react-is": "^16.8.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "pseudomap": {
-                       "version": "1.0.2",
-                       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
-                       "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
-                       "dev": true
-               },
-               "psl": {
-                       "version": "1.8.0",
-                       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
-                       "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
-                       "dev": true
-               },
-               "pump": {
-                       "version": "3.0.0",
-                       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-                       "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-                       "dev": true,
-                       "requires": {
-                               "end-of-stream": "^1.1.0",
-                               "once": "^1.3.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "punycode": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5109,12 +3164,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "qs": {
-                       "version": "6.5.2",
-                       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-                       "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "quick-lru": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5121,24 +3170,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "ramda": {
-                       "version": "0.25.0",
-                       "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.25.0.tgz",
-                       "integrity": "sha512-GXpfrYVPwx3K7RQ6aYT8KPS8XViSXUVJT1ONhoKPE9VAleW42YE+U+8VEyGWt41EnEQW7gwecYJriTI0pKoecQ==",
-                       "dev": true
-               },
-               "rc": {
-                       "version": "1.2.8",
-                       "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-                       "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-                       "dev": true,
-                       "requires": {
-                               "deep-extend": "^0.6.0",
-                               "ini": "~1.3.0",
-                               "minimist": "^1.2.0",
-                               "strip-json-comments": "~2.0.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "react-is": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "16.13.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5152,69 +3183,120 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "pify": "^2.3.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "pify": {
+                                       "version": "2.3.0",
+                                       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+                                       "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "read-pkg": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.0",
-                       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
-                       "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+                       "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "load-json-file": "^1.0.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "load-json-file": "^4.0.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "normalize-package-data": "^2.3.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "path-type": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "path-type": "^3.0.0"
+                       },
+                       "dependencies": {
+                               "path-type": {
+                                       "version": "3.0.0",
+                                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+                                       "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+                                       "dev": true,
+                                       "requires": {
+                                               "pify": "^3.0.0"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "read-pkg-up": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
-                       "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.0.1",
+                       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+                       "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "find-up": "^1.0.0",
-                               "read-pkg": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "find-up": "^4.1.0",
+                               "read-pkg": "^5.2.0",
+                               "type-fest": "^0.8.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         },
</span><span class="cx" style="display: block; padding: 0 10px">                        "dependencies": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "find-up": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        "version": "1.1.2",
-                                       "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
-                                       "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 "version": "4.1.0",
+                                       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+                                       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                "path-exists": "^2.0.0",
-                                               "pinkie-promise": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         "locate-path": "^5.0.0",
+                                               "path-exists": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                                         }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                "locate-path": {
+                                       "version": "5.0.0",
+                                       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+                                       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+                                       "dev": true,
+                                       "requires": {
+                                               "p-locate": "^4.1.0"
+                                       }
+                               },
+                               "p-locate": {
+                                       "version": "4.1.0",
+                                       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+                                       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+                                       "dev": true,
+                                       "requires": {
+                                               "p-limit": "^2.2.0"
+                                       }
+                               },
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "path-exists": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        "version": "2.1.0",
-                                       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
-                                       "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 "version": "4.0.0",
+                                       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+                                       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+                                       "dev": true
+                               },
+                               "read-pkg": {
+                                       "version": "5.2.0",
+                                       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+                                       "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                "pinkie-promise": "^2.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         "@types/normalize-package-data": "^2.4.0",
+                                               "normalize-package-data": "^2.5.0",
+                                               "parse-json": "^5.0.0",
+                                               "type-fest": "^0.6.0"
+                                       },
+                                       "dependencies": {
+                                               "type-fest": {
+                                                       "version": "0.6.0",
+                                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+                                                       "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+                                                       "dev": true
+                                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         }
</span><span class="cx" style="display: block; padding: 0 10px">                                }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "readable-stream": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.3.7",
-                       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-                       "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.6.0",
+                       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+                       "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "core-util-is": "~1.0.0",
-                               "inherits": "~2.0.3",
-                               "isarray": "~1.0.0",
-                               "process-nextick-args": "~2.0.0",
-                               "safe-buffer": "~5.1.1",
-                               "string_decoder": "~1.1.1",
-                               "util-deprecate": "~1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "inherits": "^2.0.3",
+                               "string_decoder": "^1.1.1",
+                               "util-deprecate": "^1.0.1"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "readdirp": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.4.0",
-                       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
-                       "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.5.0",
+                       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz",
+                       "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "picomatch": "^2.2.1"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5221,13 +3303,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "redent": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
-                       "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+                       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "indent-string": "^2.1.0",
-                               "strip-indent": "^1.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "indent-string": "^4.0.0",
+                               "strip-indent": "^3.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "regenerator-runtime": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5321,15 +3403,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "repeating": {
-                       "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
-                       "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
-                       "dev": true,
-                       "requires": {
-                               "is-finite": "^1.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "replace-ext": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5336,54 +3409,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "request": {
-                       "version": "2.88.2",
-                       "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
-                       "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
-                       "dev": true,
-                       "requires": {
-                               "aws-sign2": "~0.7.0",
-                               "aws4": "^1.8.0",
-                               "caseless": "~0.12.0",
-                               "combined-stream": "~1.0.6",
-                               "extend": "~3.0.2",
-                               "forever-agent": "~0.6.1",
-                               "form-data": "~2.3.2",
-                               "har-validator": "~5.1.3",
-                               "http-signature": "~1.2.0",
-                               "is-typedarray": "~1.0.0",
-                               "isstream": "~0.1.2",
-                               "json-stringify-safe": "~5.0.1",
-                               "mime-types": "~2.1.19",
-                               "oauth-sign": "~0.9.0",
-                               "performance-now": "^2.1.0",
-                               "qs": "~6.5.2",
-                               "safe-buffer": "^5.1.2",
-                               "tough-cookie": "~2.5.0",
-                               "tunnel-agent": "^0.6.0",
-                               "uuid": "^3.3.2"
-                       }
-               },
-               "request-promise-core": {
-                       "version": "1.1.4",
-                       "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
-                       "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
-                       "dev": true,
-                       "requires": {
-                               "lodash": "^4.17.19"
-                       }
-               },
-               "request-promise-native": {
-                       "version": "1.0.9",
-                       "resolved": "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz",
-                       "integrity": "sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==",
-                       "dev": true,
-                       "requires": {
-                               "request-promise-core": "1.1.4",
-                               "stealthy-require": "^1.1.1",
-                               "tough-cookie": "^2.3.3"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "require-directory": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.1.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5403,39 +3428,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "resolve": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.17.0",
-                       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
-                       "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.19.0",
+                       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
+                       "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                "is-core-module": "^2.1.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                                 "path-parse": "^1.0.6"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "resolve-from": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.0",
-                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
-                       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.0",
+                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+                       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "responselike": {
-                       "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.0.tgz",
-                       "integrity": "sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==",
-                       "dev": true,
-                       "requires": {
-                               "lowercase-keys": "^2.0.0"
-                       }
-               },
-               "restore-cursor": {
-                       "version": "3.1.0",
-                       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-                       "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-                       "dev": true,
-                       "requires": {
-                               "onetime": "^5.1.0",
-                               "signal-exit": "^3.0.2"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "reusify": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.4",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5443,9 +3450,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "rimraf": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.7.1",
-                       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-                       "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.6.3",
+                       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+                       "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "glob": "^7.1.3"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5475,38 +3482,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "supports-color": "^5.4.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "supports-color": {
-                                       "version": "5.5.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                                       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^3.0.0"
-                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "source-map": {
+                                       "version": "0.6.1",
+                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                                       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+                                       "dev": true
+                               },
+                               "strip-json-comments": {
+                                       "version": "2.0.1",
+                                       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+                                       "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+                                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "run-async": {
-                       "version": "2.4.1",
-                       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-                       "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "run-parallel": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.9",
-                       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz",
-                       "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.1.10",
+                       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.10.tgz",
+                       "integrity": "sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "rxjs": {
-                       "version": "6.6.3",
-                       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.3.tgz",
-                       "integrity": "sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==",
-                       "dev": true,
-                       "requires": {
-                               "tslib": "^1.9.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "safe-buffer": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "5.1.2",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5513,55 +3508,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "safer-buffer": {
-                       "version": "2.1.2",
-                       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-                       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-                       "dev": true
-               },
-               "sass-graph": {
-                       "version": "2.2.5",
-                       "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz",
-                       "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "sass": {
+                       "version": "1.29.0",
+                       "resolved": "https://registry.npmjs.org/sass/-/sass-1.29.0.tgz",
+                       "integrity": "sha512-ZpwAUFgnvAUCdkjwPREny+17BpUj8nh5Yr6zKPGtLNTLrmtoRYIjm7njP24COhjJldjwW1dcv52Lpf4tNZVVRA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "glob": "^7.0.0",
-                               "lodash": "^4.0.0",
-                               "scss-tokenizer": "^0.2.3",
-                               "yargs": "^13.3.2"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "chokidar": ">=2.0.0 <4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "sax": {
-                       "version": "1.2.4",
-                       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
-                       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
-                       "dev": true
-               },
-               "scss-tokenizer": {
-                       "version": "0.2.3",
-                       "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
-                       "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
-                       "dev": true,
-                       "requires": {
-                               "js-base64": "^2.1.8",
-                               "source-map": "^0.4.2"
-                       },
-                       "dependencies": {
-                               "source-map": {
-                                       "version": "0.4.4",
-                                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
-                                       "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
-                                       "dev": true,
-                                       "requires": {
-                                               "amdefine": ">=0.0.4"
-                                       }
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "semver": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "5.7.1",
-                       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-                       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "7.3.2",
+                       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+                       "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "set-blocking": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5571,18 +3530,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "shebang-command": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.2.0",
-                       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-                       "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.0.0",
+                       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+                       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "shebang-regex": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "shebang-regex": "^3.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "shebang-regex": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-                       "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+                       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "shell-quote": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5620,24 +3579,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "string.prototype.trimend": "^1.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                                "string.prototype.trimstart": "^1.0.1"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "is-callable": {
-                                       "version": "1.2.2",
-                                       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz",
-                                       "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==",
-                                       "dev": true
-                               },
-                               "object.assign": {
-                                       "version": "4.1.1",
-                                       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.1.tgz",
-                                       "integrity": "sha512-VT/cxmx5yaoHSOTSyrCygIDFco+RsibY2NM0a4RdEeY/4KgqezwFtK1yr3U67xYhqJSlASm2pKhLVzPj2lr4bA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "define-properties": "^1.1.3",
-                                               "es-abstract": "^1.18.0-next.0",
-                                               "has-symbols": "^1.0.1",
-                                               "object-keys": "^1.1.1"
-                                       }
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5665,9 +3606,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "source-map": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "0.6.1",
-                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-                       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "0.5.7",
+                       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+                       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "spdx-correct": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5697,9 +3638,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "spdx-license-ids": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.5",
-                       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz",
-                       "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.6",
+                       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.6.tgz",
+                       "integrity": "sha512-+orQK83kyMva3WyPf59k1+Y525csj5JejicWut55zeTWANuN17qSiSLUXWtzHeNWORSvT7GLDJ/E/XiIWoXBTw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "specificity": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5714,23 +3655,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "sshpk": {
-                       "version": "1.16.1",
-                       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
-                       "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
-                       "dev": true,
-                       "requires": {
-                               "asn1": "~0.2.3",
-                               "assert-plus": "^1.0.0",
-                               "bcrypt-pbkdf": "^1.0.0",
-                               "dashdash": "^1.12.0",
-                               "ecc-jsbn": "~0.1.1",
-                               "getpass": "^0.1.1",
-                               "jsbn": "~0.1.0",
-                               "safer-buffer": "^2.0.2",
-                               "tweetnacl": "~0.14.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "state-toggle": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5737,21 +3661,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "stdout-stream": {
-                       "version": "1.4.1",
-                       "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz",
-                       "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==",
-                       "dev": true,
-                       "requires": {
-                               "readable-stream": "^2.0.1"
-                       }
-               },
-               "stealthy-require": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
-                       "integrity": "sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "string-width": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5761,6 +3670,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "emoji-regex": "^7.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-fullwidth-code-point": "^2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "strip-ansi": "^5.1.0"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        },
+                       "dependencies": {
+                               "emoji-regex": {
+                                       "version": "7.0.3",
+                                       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+                                       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "string.prototype.matchall": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5788,45 +3705,95 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "string.prototype.trimend": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz",
-                       "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.0.2",
+                       "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.2.tgz",
+                       "integrity": "sha512-8oAG/hi14Z4nOVP0z6mdiVZ/wqjDtWSLygMigTzAb+7aPEDTleeFf+WrF+alzecxIRkckkJVn+dTlwzJXORATw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "define-properties": "^1.1.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "es-abstract": "^1.17.5"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "es-abstract": "^1.18.0-next.1"
+                       },
+                       "dependencies": {
+                               "es-abstract": {
+                                       "version": "1.18.0-next.1",
+                                       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+                                       "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+                                       "dev": true,
+                                       "requires": {
+                                               "es-to-primitive": "^1.2.1",
+                                               "function-bind": "^1.1.1",
+                                               "has": "^1.0.3",
+                                               "has-symbols": "^1.0.1",
+                                               "is-callable": "^1.2.2",
+                                               "is-negative-zero": "^2.0.0",
+                                               "is-regex": "^1.1.1",
+                                               "object-inspect": "^1.8.0",
+                                               "object-keys": "^1.1.1",
+                                               "object.assign": "^4.1.1",
+                                               "string.prototype.trimend": "^1.0.1",
+                                               "string.prototype.trimstart": "^1.0.1"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "string.prototype.trimstart": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz",
-                       "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.0.2",
+                       "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.2.tgz",
+                       "integrity": "sha512-7F6CdBTl5zyu30BJFdzSTlSlLPwODC23Od+iLoVH8X6+3fvDPPuBVVj9iaB1GOsSTSIgVfsfm27R2FGrAPznWg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "define-properties": "^1.1.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "es-abstract": "^1.17.5"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "es-abstract": "^1.18.0-next.1"
+                       },
+                       "dependencies": {
+                               "es-abstract": {
+                                       "version": "1.18.0-next.1",
+                                       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+                                       "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+                                       "dev": true,
+                                       "requires": {
+                                               "es-to-primitive": "^1.2.1",
+                                               "function-bind": "^1.1.1",
+                                               "has": "^1.0.3",
+                                               "has-symbols": "^1.0.1",
+                                               "is-callable": "^1.2.2",
+                                               "is-negative-zero": "^2.0.0",
+                                               "is-regex": "^1.1.1",
+                                               "object-inspect": "^1.8.0",
+                                               "object-keys": "^1.1.1",
+                                               "object.assign": "^4.1.1",
+                                               "string.prototype.trimend": "^1.0.1",
+                                               "string.prototype.trimstart": "^1.0.1"
+                                       }
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "string_decoder": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-                       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.3.0",
+                       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+                       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "safe-buffer": "~5.1.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "safe-buffer": "~5.2.0"
+                       },
+                       "dependencies": {
+                               "safe-buffer": {
+                                       "version": "5.2.1",
+                                       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                                       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+                                       "dev": true
+                               }
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "stringify-entities": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.1",
-                       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.0.1.tgz",
-                       "integrity": "sha512-Lsk3ISA2++eJYqBMPKcr/8eby1I6L0gP0NlxF8Zja6c05yr/yCYyb2c9PwXjd08Ib3If1vn1rbs1H5ZtVuOfvQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.0",
+                       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.1.0.tgz",
+                       "integrity": "sha512-3FP+jGMmMV/ffZs86MoghGqAoqXAdxLrJP4GUdrDN1aIScYih5tuIO3eF4To5AJZ79KDZ8Fpdy7QJnK8SsL1Vg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "character-entities-html4": "^1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "character-entities-legacy": "^1.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "is-alphanumerical": "^1.0.0",
-                               "is-decimal": "^1.0.2",
-                               "is-hexadecimal": "^1.0.0"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "xtend": "^4.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "strip-ansi": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5839,27 +3806,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "strip-bom": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.0",
-                       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
-                       "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
-                       "dev": true,
-                       "requires": {
-                               "is-utf8": "^0.2.0"
-                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+                       "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+                       "dev": true
</ins><span class="cx" style="display: block; padding: 0 10px">                 },
</span><span class="cx" style="display: block; padding: 0 10px">                "strip-indent": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
-                       "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+                       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "get-stdin": "^4.0.1"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "min-indent": "^1.0.0"
</ins><span class="cx" style="display: block; padding: 0 10px">                         }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "strip-json-comments": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.0.1",
-                       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-                       "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.1",
+                       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+                       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "style-search": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5945,17 +3909,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "camelcase-keys": {
-                                       "version": "6.2.2",
-                                       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-                                       "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "camelcase": "^5.3.1",
-                                               "map-obj": "^4.0.0",
-                                               "quick-lru": "^4.0.1"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "chalk": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "4.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5981,28 +3934,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "cosmiconfig": {
-                                       "version": "7.0.0",
-                                       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
-                                       "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@types/parse-json": "^4.0.0",
-                                               "import-fresh": "^3.2.1",
-                                               "parse-json": "^5.0.0",
-                                               "path-type": "^4.0.0",
-                                               "yaml": "^1.10.0"
-                                       }
-                               },
-                               "debug": {
-                                       "version": "4.2.0",
-                                       "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz",
-                                       "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "ms": "2.1.2"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "emoji-regex": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "8.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6009,16 +3940,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "find-up": {
-                                       "version": "4.1.0",
-                                       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-                                       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "locate-path": "^5.0.0",
-                                               "path-exists": "^4.0.0"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "get-stdin": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "8.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6031,28 +3952,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "import-fresh": {
-                                       "version": "3.2.1",
-                                       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-                                       "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "parent-module": "^1.0.0",
-                                               "resolve-from": "^4.0.0"
-                                       },
-                                       "dependencies": {
-                                               "resolve-from": {
-                                                       "version": "4.0.0",
-                                                       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-                                                       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-                                                       "dev": true
-                                               }
-                                       }
-                               },
-                               "indent-string": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-                                       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         "ignore": {
+                                       "version": "5.1.8",
+                                       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
+                                       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-fullwidth-code-point": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6061,15 +3964,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "locate-path": {
-                                       "version": "5.0.0",
-                                       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-                                       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-                                       "dev": true,
-                                       "requires": {
-                                               "p-locate": "^4.1.0"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "log-symbols": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6079,119 +3973,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "chalk": "^4.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "map-obj": {
-                                       "version": "4.1.0",
-                                       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
-                                       "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==",
-                                       "dev": true
-                               },
-                               "meow": {
-                                       "version": "7.1.1",
-                                       "resolved": "https://registry.npmjs.org/meow/-/meow-7.1.1.tgz",
-                                       "integrity": "sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@types/minimist": "^1.2.0",
-                                               "camelcase-keys": "^6.2.2",
-                                               "decamelize-keys": "^1.1.0",
-                                               "hard-rejection": "^2.1.0",
-                                               "minimist-options": "4.1.0",
-                                               "normalize-package-data": "^2.5.0",
-                                               "read-pkg-up": "^7.0.1",
-                                               "redent": "^3.0.0",
-                                               "trim-newlines": "^3.0.0",
-                                               "type-fest": "^0.13.1",
-                                               "yargs-parser": "^18.1.3"
-                                       }
-                               },
-                               "ms": {
-                                       "version": "2.1.2",
-                                       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-                                       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-                                       "dev": true
-                               },
-                               "p-locate": {
-                                       "version": "4.1.0",
-                                       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-                                       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-                                       "dev": true,
-                                       "requires": {
-                                               "p-limit": "^2.2.0"
-                                       }
-                               },
-                               "parse-json": {
-                                       "version": "5.1.0",
-                                       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
-                                       "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@babel/code-frame": "^7.0.0",
-                                               "error-ex": "^1.3.1",
-                                               "json-parse-even-better-errors": "^2.3.0",
-                                               "lines-and-columns": "^1.1.6"
-                                       }
-                               },
-                               "path-exists": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-                                       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-                                       "dev": true
-                               },
-                               "path-type": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-                                       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-                                       "dev": true
-                               },
-                               "read-pkg": {
-                                       "version": "5.2.0",
-                                       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-                                       "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "@types/normalize-package-data": "^2.4.0",
-                                               "normalize-package-data": "^2.5.0",
-                                               "parse-json": "^5.0.0",
-                                               "type-fest": "^0.6.0"
-                                       },
-                                       "dependencies": {
-                                               "type-fest": {
-                                                       "version": "0.6.0",
-                                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-                                                       "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-                                                       "dev": true
-                                               }
-                                       }
-                               },
-                               "read-pkg-up": {
-                                       "version": "7.0.1",
-                                       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-                                       "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "find-up": "^4.1.0",
-                                               "read-pkg": "^5.2.0",
-                                               "type-fest": "^0.8.1"
-                                       },
-                                       "dependencies": {
-                                               "type-fest": {
-                                                       "version": "0.8.1",
-                                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-                                                       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-                                                       "dev": true
-                                               }
-                                       }
-                               },
-                               "redent": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-                                       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-                                       "dev": true,
-                                       "requires": {
-                                               "indent-string": "^4.0.0",
-                                               "strip-indent": "^3.0.0"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "resolve-from": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6229,15 +4010,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "ansi-regex": "^5.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><span class="cx" style="display: block; padding: 0 10px">                                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                "strip-indent": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-                                       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "min-indent": "^1.0.0"
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 "supports-color": {
</span><span class="cx" style="display: block; padding: 0 10px">                                        "version": "7.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                        "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6258,28 +4030,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                "slice-ansi": "^4.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                                "string-width": "^4.2.0"
</span><span class="cx" style="display: block; padding: 0 10px">                                        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                },
-                               "trim-newlines": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
-                                       "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
-                                       "dev": true
-                               },
-                               "type-fest": {
-                                       "version": "0.13.1",
-                                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
-                                       "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
-                                       "dev": true
-                               },
-                               "yargs-parser": {
-                                       "version": "18.1.3",
-                                       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-                                       "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-                                       "dev": true,
-                                       "requires": {
-                                               "camelcase": "^5.0.0",
-                                               "decamelize": "^1.2.0"
-                                       }
</del><span class="cx" style="display: block; padding: 0 10px">                                 }
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6332,41 +4082,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "supports-color": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "6.1.0",
-                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-                       "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "5.5.0",
+                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "has-flag": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "supports-hyperlinks": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz",
-                       "integrity": "sha512-zoE5/e+dnEijk6ASB6/qrK+oYdm2do1hjoLWrqUC/8WEIW1gbxFcKuBof7sW8ArN6e+AYvsE8HBGiVRWL/F5CA==",
-                       "dev": true,
-                       "requires": {
-                               "has-flag": "^4.0.0",
-                               "supports-color": "^7.0.0"
-                       },
-                       "dependencies": {
-                               "has-flag": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-                                       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-                                       "dev": true
-                               },
-                               "supports-color": {
-                                       "version": "7.2.0",
-                                       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-                                       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "has-flag": "^4.0.0"
-                                       }
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "svg-tags": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6385,66 +4108,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "string-width": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "tar": {
-                       "version": "2.2.2",
-                       "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz",
-                       "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==",
-                       "dev": true,
-                       "requires": {
-                               "block-stream": "*",
-                               "fstream": "^1.0.12",
-                               "inherits": "2"
-                       }
-               },
-               "tar-fs": {
-                       "version": "1.16.3",
-                       "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-1.16.3.tgz",
-                       "integrity": "sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==",
-                       "dev": true,
-                       "requires": {
-                               "chownr": "^1.0.1",
-                               "mkdirp": "^0.5.1",
-                               "pump": "^1.0.0",
-                               "tar-stream": "^1.1.2"
-                       },
-                       "dependencies": {
-                               "pump": {
-                                       "version": "1.0.3",
-                                       "resolved": "https://registry.npmjs.org/pump/-/pump-1.0.3.tgz",
-                                       "integrity": "sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "end-of-stream": "^1.1.0",
-                                               "once": "^1.3.1"
-                                       }
-                               }
-                       }
-               },
-               "tar-stream": {
-                       "version": "1.6.2",
-                       "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-1.6.2.tgz",
-                       "integrity": "sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==",
-                       "dev": true,
-                       "requires": {
-                               "bl": "^1.0.0",
-                               "buffer-alloc": "^1.2.0",
-                               "end-of-stream": "^1.0.0",
-                               "fs-constants": "^1.0.0",
-                               "readable-stream": "^2.3.0",
-                               "to-buffer": "^1.1.1",
-                               "xtend": "^4.0.0"
-                       }
-               },
-               "terminal-link": {
-                       "version": "2.1.1",
-                       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
-                       "integrity": "sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==",
-                       "dev": true,
-                       "requires": {
-                               "ansi-escapes": "^4.2.1",
-                               "supports-hyperlinks": "^2.0.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "text-table": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6451,27 +4114,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "through": {
-                       "version": "2.3.8",
-                       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-                       "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
-                       "dev": true
-               },
-               "tmp": {
-                       "version": "0.0.33",
-                       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-                       "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-                       "dev": true,
-                       "requires": {
-                               "os-tmpdir": "~1.0.2"
-                       }
-               },
-               "to-buffer": {
-                       "version": "1.1.1",
-                       "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.1.1.tgz",
-                       "integrity": "sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "to-fast-properties": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6478,12 +4120,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "to-readable-stream": {
-                       "version": "2.1.0",
-                       "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-2.1.0.tgz",
-                       "integrity": "sha512-o3Qa6DGg1CEXshSdvWNX2sN4QHqg03SPq7U6jPXRahlQdl5dK8oXjkU/2/sGrnOZKeGV1zLSO8qPwyKklPPE7w==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "to-regex-range": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "5.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6493,16 +4129,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "is-number": "^7.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "tough-cookie": {
-                       "version": "2.5.0",
-                       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
-                       "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
-                       "dev": true,
-                       "requires": {
-                               "psl": "^1.1.28",
-                               "punycode": "^2.1.1"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "trim": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.0.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6510,15 +4136,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "trim-newlines": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.0.0",
-                       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
-                       "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.0",
+                       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
+                       "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "trim-trailing-lines": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.1.3",
-                       "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.3.tgz",
-                       "integrity": "sha512-4ku0mmjXifQcTVfYDfR5lpgV7zVqPg6zV9rdZmwOPqq0+Zq19xDqEgagqVbc4pOOShbncuAOIs59R3+3gcF3ZA==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "1.1.4",
+                       "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.4.tgz",
+                       "integrity": "sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "trough": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6527,15 +4153,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "true-case-path": {
-                       "version": "1.0.3",
-                       "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
-                       "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==",
-                       "dev": true,
-                       "requires": {
-                               "glob": "^7.1.2"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "tslib": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.14.1",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6551,21 +4168,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "tslib": "^1.8.1"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "tunnel-agent": {
-                       "version": "0.6.0",
-                       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-                       "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-                       "dev": true,
-                       "requires": {
-                               "safe-buffer": "^5.0.1"
-                       }
-               },
-               "tweetnacl": {
-                       "version": "0.14.5",
-                       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-                       "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "type-check": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "0.4.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6576,17 +4178,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "type-fest": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "0.10.0",
-                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.10.0.tgz",
-                       "integrity": "sha512-EUV9jo4sffrwlg8s0zDhP0T2WD3pru5Xi0+HTE3zTUmBaZNhfkite9PdSJwdXLwPVW0jnAHT56pZHIOYckPEiw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "0.8.1",
+                       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+                       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "typedarray": {
-                       "version": "0.0.6",
-                       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-                       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "typedarray-to-buffer": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "3.1.5",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6627,9 +4223,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "unist-util-find-all-after": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.0.1",
-                       "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.1.tgz",
-                       "integrity": "sha512-0GICgc++sRJesLwEYDjFVJPJttBpVQaTNgc6Jw0Jhzvfs+jtKePEMu+uD+PqkRUrAvGQqwhpDwLGWo1PK8PDEw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.0.2",
+                       "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz",
+                       "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "unist-util-is": "^4.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6636,9 +4232,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "unist-util-is": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "4.0.2",
-                       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.2.tgz",
-                       "integrity": "sha512-Ofx8uf6haexJwI1gxWMGg6I/dLnF2yE+KibhD3/diOqY2TinLcqHXCV6OI5gFVn3xQqDH+u0M625pfKwIwgBKQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "4.0.3",
+                       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.3.tgz",
+                       "integrity": "sha512-bTofCFVx0iQM8Jqb1TBDVRIQW03YkD3p66JOd/aCWuqzlLyUtx1ZAGw/u+Zw+SttKvSVcvTiKYbfrtLoLefykw==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "unist-util-remove-position": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6671,9 +4267,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "unist-util-visit-parents": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.1.0",
-                       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.0.tgz",
-                       "integrity": "sha512-0g4wbluTF93npyPrp/ymd3tCDTMnP0yo2akFD2FIBAYXq/Sga3lwaU1D8OYKbtpioaI6CkDcQ6fsMnmtzt7htw==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.1.1",
+                       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
+                       "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "@types/unist": "^2.0.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6701,16 +4297,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "uuid": {
-                       "version": "3.4.0",
-                       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-                       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "v8-compile-cache": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "2.1.1",
-                       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz",
-                       "integrity": "sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.2.0",
+                       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz",
+                       "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "validate-npm-package-license": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6723,17 +4313,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "spdx-expression-parse": "^3.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "verror": {
-                       "version": "1.10.0",
-                       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-                       "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
-                       "dev": true,
-                       "requires": {
-                               "assert-plus": "^1.0.0",
-                               "core-util-is": "1.0.2",
-                               "extsprintf": "^1.2.0"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "vfile": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "4.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6748,9 +4327,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "vfile-location": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "3.1.0",
-                       "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.1.0.tgz",
-                       "integrity": "sha512-FCZ4AN9xMcjFIG1oGmZKo61PjwJHRVA+0/tPUP2ul4uIwjGGndIxavEMRpWn5p4xwm/ZsdXp9YNygf1ZyE4x8g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "3.2.0",
+                       "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-3.2.0.tgz",
+                       "integrity": "sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><span class="cx" style="display: block; padding: 0 10px">                "vfile-message": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6763,19 +4342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "unist-util-stringify-position": "^2.0.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "wcwidth": {
-                       "version": "1.0.1",
-                       "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-                       "integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=",
-                       "dev": true,
-                       "requires": {
-                               "defaults": "^1.0.3"
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "which": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        "version": "1.3.1",
-                       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-                       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 "version": "2.0.2",
+                       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+                       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
</ins><span class="cx" style="display: block; padding: 0 10px">                         "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px">                        "requires": {
</span><span class="cx" style="display: block; padding: 0 10px">                                "isexe": "^2.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6787,42 +4357,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "wide-align": {
-                       "version": "1.1.3",
-                       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
-                       "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
-                       "dev": true,
-                       "requires": {
-                               "string-width": "^1.0.2 || 2"
-                       },
-                       "dependencies": {
-                               "ansi-regex": {
-                                       "version": "3.0.0",
-                                       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-                                       "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
-                                       "dev": true
-                               },
-                               "string-width": {
-                                       "version": "2.1.1",
-                                       "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-                                       "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-                                       "dev": true,
-                                       "requires": {
-                                               "is-fullwidth-code-point": "^2.0.0",
-                                               "strip-ansi": "^4.0.0"
-                                       }
-                               },
-                               "strip-ansi": {
-                                       "version": "4.0.0",
-                                       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-                                       "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-                                       "dev": true,
-                                       "requires": {
-                                               "ansi-regex": "^3.0.0"
-                                       }
-                               }
-                       }
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "word-wrap": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.2.3",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6879,12 +4413,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
</span><span class="cx" style="display: block; padding: 0 10px">                        "dev": true
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "yallist": {
-                       "version": "2.1.2",
-                       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-                       "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
-                       "dev": true
-               },
</del><span class="cx" style="display: block; padding: 0 10px">                 "yaml": {
</span><span class="cx" style="display: block; padding: 0 10px">                        "version": "1.10.0",
</span><span class="cx" style="display: block; padding: 0 10px">                        "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6918,16 +4446,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                "camelcase": "^5.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                                "decamelize": "^1.2.0"
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                },
-               "yauzl": {
-                       "version": "2.10.0",
-                       "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-                       "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
-                       "dev": true,
-                       "requires": {
-                               "buffer-crc32": "~0.2.3",
-                               "fd-slicer": "~1.1.0"
-                       }
</del><span class="cx" style="display: block; padding: 0 10px">                 }
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonepackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/package.json  2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/package.json    2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,13 +14,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        "homepage": "https://github.com/wordpress/twentytwentyone",
</span><span class="cx" style="display: block; padding: 0 10px">        "devDependencies": {
</span><span class="cx" style="display: block; padding: 0 10px">                "@wordpress/browserslist-config": "^2.2.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "@wordpress/env": "^2.1.0",
</del><span class="cx" style="display: block; padding: 0 10px">                 "@wordpress/eslint-plugin": "^7.3.0",
</span><span class="cx" style="display: block; padding: 0 10px">                "autoprefixer": "^9.5.1",
</span><span class="cx" style="display: block; padding: 0 10px">                "chokidar-cli": "^2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px">                "eslint": "^7.11.0",
</span><span class="cx" style="display: block; padding: 0 10px">                "minimist": "^1.2.2",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "node-sass": "^4.13.1",
</del><span class="cx" style="display: block; padding: 0 10px">                 "npm-run-all": "^4.1.5",
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-calc": "^7.0.5",
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-cli": "^7.1.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,6 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-focus-within": "^3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px">                "postcss-nested": "^4.2.1",
</span><span class="cx" style="display: block; padding: 0 10px">                "rtlcss": "^2.6.1",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                "sass": "^1.28.0",
</ins><span class="cx" style="display: block; padding: 0 10px">                 "stylelint": "^13.7.2",
</span><span class="cx" style="display: block; padding: 0 10px">                "stylelint-config-recommended-scss": "^4.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">                "stylelint-config-wordpress": "^17.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,19 +50,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        ],
</span><span class="cx" style="display: block; padding: 0 10px">        "scripts": {
</span><span class="cx" style="display: block; padding: 0 10px">                "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "build:style": "node-sass assets/sass/style.scss style.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
-               "build:style-editor": "node-sass assets/sass/style-editor.scss assets/css/style-editor.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
-               "build:style-dark-mode": "node-sass assets/sass/style-dark-mode.scss assets/css/style-dark-mode.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
-               "build:rtl": "rtlcss style.css style-rtl.css style-dark-mode.css",
-               "build:print": "node-sass assets/sass/07-utilities/print.scss assets/css/print.css --output-style expanded --indent-type tab --indent-width 1 --source-map true",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "build:style": "sass assets/sass/style.scss:style.css --style=expanded --source-map",
+               "build:style-editor": "sass assets/sass/style-editor.scss:assets/css/style-editor.css --style=expanded --source-map",
+               "build:style-dark-mode": "sass assets/sass/style-dark-mode.scss:assets/css/style-dark-mode.css --style=expanded --source-map",
+               "build:rtl": "rtlcss style.css style-rtl.css style-dark-mode.css style-dark-mode-rtl.css",
+               "build:dark-rtl": "rtlcss assets/css/style-dark-mode.css assets/css/style-dark-mode-rtl.css",
+               "build:print": "sass assets/sass/07-utilities/print.scss:assets/css/print.css --style=expanded --source-map",
</ins><span class="cx" style="display: block; padding: 0 10px">                 "build:ie": "postcss style.css -o assets/css/ie.css",
</span><span class="cx" style="display: block; padding: 0 10px">                "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                "build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json",
</ins><span class="cx" style="display: block; padding: 0 10px">                 "build": "run-s \"build:*\"",
</span><span class="cx" style="display: block; padding: 0 10px">                "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
</span><span class="cx" style="display: block; padding: 0 10px">                "lint:scss": "stylelint **/*.scss",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                "lint:js": "eslint assets/js",
-               "lint-fix:scss": "stylelint **/*.scss --fix",
-               "lint-fix:js": "eslint assets/js --fix",
-               "wp-env": "wp-env"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         "lint-fix:scss": "stylelint **/*.scss --fix"
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonereadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/readme.txt    2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/readme.txt      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,6 +22,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 4. Go to INSERT ABOUT PAGE for a guide on how to customize this theme.
</span><span class="cx" style="display: block; padding: 0 10px"> 5. Navigate to Appearance > Customize in your admin panel and customize to taste.
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+== Privacy ==
+Twenty Twenty-One uses LocalStorage to save the setting when Dark Mode support is turned on or off.
+LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.
+No data is saved in the database or transferred.
+
</ins><span class="cx" style="display: block; padding: 0 10px"> == Changelog ==
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> == Copyright ==
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonesinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/single.php    2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/single.php      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,7 +17,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        get_template_part( 'template-parts/content/content-single' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        if ( is_singular( 'attachment' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( is_attachment() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                 // Parent post navigation.
</span><span class="cx" style="display: block; padding: 0 10px">                the_post_navigation(
</span><span class="cx" style="display: block; padding: 0 10px">                        array(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,18 +32,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">                comments_template();
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        if ( is_singular( 'post' ) ) {
-               // Previous/next post navigation.
-               $twentytwentyone_next = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' );
-               $twentytwentyone_prev = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' );
-               the_post_navigation(
-                       array(
-                               'next_text' => '<p class="meta-nav">' . esc_html__( 'Next Post', 'twentytwentyone' ) . $twentytwentyone_next . '</p><p class="post-title">%title</p>',
-                               'prev_text' => '<p class="meta-nav">' . $twentytwentyone_prev . esc_html__( 'Previous Post', 'twentytwentyone' ) . '</p><p class="post-title">%title</p>',
-                       )
-               );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Previous/next post navigation.
+       $twentytwentyone_next = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' );
+       $twentytwentyone_prev = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' );
+
+       $twentytwentyone_post_type      = get_post_type_object( get_post_type() );
+       $twentytwentyone_post_type_name = '';
+       if (
+               is_object( $twentytwentyone_post_type ) &&
+               property_exists( $twentytwentyone_post_type, 'labels' ) &&
+               is_object( $twentytwentyone_post_type->labels ) &&
+               property_exists( $twentytwentyone_post_type->labels, 'singular_name' )
+       ) {
+               $twentytwentyone_post_type_name = $twentytwentyone_post_type->labels->singular_name;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        /* translators: %s: The post-type singlular name (example: Post, Page etc) */
+       $twentytwentyone_next_label = sprintf( esc_html__( 'Next %s', 'twentytwentyone' ), $twentytwentyone_post_type_name );
+       /* translators: %s: The post-type singlular name (example: Post, Page etc) */
+       $twentytwentyone_previous_label = sprintf( esc_html__( 'Previous %s', 'twentytwentyone' ), $twentytwentyone_post_type_name );
+
+       the_post_navigation(
+               array(
+                       'next_text' => '<p class="meta-nav">' . $twentytwentyone_next_label . $twentytwentyone_next . '</p><p class="post-title">%title</p>',
+                       'prev_text' => '<p class="meta-nav">' . $twentytwentyone_prev . $twentytwentyone_previous_label . '</p><p class="post-title">%title</p>',
+               )
+       );
</ins><span class="cx" style="display: block; padding: 0 10px"> endwhile; // End of the loop.
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/style-rtl.css 2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/style-rtl.css   2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px">  * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,12 +94,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px">  * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,10 +115,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,6 +152,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px">        --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -158,21 +168,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,10 +201,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,6 +221,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* entry */
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,6 +231,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Header */
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,6 +248,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,6 +266,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,6 +274,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,6 +281,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,8 +296,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        --quote--font-weight: normal;
-       --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px">         --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -279,15 +304,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,8 +323,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +331,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -313,8 +342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -359,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -372,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -450,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -459,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -469,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -494,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -502,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -512,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -544,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px">         height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -615,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -638,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -655,9 +723,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -671,6 +741,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -678,8 +749,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -689,21 +760,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Extends
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.default-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width, .alignwide, .site-header, .site-footer, .post-navigation, .pagination,
-.comments-pagination, .widget-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
+.full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">        width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -711,7 +793,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .full-max-width, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .alignfull,
+       .full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">                width: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -719,8 +803,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide, .entry-header .post-thumbnail,
-.singular .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        width: var(--responsive--alignwide-width);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -728,13 +814,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--responsive--alignleft-margin);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--responsive--alignright-margin);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -749,6 +836,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px">  * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set vertical padding and horizontal margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -767,8 +855,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: calc(0.75 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-bottom: calc(3 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -794,12 +882,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -822,17 +913,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        [class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -842,7 +933,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -850,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -860,8 +951,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-footer > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .widget-area > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -903,16 +994,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -960,6 +1055,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--global--font-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -969,7 +1065,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1036,7 +1134,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1048,11 +1146,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1059,7 +1159,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1066,15 +1167,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        position: absolute;
-       right: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1084,30 +1183,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: var(--form--border-radius);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1117,20 +1217,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1137,57 +1237,57 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"], .has-background-dark
-input[type="email"], .has-background-dark
-input[type="url"], .has-background-dark
-input[type="password"], .has-background-dark
-input[type="search"], .has-background-dark
-input[type="number"], .has-background-dark
-input[type="tel"], .has-background-dark
-input[type="date"], .has-background-dark
-input[type="month"], .has-background-dark
-input[type="week"], .has-background-dark
-input[type="time"], .has-background-dark
-input[type="datetime"], .has-background-dark
-input[type="datetime-local"], .has-background-dark
-input[type="color"], .has-background-dark
-.site textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: -7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="color"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: calc(var(--form--spacing-unit) / 2);
</span><span class="cx" style="display: block; padding: 0 10px">        height: calc(4 * var(--form--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="email"],
-input[type="url"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
</ins><span class="cx" style="display: block; padding: 0 10px">         direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1199,9 +1299,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit) var(--form--spacing-unit) var(--form--spacing-unit) calc(3 * var(--form--spacing-unit));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px">         background-position: left var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1210,10 +1308,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
-       /* stylelint-disable */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px">         background-position: left var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1233,8 +1329,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"],
-       input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox],
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1243,19 +1340,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:disabled,
-       input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:disabled,
+       input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .has-background-dark input[type="checkbox"], .has-background-dark
-       input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .is-dark-theme input[type=checkbox],
+       .is-dark-theme input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1269,20 +1370,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: rotate(-30deg);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px">                 color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1294,20 +1400,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border: 4px solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 4px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label,
-input[type="radio"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1318,10 +1427,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px">                height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--form--color-ranged);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1328,10 +1440,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">                height: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1340,7 +1454,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">                cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-moz-range-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-moz-range-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">                height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1350,7 +1465,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1361,17 +1476,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">         border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1390,20 +1505,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label,
-fieldset input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--form--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-unit);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1413,6 +1529,36 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+       font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+       display: flex;
+       flex-wrap: wrap;
+}
+
+.post-password-form__label {
+       width: 100%;
+       margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+       flex-grow: 1;
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+       margin-left: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+       .post-password-form__submit {
+               margin-right: calc(0.4 * var(--global--spacing-horizontal));
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1445,13 +1591,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1501,13 +1645,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1521,6 +1666,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1550,8 +1696,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Button
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"],
-input[type="reset"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit],
+input[type=reset],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--button--line-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1567,11 +1713,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1583,8 +1730,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:before,
-input[type="reset"]:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:before,
+input[type=reset]:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1591,8 +1738,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:after,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:after,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: -calc(.5em * var(--button--line-height) + -.39);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1599,8 +1746,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1608,17 +1755,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus, .has-background-dark
-input[type="submit"]:focus, .has-background-dark
-input[type="reset"]:focus, .has-background-dark
-.wp-block-search__button:focus, .has-background-dark
-.wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus:not(.has-background),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus:not(.has-background),
-input[type="reset"]:focus:not(.has-background),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1625,8 +1772,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:disabled,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:disabled,
-input[type="reset"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:disabled,
+input[type=reset]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:disabled,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-white-50);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1635,8 +1782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:active,
-input[type="reset"]:active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:active,
+input[type=reset]:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-active);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1644,8 +1791,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:hover,
-input[type="reset"]:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:hover,
+input[type=reset]:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1655,61 +1802,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Block Options
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       color: var(--button--color-text-active);
-       background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+       color: var(--button--color-text-active) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       color: var(--button--color-text-hover);
-       background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+       color: var(--button--color-text-hover) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: transparent;
</del><span class="cx" style="display: block; padding: 0 10px">         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+       background: transparent;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        background: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       background-color: var(--button--color-background);
-       color: var(--button--color-text);
-       border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+       color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted var(--button--color-background);
-       color: var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
-       border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+       color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+       border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+       color: var(--button--color-background) !important;
+       background: transparent !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus,
-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1737,8 +1908,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1760,14 +1931,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1776,13 +1947,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1796,10 +1968,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1822,8 +1996,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        min-height: var(--cover--height);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Treating H2 separately to account for legacy /core styles */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1832,6 +2009,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1861,12 +2044,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1905,8 +2088,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-cover .wp-block-cover__inner-container > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1924,13 +2107,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1940,7 +2125,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1981,7 +2167,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2002,7 +2189,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2055,7 +2242,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2070,8 +2258,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group .wp-block-group__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2089,8 +2277,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2102,7 +2290,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px">        width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2211,14 +2400,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2238,13 +2427,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2259,6 +2449,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Vertical margins logic */
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2317,16 +2508,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2364,7 +2555,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2382,7 +2573,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2421,20 +2612,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2548,11 +2743,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2560,8 +2761,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2571,8 +2772,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2586,8 +2787,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2640,7 +2841,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2655,7 +2857,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid var(--primary-nav--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2680,7 +2883,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2705,36 +2909,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
-       font-size: var(--global--font-size-lg);
-}
-
-.post-password-form {
-       display: flex;
-       flex-wrap: wrap;
-}
-
-.post-password-form__label {
-       width: 100%;
-       margin-bottom: 0;
-}
-
-.post-password-form__input {
-       flex-grow: 1;
-       margin-top: calc(var(--global--spacing-vertical) / 3);
-       margin-left: calc(0.66 * var(--global--spacing-horizontal));
-}
-
-.post-password-form__submit {
-       margin-top: calc(var(--global--spacing-vertical) / 3);
-}
-
-@media only screen and (min-width: 592px) {
-       .post-password-form__submit {
-               margin-right: calc(0.4 * var(--global--spacing-horizontal));
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2747,14 +2921,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2811,8 +2986,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2837,29 +3012,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2870,7 +3040,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px">         right: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        left: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2883,27 +3053,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px">        right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         right: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2910,41 +3085,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large .wp-block-quote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+       .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large:before,
+       .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right,
+       .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right:before,
+       .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-center,
+       .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2980,16 +3167,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3027,7 +3214,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3045,7 +3232,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3073,11 +3260,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: var(--form--border-radius);
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--form--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: var(--global--line-height-body);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: calc(-1 * var(--button--border-width));
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: var(--global--color-white);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3085,10 +3271,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-color: var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3096,6 +3296,113 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+       padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+       width: 40px;
+       height: 40px;
+       fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+       color: var(--global--color-white);
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--button--color-background);
+       border-color: var(--global--color-white);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+       border-color: currentColor;
+       color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--form--border-color);
+       border-color: var(--form--border-color);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-background);
+       color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3110,9 +3417,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: var(--separator--height) solid var(--separator--border-color);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                 * Block Options
-                */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3127,11 +3435,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom-width: calc(3 * var(--separator--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3143,9 +3453,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3162,8 +3472,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-spacer[style] {
</span><span class="cx" style="display: block; padding: 0 10px">                height: var(--global--spacing-unit) !important;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3332,9 +3642,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3348,11 +3660,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">                float: left;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - var(--responsive--alignleft-margin));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3383,17 +3697,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                float: right;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - var(--responsive--alignright-margin));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3444,8 +3760,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3462,14 +3778,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(var(--global--spacing-vertical) / 0.75);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(2.4 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3485,8 +3801,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3508,15 +3824,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: var(--branding--title--font-weight);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover, .site-title a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
+.site-title a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--branding--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-title {
</span><span class="cx" style="display: block; padding: 0 10px">                font-size: var(--branding--title--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3557,8 +3876,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: var(--branding--logo--max-width);
</span><span class="cx" style="display: block; padding: 0 10px">                max-height: var(--branding--logo--max-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3568,6 +3887,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3574,45 +3894,57 @@
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><span class="cx" style="display: block; padding: 0 10px">                max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3644,12 +3976,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3660,14 +3993,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
+.site-footer > .site-info a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:hover, .site-footer > .site-info a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:focus {
+       color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .site-footer > .site-info a:focus {
+       color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: 3px solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3756,8 +4099,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: var(--global--spacing-vertical) !important;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3779,7 +4122,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover, .entry-footer a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
+.entry-footer a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3826,14 +4170,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px">        .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3850,7 +4196,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        min-width: var(--responsive--aligndefault-width);
</del><span class="cx" style="display: block; padding: 0 10px">         max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4048,6 +4393,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-list .depth-2,
</span><span class="cx" style="display: block; padding: 0 10px">        .comment-list .depth-3 {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4061,8 +4407,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.25 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4087,11 +4433,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4191,8 +4538,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px">        .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px">                flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4218,9 +4565,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p label,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p input[type="email"],
-.comment-form > p input[type="text"],
-.comment-form > p input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4232,12 +4579,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form > p.comment-form-author {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(1.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comment-form > p.comment-notes,
+       .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4253,11 +4602,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
-       margin-left: calc(0.5 * var(--global--spacing-unit));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4290,15 +4638,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px">        animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4337,11 +4685,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        transition: all .15s ease-in-out;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.15s ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px">         transform: translateY(var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4349,22 +4697,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateY(0) translateX(-100%);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                height: calc(100vh - var(--global--admin-bar--height));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container:focus {
</span><span class="cx" style="display: block; padding: 0 10px">                border: 2px solid var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4378,18 +4730,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4399,15 +4752,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4423,8 +4780,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+               padding-bottom: 100px;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4435,13 +4796,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4461,8 +4823,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4484,11 +4846,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4495,8 +4857,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4507,7 +4869,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4518,26 +4882,34 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-color: var(--primary-nav--border-color) transparent;
</span><span class="cx" style="display: block; padding: 0 10px">                border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px">                top: -9px;
</span><span class="cx" style="display: block; padding: 0 10px">                border-color: var(--global--color-background) transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4546,19 +4918,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4572,8 +4947,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--primary-nav--padding) 0;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                font-family: var(--primary-nav--font-family);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4586,7 +4961,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        fill: var(--primary-nav--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
+.primary-navigation a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4624,15 +5001,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4643,8 +5020,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--primary-nav--font-size-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--primary-nav--font-style-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px">                font-size: var(--primary-nav--font-size-sub-menu);
</span><span class="cx" style="display: block; padding: 0 10px">                font-style: var(--primary-nav--font-style);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4654,12 +5031,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4678,6 +5056,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4684,11 +5063,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px">         from {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         to {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4721,7 +5101,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
+.footer-navigation-wrapper li a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4732,6 +5114,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+       fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px">        fill: var(--footer--color-link);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4783,13 +5169,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-next,
</span><span class="cx" style="display: block; padding: 0 10px">        .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4797,6 +5184,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4824,8 +5212,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4843,14 +5231,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: var(--pagination--font-weight-strong);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4884,8 +5272,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .pagination,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: var(--global--spacing-vertical) auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4897,6 +5285,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(-1 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+       color: var(--pagination--color-link-hover);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--pagination--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4918,11 +5311,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover,
-.comments-pagination .nav-links > *a:hover {
-       color: var(--pagination--color-link-hover);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4937,18 +5325,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .pagination .page-numbers.prev,
+       .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4955,13 +5346,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        .pagination .nav-short,
+       .comments-pagination .nav-short {
+               display: none;
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin: calc(3 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4978,8 +5376,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--footer--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--footer--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                display: grid;
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(2, 1fr);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4986,8 +5384,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                column-gap: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5002,7 +5400,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--widget--line-height-list);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu, .widget-area ul.children {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
+.widget-area ul.children {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-right: var(--widget--spacing-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5017,7 +5416,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link, .widget-area a:visited, .widget-area a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
+.widget-area a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5137,6 +5538,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         * {
</span><span class="cx" style="display: block; padding: 0 10px">                transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px">                transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5234,11 +5636,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5294,43 +5704,43 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px">         fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
-       .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+       .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px">                 background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonestylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/style.css     2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/style.css       2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @charset "UTF-8";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> Theme Name: Twenty Twenty-One
</span><span class="cx" style="display: block; padding: 0 10px"> Theme URI: https://wordpress.org/themes/twentytwentyone/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,6 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Twenty-One is distributed under the terms of the GNU GPL.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * SETTINGS
</span><span class="cx" style="display: block; padding: 0 10px">  * File-header..........The file header for the themes style.css file.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,12 +94,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Editor Font Sizes....Editor Font Sizes.
</span><span class="cx" style="display: block; padding: 0 10px">  * Measure..............The width of a line of text, in characters.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Categories 01 to 03 are the basics. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Variables */
</span><span class="cx" style="display: block; padding: 0 10px"> :root {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Family */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Font Size */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-base: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xs: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,10 +115,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-xxxl: 5rem;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--font-size-page-title: var(--global--font-size-xxl);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--letter-spacing: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Line Height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-body: 1.7;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-heading: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--line-height-page-title: 1.1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-size-h6: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-page-title: 300;
</span><span class="cx" style="display: block; padding: 0 10px">        --heading--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Latest posts */
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--title-font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,6 +152,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --latest-posts--description-font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px">        --list--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --definition-term--font-family: var(--global--font-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Colors */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-black: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-dark-gray: #28303d;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -158,21 +168,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-50: rgba(255, 255, 255, 0.5);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-white-90: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Body text color, site title, footer text color. */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-secondary: var(--global--color-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Headings */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-primary-hover: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-background: var(--global--color-green);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Mint, default body background */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--color-border: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Used for borders (separators) */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Spacing */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-unit: 20px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-measure: unset;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-horizontal: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        --global--spacing-vertical: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Elevation */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Forms */
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --form--font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,10 +201,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-width: 3px;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Cover block */
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--height: calc(15 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-foreground: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px">        --cover--color-background: var(--global--color-black);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Buttons */
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        --button--color-text-hover: var(--global--color-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -202,6 +221,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --button--border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-vertical: 15px;
</span><span class="cx" style="display: block; padding: 0 10px">        --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* entry */
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-header--color-link: currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,6 +231,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-content--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-family: var(--heading--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        --entry-author-bio--font-size: var(--heading--font-size-h4);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Header */
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,6 +248,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height: 100px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-width-mobile: 96px;
</span><span class="cx" style="display: block; padding: 0 10px">        --branding--logo--max-height-mobile: 96px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Main navigation */
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family: var(--global--font-secondary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--font-family-mobile: var(--global--font-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,6 +266,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        --primary-nav--border-color: var(--global--color-primary);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Pagination */
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--color-link-hover: var(--global--color-primary-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,6 +274,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --pagination--font-weight-strong: 600;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Footer */
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-text: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link: var(--global--color-primary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,6 +281,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--color-link-hover: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --footer--font-size: var(--global--font-size-sm);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Pull quote */
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-family: var(--global--font-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        --pullquote--font-size: var(--heading--font-size-h3);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,8 +296,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size: var(--global--font-size-md);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-size-large: var(--global--font-size-xl);
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        --quote--font-weight: normal;
-       --quote--font-weight-strong: 700;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ --quote--font-weight: 700;
+       --quote--font-weight-strong: bolder;
</ins><span class="cx" style="display: block; padding: 0 10px">         --quote--font-style-large: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--font-style-cite: normal;
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height: var(--global--line-height-body);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -279,15 +304,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        --quote--line-height-large: 1.35;
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--border-color: var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        --separator--height: 1px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block: Table */
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-border-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--stripes-background-color: var(--global--color-light-gray);
</span><span class="cx" style="display: block; padding: 0 10px">        --table--has-background-text-color: var(--global--color-dark-gray);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-list: 1.9;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--line-height-title: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--font-weight-title: 700;
</span><span class="cx" style="display: block; padding: 0 10px">        --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Admin-bar height */
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,8 +323,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">        --global--admin-bar--height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 782px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 782px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .admin-bar {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--admin-bar--height: 46px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -303,6 +331,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 652px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xl: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px">                --global--font-size-xxl: 6rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -313,8 +342,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the line height in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Prevent adjustments of font size after orientation changes in iOS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -321,13 +352,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-text-size-adjust: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Sections
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the margin in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,6 +387,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Grouping content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Show the overflow in Edge and IE.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -359,10 +394,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: content-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -372,13 +410,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> pre {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text-level semantics
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the gray background on active links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -393,10 +434,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> abbr[title] {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-style: dotted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -416,8 +460,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> kbd,
</span><span class="cx" style="display: block; padding: 0 10px"> samp {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -450,6 +496,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Embedded content
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the border on images inside links in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -459,6 +506,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Forms
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Change the font styles in all browsers.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the margin in Firefox and Safari.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -469,12 +517,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.15;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,6 +536,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> input {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -494,6 +547,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -502,9 +556,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the inability to style clickable types in iOS and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"],
-[type="reset"],
-[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button],
+[type=reset],
+[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -512,9 +566,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner border and padding in Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button::-moz-focus-inner,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-style: none;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,9 +577,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Restore the focus styles unset by the previous rule.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> button:-moz-focusring,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline: 1px dotted ButtonText;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -544,16 +598,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> legend {
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        color: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px">        display: table;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 3 */
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,11 +635,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Add the correct box sizing in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Remove the padding in IE 10.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="checkbox"],
-[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=checkbox],
+[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,8 +648,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Correct the cursor style of increment and decrement buttons in Chrome.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
</ins><span class="cx" style="display: block; padding: 0 10px">         height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,10 +657,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * 1. Correct the odd appearance in Chrome and Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  * 2. Correct the outline style in Safari.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search] {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: textfield;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +669,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Remove the inner padding in Chrome and Safari on macOS.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[type="search"]::-webkit-search-decoration {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[type=search]::-webkit-search-decoration {
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -615,13 +679,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> ::-webkit-file-upload-button {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-appearance: button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px">        font: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* 2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Interactive
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in Edge, IE 10+, and Firefox.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -638,6 +705,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Misc
</span><span class="cx" style="display: block; padding: 0 10px">    ========================================================================== */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Add the correct display in IE 10+.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -655,9 +723,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Repsonsive Styles
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Required Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Root Media Query Variables
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -671,6 +741,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -678,8 +749,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         :root {
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
</span><span class="cx" style="display: block; padding: 0 10px">                --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -689,21 +760,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Extends
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.default-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-thumbnail,
+.entry-content .wp-audio-shortcode,
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
+.default-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--aligndefault-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wide-max-width, .alignwide, .site-header, .site-footer, .post-navigation, .pagination,
-.comments-pagination, .widget-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area,
+.pagination,
+.comments-pagination,
+.post-navigation,
+.site-footer,
+.site-header,
+.alignwide,
+.wide-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--alignwide-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignfull,
+.wp-block-group .wp-block-group__inner-container > *.alignfull,
+.full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">        width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -711,7 +793,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .full-max-width, .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .alignfull,
+       .full-max-width {
</ins><span class="cx" style="display: block; padding: 0 10px">                 max-width: var(--responsive--alignfull-width);
</span><span class="cx" style="display: block; padding: 0 10px">                width: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -719,8 +803,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide, .entry-header .post-thumbnail,
-.singular .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-header .post-thumbnail,
+.singular .post-thumbnail,
+.alignfull [class*=inner-container] > .alignwide,
+.alignwide [class*=inner-container] > .alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        width: var(--responsive--alignwide-width);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -728,18 +814,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--responsive--alignleft-margin);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--global--spacing-horizontal);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--responsive--alignright-margin);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -753,6 +844,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - `--global--width-content` is a responsive veriable
</span><span class="cx" style="display: block; padding: 0 10px">  * - See: globals/_global-width-responsive.scss
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Top Level Wrappers (header, main, footer)
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set vertical padding and horizontal margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -771,8 +863,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: calc(0.75 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-bottom: calc(3 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -798,12 +890,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the default maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the wide maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Set the full maximum responsive content-width
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px">  * Block & non-gutenberg content wrappers
</span><span class="cx" style="display: block; padding: 0 10px">  * - Set margins
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -826,17 +921,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-main > article > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .site-main > .not-found > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        [class*="inner-container"] > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*=inner-container] > *,
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-template-part > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -846,7 +941,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:first-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:first-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:first-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -854,7 +949,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > article > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main > .not-found > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *:last-child,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > *:last-child,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > *:last-child,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-template-part > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -864,8 +959,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-footer > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .widget-area > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -907,16 +1002,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * - Adds special margin overrides for alignment utility classes
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Reset alignleft and alignright margins after alignfull */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignleft, .entry-content > *.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignleft,
+.entry-content > *.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *.alignleft:first-child + *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.alignright:first-child + *,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:last-child,
+.entry-content > *.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -964,6 +1063,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Apply border-box across the entire page. */
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--global--font-secondary);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -973,7 +1073,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Relax the definition a bit, to allow components to override it manually.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-*, *::before, *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*,
+*::before,
+*::after {
</ins><span class="cx" style="display: block; padding: 0 10px">         box-sizing: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1040,7 +1142,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--quote--font-family);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight-strong);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight);
</ins><span class="cx" style="display: block; padding: 0 10px">         line-height: var(--quote--line-height);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1052,11 +1154,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft, blockquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft,
+blockquote.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft p, blockquote.alignright p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft p,
+blockquote.alignright p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--heading--font-size-h5);
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        width: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1063,7 +1167,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignleft cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote.alignleft footer, blockquote.alignright cite,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+blockquote.alignleft footer,
+blockquote.alignright cite,
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote.alignright footer {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        letter-spacing: var(--global--letter-spacing);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1070,15 +1175,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote strong {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font-weight: var(--quote--font-weight);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: var(--quote--font-weight-strong);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        position: absolute;
-       left: calc(-0.5 * var(--global--spacing-horizontal));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote .wp-block-quote__citation,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1088,30 +1191,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-cite);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         blockquote:before {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text],
+input[type=email],
+input[type=url],
+input[type=password],
+input[type=search],
+input[type=number],
+input[type=tel],
+input[type=date],
+input[type=month],
+input[type=week],
+input[type=time],
+input[type=datetime],
+input[type=datetime-local],
+input[type=color],
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: var(--form--border-radius);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1121,20 +1225,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:focus,
+input[type=email]:focus,
+input[type=url]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=number]:focus,
+input[type=tel]:focus,
+input[type=date]:focus,
+input[type=month]:focus,
+input[type=week]:focus,
+input[type=time]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=color]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1141,57 +1245,58 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="text"]:disabled,
-input[type="email"]:disabled,
-input[type="url"]:disabled,
-input[type="password"]:disabled,
-input[type="search"]:disabled,
-input[type="number"]:disabled,
-input[type="tel"]:disabled,
-input[type="date"]:disabled,
-input[type="month"]:disabled,
-input[type="week"]:disabled,
-input[type="time"]:disabled,
-input[type="datetime"]:disabled,
-input[type="datetime-local"]:disabled,
-input[type="color"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=text]:disabled,
+input[type=email]:disabled,
+input[type=url]:disabled,
+input[type=password]:disabled,
+input[type=search]:disabled,
+input[type=number]:disabled,
+input[type=tel]:disabled,
+input[type=date]:disabled,
+input[type=month]:disabled,
+input[type=week]:disabled,
+input[type=time]:disabled,
+input[type=datetime]:disabled,
+input[type=datetime-local]:disabled,
+input[type=color]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site textarea:disabled {
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="text"], .has-background-dark
-input[type="email"], .has-background-dark
-input[type="url"], .has-background-dark
-input[type="password"], .has-background-dark
-input[type="search"], .has-background-dark
-input[type="number"], .has-background-dark
-input[type="tel"], .has-background-dark
-input[type="date"], .has-background-dark
-input[type="month"], .has-background-dark
-input[type="week"], .has-background-dark
-input[type="time"], .has-background-dark
-input[type="datetime"], .has-background-dark
-input[type="datetime-local"], .has-background-dark
-input[type="color"], .has-background-dark
-.site textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=text],
+.is-dark-theme input[type=email],
+.is-dark-theme input[type=url],
+.is-dark-theme input[type=password],
+.is-dark-theme input[type=search],
+.is-dark-theme input[type=number],
+.is-dark-theme input[type=tel],
+.is-dark-theme input[type=date],
+.is-dark-theme input[type=month],
+.is-dark-theme input[type=week],
+.is-dark-theme input[type=time],
+.is-dark-theme input[type=datetime],
+.is-dark-theme input[type=datetime-local],
+.is-dark-theme input[type=color],
+.is-dark-theme .site textarea {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: -7px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark input[type="search"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme input[type=search]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="color"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=color] {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: calc(var(--form--spacing-unit) / 2);
</span><span class="cx" style="display: block; padding: 0 10px">        height: calc(4 * var(--form--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="email"],
-input[type="url"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=email],
+input[type=url] {
+
</ins><span class="cx" style="display: block; padding: 0 10px">         /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1204,9 +1309,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-disable */
</del><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px">         background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1215,10 +1318,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark select {
-       /* stylelint-disable */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme select {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* stylelint-enable */
</del><span class="cx" style="display: block; padding: 0 10px">         background-position: right var(--form--spacing-unit) top 60%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1238,8 +1339,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> License: MIT.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"],
-       input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox],
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                -moz-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1248,19 +1350,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:disabled,
-       input[type="radio"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:disabled,
+       input[type=radio]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .has-background-dark input[type="checkbox"], .has-background-dark
-       input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .is-dark-theme input[type=checkbox],
+       .is-dark-theme input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 background: var(--global--color-white-90);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1274,20 +1380,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: rotate(30deg);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px">                 color: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="checkbox"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=checkbox]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1299,20 +1410,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--form--color-text);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border: 4px solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="radio"]:checked:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=radio]:checked:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">                 outline-offset: 4px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline: 2px dotted var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="checkbox"] + label,
-input[type="radio"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=checkbox] + label,
+input[type=radio] + label {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-xs);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1323,10 +1437,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (-webkit-appearance: none) or (-moz-appearance: none) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range] {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Hides the slider so that custom slider can be made */
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* Specific width is required for Firefox. */
</span><span class="cx" style="display: block; padding: 0 10px">                height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--form--color-ranged);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1333,10 +1450,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">                outline-offset: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]:disabled {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]:disabled {
</ins><span class="cx" style="display: block; padding: 0 10px">                 opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-webkit-slider-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-webkit-slider-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">                 -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">                border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">                height: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1345,7 +1464,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">                cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        input[type="range"]::-moz-range-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       input[type=range]::-moz-range-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">                 border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">                height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1355,7 +1475,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-track {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-track {
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1366,17 +1486,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-upper {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-upper {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-fill-lower {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-fill-lower {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="range"]::-ms-thumb {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=range]::-ms-thumb {
</ins><span class="cx" style="display: block; padding: 0 10px">         border: 3px solid var(--form--color-ranged);
</span><span class="cx" style="display: block; padding: 0 10px">        height: 25px;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 25px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1395,20 +1515,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-lg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=submit] {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: max-content;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input:not([type="submit"]) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input:not([type=submit]) {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"], fieldset input[type="checkbox"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio],
+fieldset input[type=checkbox] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-fieldset input[type="radio"] + label,
-fieldset input[type="checkbox"] + label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+fieldset input[type=radio] + label,
+fieldset input[type=checkbox] + label {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--form--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-unit);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1418,6 +1539,36 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.post-password-message {
+       font-size: var(--global--font-size-lg);
+}
+
+.post-password-form {
+       display: flex;
+       flex-wrap: wrap;
+}
+
+.post-password-form__label {
+       width: 100%;
+       margin-bottom: 0;
+}
+
+.post-password-form input[type=password] {
+       flex-grow: 1;
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+       margin-right: calc(0.66 * var(--global--spacing-horizontal));
+}
+
+.post-password-form__submit {
+       margin-top: calc(var(--global--spacing-vertical) / 3);
+}
+@media only screen and (min-width: 592px) {
+
+       .post-password-form__submit {
+               margin-left: calc(0.4 * var(--global--spacing-horizontal));
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1450,13 +1601,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft figcaption,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright figcaption, .alignleft
-.wp-caption,
-.alignright
-.wp-caption, .alignleft
-.wp-caption-text,
-.alignright
-.wp-caption-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright figcaption,
+.alignleft .wp-caption,
+.alignright .wp-caption,
+.alignleft .wp-caption-text,
+.alignright .wp-caption-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1506,13 +1655,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        background: rgba(255, 255, 255, 0.9);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site a:focus,
-.has-background-dark .site a:focus .meta-nav {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus .meta-nav {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--wp--style--color--link, var(--global--color-background));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1526,6 +1676,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site a:focus.skip-link {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Only visible in Windows High Contrast mode */
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1555,8 +1706,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Button
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"],
-input[type="reset"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit],
+input[type=reset],
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--button--line-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1572,11 +1723,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site .button:before, .site .button:after,
-input[type="submit"]:before,
-input[type="submit"]:after,
-input[type="reset"]:before,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site .button:before,
+.site .button:after,
+input[type=submit]:before,
+input[type=submit]:after,
+input[type=reset]:before,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1588,8 +1740,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:before,
-input[type="reset"]:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:before,
+input[type=reset]:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:before {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1596,8 +1748,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:after,
-input[type="reset"]:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:after,
+input[type=reset]:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:after {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: -calc(.5em * var(--button--line-height) + -.39);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1604,8 +1756,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus,
-input[type="reset"]:focus,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus,
+input[type=reset]:focus,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        background: transparent;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1613,17 +1765,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .site .button:focus, .has-background-dark
-input[type="submit"]:focus, .has-background-dark
-input[type="reset"]:focus, .has-background-dark
-.wp-block-search__button:focus, .has-background-dark
-.wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .site .button:focus,
+.is-dark-theme input[type=submit]:focus,
+.is-dark-theme input[type=reset]:focus,
+.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:focus:not(.has-background),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:focus:not(.has-background),
-input[type="reset"]:focus:not(.has-background),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:focus:not(.has-background),
+input[type=reset]:focus:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:focus:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:focus:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1630,8 +1782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:disabled,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:disabled,
-input[type="reset"]:disabled,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:disabled,
+input[type=reset]:disabled,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button:disabled,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .wp-block-button__link:disabled {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-white-50);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1640,8 +1792,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:active,
-input[type="reset"]:active,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:active,
+input[type=reset]:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:active {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-active);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1649,8 +1801,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .site .button:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-input[type="submit"]:hover,
-input[type="reset"]:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type=submit]:hover,
+input[type=reset]:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__button:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button:hover {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1660,61 +1812,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Block Options
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active {
-       color: var(--button--color-text-active);
-       background-color: var(--button--color-background-active);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
+       color: var(--button--color-text-active) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       color: var(--button--color-text-hover);
-       background: transparent;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+       color: var(--button--color-text-hover) !important;
+       background: transparent !important;
+       border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       outline: 2px dotted currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background: transparent;
</del><span class="cx" style="display: block; padding: 0 10px">         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
+       background: transparent;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        background: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: var(--button--color-background);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover {
-       background-color: var(--button--color-background);
-       color: var(--button--color-text);
-       border: var(--button--border-width) solid var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
+       color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted var(--button--color-background);
-       color: var(--button--color-background);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
-       border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
+       color: var(--global--color-dark-gray);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus {
-       outline-offset: -7px;
-       background: transparent;
-       outline: 2px dotted currentColor;
-       border: var(--button--border-width) solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
+       color: var(--global--color-white);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
+       border-color: currentColor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+       color: var(--button--color-text) !important;
+       background: var(--button--color-background) !important;
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
+       border-color: var(--button--color-background);
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+       color: var(--button--color-background) !important;
+       background: transparent !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button .is-style-squared .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-style-outline .wp-block-button__link[style*="radius"]:focus,
-.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.wp-block-button a.wp-block-button__link[style*=radius]:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1742,8 +1918,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1765,14 +1941,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns .wp-block-column:not(:last-child) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,13 +1957,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.is-style-twentytwentyone-columns-overlap {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-around;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(-2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: calc(2.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1801,10 +1978,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background-color: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1827,8 +2006,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        min-height: var(--cover--height);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: inherit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* default & custom background-color */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Treating H2 separately to account for legacy /core styles */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Block Styles */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1837,6 +2019,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignfull,
+.wp-block-cover-image.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1866,12 +2054,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--cover--color-foreground);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1910,8 +2098,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-cover .wp-block-cover__inner-container > *,
</span><span class="cx" style="display: block; padding: 0 10px">        .wp-block-cover-image .wp-block-cover__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1929,13 +2117,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft, .wp-block-cover.alignright,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft,
+.wp-block-cover.alignright,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.alignleft > *,
+.wp-block-cover.alignright > *,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignleft > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.alignright > * {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1945,7 +2135,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content,
+.wp-block-cover.has-right-content,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image.has-right-content {
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1986,7 +2177,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button:before,
+.wp-block-file .wp-block-file__button:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2007,7 +2199,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px dotted currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-background-dark .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--button--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2252,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: flow-root;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group:before, .wp-block-group:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group:before,
+.wp-block-group:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2075,8 +2268,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group .wp-block-group__inner-container > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2094,8 +2287,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-group.has-background {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2107,7 +2300,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="cx" style="display: block; padding: 0 10px">        width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2216,14 +2410,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"],
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image],
+.entry-content [class*=inner-container] > *[class=wp-block-image] {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *[class="wp-block-image"] + *,
-.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *[class=wp-block-image] + *,
+.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2243,13 +2437,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .wp-block-image > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-content > .wp-block-image > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2264,6 +2459,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-comments .wp-block-latest-comments__comment {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Vertical margins logic */
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2322,16 +2518,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2369,7 +2565,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2387,7 +2583,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-latest-posts.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2426,20 +2622,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 2));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 3));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 4));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 5));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
</span><span class="cx" style="display: block; padding: 0 10px">                width: calc((100% / 6));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2553,11 +2753,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-media-text.alignfull {
+       margin-top: 0;
+       margin-bottom: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text a:focus img {
</span><span class="cx" style="display: block; padding: 0 10px">        outline-offset: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2565,8 +2771,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2576,8 +2782,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.666 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text .wp-block-media-text__content > * {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2591,8 +2797,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-media-text .wp-block-media-text__content > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-bottom: var(--global--spacing-vertical);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2645,7 +2851,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
+.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        visibility: visible;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2660,7 +2867,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid var(--primary-nav--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
</ins><span class="cx" style="display: block; padding: 0 10px">         content: "";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2685,7 +2893,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2710,36 +2919,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.post-password-message {
-       font-size: var(--global--font-size-lg);
-}
-
-.post-password-form {
-       display: flex;
-       flex-wrap: wrap;
-}
-
-.post-password-form__label {
-       width: 100%;
-       margin-bottom: 0;
-}
-
-.post-password-form__input {
-       flex-grow: 1;
-       margin-top: calc(var(--global--spacing-vertical) / 3);
-       margin-right: calc(0.66 * var(--global--spacing-horizontal));
-}
-
-.post-password-form__submit {
-       margin-top: calc(var(--global--spacing-vertical) / 3);
-}
-
-@media only screen and (min-width: 592px) {
-       .post-password-form__submit {
-               margin-left: calc(0.4 * var(--global--spacing-horizontal));
-       }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> pre.wp-block-preformatted {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: pre;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2752,14 +2931,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-top-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote::before {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201C";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "“";
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: 500;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2816,8 +2996,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-style: solid;
</span><span class="cx" style="display: block; padding: 0 10px">        border-color: var(--pullquote--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 600px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 600px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: calc(5 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2842,29 +3022,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-         * Block Options
-        */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
-[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
-.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
-.wp-block-quote cite,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote cite,
-[style*="background-color"]
-.wp-block-quote cite,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote cite, .has-background:not(.has-background-background-color)
-.wp-block-quote footer,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-quote footer,
-[style*="background-color"]
-.wp-block-quote footer,
-.wp-block-cover[style*="background-image"]
-.wp-block-quote footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*=background-color] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
+.has-background:not(.has-background-background-color) .wp-block-quote cite,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote cite,
+[style*=background-color] .wp-block-quote cite,
+.wp-block-cover[style*=background-image] .wp-block-quote cite,
+.has-background:not(.has-background-background-color) .wp-block-quote footer,
+[class*=background-color]:not(.has-background-background-color) .wp-block-quote footer,
+[style*=background-color] .wp-block-quote footer,
+.wp-block-cover[style*=background-image] .wp-block-quote footer {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2875,7 +3050,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.has-text-align-right:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        content: "\201D";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "”";
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        right: calc(-0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2888,27 +3063,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /* Resetting margins to match _block-container.scss */
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large p,
+.wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--quote--font-style-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large:before,
+.wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: var(--quote--font-size-large);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--quote--line-height-large);
</span><span class="cx" style="display: block; padding: 0 10px">        left: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large.has-text-align-right:before,
+.wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         left: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        right: calc(-1 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2915,41 +3095,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large .wp-block-quote__citation,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large cite,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-quote.is-large footer,
+.wp-block-quote.is-style-large .wp-block-quote__citation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large cite,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large footer {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .wp-block-quote.is-large, .wp-block-quote.is-style-large {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-quote.is-large,
+       .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large:before,
+       .wp-block-quote.is-style-large:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right,
+       .wp-block-quote.is-style-large.has-text-align-right {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-right:before,
+       .wp-block-quote.is-style-large.has-text-align-right:before {
</ins><span class="cx" style="display: block; padding: 0 10px">                 right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .wp-block-quote.is-large.has-text-align-center,
+       .wp-block-quote.is-style-large.has-text-align-center {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(0.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-right:before {
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .wp-block-quote.has-text-align-center {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2985,16 +3177,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
-.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
-.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
-.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
-.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
-.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3032,7 +3224,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-body);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-background .wp-block-rss .wp-block-rss__item-publish-date {
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3050,7 +3242,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content [class*=inner-container] .wp-block-rss.alignfull,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-background .wp-block-rss.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3078,11 +3270,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: var(--form--border-width) solid var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: var(--form--border-radius);
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--form--color-text);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        line-height: var(--global--line-height-body);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: var(--form--line-height);
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: calc(-1 * var(--button--border-width));
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--form--spacing-unit);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        background-color: var(--global--color-white);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search .wp-block-search__input:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3090,10 +3281,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-color: var(--form--border-color);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-background:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[class*=background-color]:not(.has-background-background-color) .wp-block-search .wp-block-search__input,
+[style*=background-color] .wp-block-search .wp-block-search__input,
+.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input {
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
+       border-color: var(--global--color-white);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text-hover);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search button.wp-block-search__button:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3101,6 +3306,113 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--button--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-search button.wp-block-search__button.has-icon {
+       padding: 6px calc(0.5 * var(--button--padding-horizontal));
+}
+
+.wp-block-search button.wp-block-search__button.has-icon svg {
+       width: 40px;
+       height: 40px;
+       fill: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
+       color: var(--global--color-white);
+       border-color: currentColor;
+}
+
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--button--color-background);
+       border-color: var(--global--color-white);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
+       color: var(--button--color-text);
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button {
+       border-color: currentColor;
+       color: currentColor;
+}
+
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       background-color: var(--form--border-color);
+       border-color: var(--form--border-color);
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
+.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
+       padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-background);
+       color: var(--button--color-background);
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       color: var(--global--color-white);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+       border-color: var(--button--color-text);
+       color: var(--button--color-text);
+}
+
+.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+       border-color: var(--button--color-text);
+       background-color: var(--button--color-text);
+       color: var(--button--color-background);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-search__button {
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3115,9 +3427,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: var(--separator--height) solid var(--separator--border-color);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                 * Block Options
-                */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+   * Block Options
+   */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3132,11 +3445,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom-width: calc(3 * var(--separator--height));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background,
+hr.wp-block-separator.is-style-dots.has-text-color {
</ins><span class="cx" style="display: block; padding: 0 10px">         background-color: transparent !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+hr.wp-block-separator.is-style-dots.has-background:before,
+hr.wp-block-separator.is-style-dots.has-text-color:before {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3148,9 +3463,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .has-background:not(.has-background-background-color) hr.wp-block-separator,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
-[style*="background-color"] hr.wp-block-separator,
-.wp-block-cover[style*="background-image"] hr.wp-block-separator {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=background-color]:not(.has-background-background-color) hr.wp-block-separator,
+[style*=background-color] hr.wp-block-separator,
+.wp-block-cover[style*=background-image] hr.wp-block-separator {
</ins><span class="cx" style="display: block; padding: 0 10px">         border-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3167,8 +3482,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .wp-block-spacer[style] {
</span><span class="cx" style="display: block; padding: 0 10px">                height: var(--global--spacing-unit) !important;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3337,13 +3652,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block Alignments */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * These selectors set the default max width for content appearing inside a post or page.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * .alignleft
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3354,13 +3672,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - var(--responsive--alignleft-margin));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3391,19 +3713,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .entry-content > .alignright {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - var(--responsive--alignright-margin));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[class*="inner-container"] > .alignleft + *,
-[class*="inner-container"] > .alignright + * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+[class*=inner-container] > .alignleft + *,
+[class*=inner-container] > .alignright + * {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3454,8 +3780,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .desktop-only {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3472,14 +3798,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-custom-logo .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(var(--global--spacing-vertical) / 0.75);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-header {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(2.4 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3495,8 +3821,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 4px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3518,15 +3844,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: var(--branding--title--font-weight);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:link, .site-title a:visited, .site-title a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited,
+.site-title a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a:hover, .site-title a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:hover,
+.site-title a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--branding--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-title {
</span><span class="cx" style="display: block; padding: 0 10px">                font-size: var(--branding--title--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3567,8 +3896,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-logo .custom-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: var(--branding--logo--max-width);
</span><span class="cx" style="display: block; padding: 0 10px">                max-height: var(--branding--logo--max-height);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3578,6 +3907,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3584,45 +3914,57 @@
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
</span><span class="cx" style="display: block; padding: 0 10px">                max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline {
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: flex-start;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header.has-logo.has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-logo).has-title-and-tagline .site-branding {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(100% - 160px);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-header:not(.has-menu) {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3654,12 +3996,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(0.5 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .site-footer > .site-info .powered-by {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3670,14 +4013,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:link,
+.site-footer > .site-info a:visited,
+.site-footer > .site-info a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer > .site-info a:hover, .site-footer > .site-info a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-footer > .site-info a:focus {
+       color: var(--footer--color-link-hover);
+}
+
+.is-dark-theme .site-footer > .site-info a:focus {
+       color: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .singular .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: 3px solid var(--global--color-border);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: calc(2 * var(--global--spacing-vertical));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3766,8 +4119,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: var(--global--spacing-vertical) !important;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3789,7 +4142,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-footer a:hover, .entry-footer a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-footer a:hover,
+.entry-footer a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-primary-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3836,14 +4190,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single .site-main > article > .entry-footer .tags-links {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .single .site-main > article > .entry-footer .post-taxonomies,
</span><span class="cx" style="display: block; padding: 0 10px">        .single .site-main > article > .entry-footer .full-size-link {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3860,7 +4216,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        min-width: var(--responsive--aligndefault-width);
</del><span class="cx" style="display: block; padding: 0 10px">         max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4058,6 +4413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 482px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-list .depth-2,
</span><span class="cx" style="display: block; padding: 0 10px">        .comment-list .depth-3 {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: calc(4 * var(--global--spacing-horizontal));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4071,8 +4427,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: calc(0.25 * var(--global--spacing-unit));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4097,11 +4453,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .comment-meta .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4201,8 +4558,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        flex-basis: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        flex-grow: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form .comment-form-author,
</span><span class="cx" style="display: block; padding: 0 10px">        .comment-form .comment-form-email {
</span><span class="cx" style="display: block; padding: 0 10px">                flex-basis: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4228,9 +4585,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p label,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment-form > p input[type="email"],
-.comment-form > p input[type="text"],
-.comment-form > p input[type="url"],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-form > p input[type=email],
+.comment-form > p input[type=text],
+.comment-form > p input[type=url],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p textarea {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--global--font-size-sm);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4242,12 +4599,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form > p.comment-form-cookies-consent {
</span><span class="cx" style="display: block; padding: 0 10px">        display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comment-form > p.comment-form-author {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(1.5 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comment-form > p.comment-notes,
+       .comment-form > p.logged-in-as {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4263,11 +4622,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-button-container #primary-mobile-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(var(--button--padding-horizontal) - (0.25 * var(--global--spacing-unit)));
-       margin-right: calc(0.5 * var(--global--spacing-unit));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .menu-button-container {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4300,15 +4658,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
</ins><span class="cx" style="display: block; padding: 0 10px">         animation-name: twentytwentyone-close-button-transition;
</span><span class="cx" style="display: block; padding: 0 10px">        animation-duration: 0.3s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4347,11 +4705,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: var(--global--spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-background);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        transition: all .15s ease-in-out;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.15s ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px">         transform: translateY(var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100vh;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 499;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4359,22 +4717,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow-y: auto;
</span><span class="cx" style="display: block; padding: 0 10px">                border: 2px solid transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateY(0) translateX(100%);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                top: var(--global--admin-bar--height);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                height: calc(100vh - var(--global--admin-bar--height));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container:focus {
</span><span class="cx" style="display: block; padding: 0 10px">                border: 2px solid var(--global--color-primary);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4388,18 +4750,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        transform: translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                transform: translateX(0) translateY(0);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                visibility: visible;
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4409,15 +4772,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">                overflow: initial;
</span><span class="cx" style="display: block; padding: 0 10px">                transform: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation #toggle-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .admin-bar .primary-navigation > .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                top: initial;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4433,8 +4800,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation > div > .menu-wrapper {
+               padding-bottom: 100px;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper ul {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4445,13 +4816,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper li {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper li:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4471,8 +4843,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
</span><span class="cx" style="display: block; padding: 0 10px">        outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4494,11 +4866,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4505,8 +4877,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4517,7 +4889,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                transition: all 0.5s ease;
</span><span class="cx" style="display: block; padding: 0 10px">                z-index: 88888;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</ins><span class="cx" style="display: block; padding: 0 10px">                 content: "";
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4528,34 +4902,50 @@
</span><span class="cx" style="display: block; padding: 0 10px">                border-color: var(--primary-nav--border-color) transparent;
</span><span class="cx" style="display: block; padding: 0 10px">                border-width: 0 7px 10px 7px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
</span><span class="cx" style="display: block; padding: 0 10px">                top: -9px;
</span><span class="cx" style="display: block; padding: 0 10px">                border-color: var(--global--color-background) transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</span><span class="cx" style="display: block; padding: 0 10px">                background: var(--global--color-background);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: var(--global--spacing-horizontal);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
+       .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                left: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">                 /* rtl:ignore */
</span><span class="cx" style="display: block; padding: 0 10px">                right: var(--global--spacing-horizontal);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4564,19 +4954,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .primary-menu > .menu-item:hover > a {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px">                padding-left: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px">                padding-right: var(--primary-nav--padding);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-left: calc(0px - var(--primary-nav--padding));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4590,8 +4983,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: var(--primary-nav--padding) 0;
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px">                display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                font-family: var(--primary-nav--font-family);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4604,7 +4997,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        fill: var(--primary-nav--color-text);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.primary-navigation a:hover,
+.primary-navigation a:link,
+.primary-navigation a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--primary-nav--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4642,15 +5037,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .sub-menu .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu > .menu-item > .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .primary-navigation .sub-menu .menu-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .primary-navigation .sub-menu .menu-item:last-child() {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4661,8 +5056,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--primary-nav--font-size-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: var(--primary-nav--font-style-sub-menu-mobile);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .sub-menu .menu-item > a {
</span><span class="cx" style="display: block; padding: 0 10px">                font-size: var(--primary-nav--font-size-sub-menu);
</span><span class="cx" style="display: block; padding: 0 10px">                font-style: var(--primary-nav--font-style);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4672,12 +5067,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children > .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">                height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4696,6 +5092,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 481px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .lock-scrolling .site {
</span><span class="cx" style="display: block; padding: 0 10px">                position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4702,11 +5099,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@keyframes twentytwentyone-close-button-transition {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@keyframes twentytwentyone-close-button-transition {
</del><span class="cx" style="display: block; padding: 0 10px">         from {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         to {
</span><span class="cx" style="display: block; padding: 0 10px">                opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4739,7 +5137,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.footer-navigation-wrapper li a:link,
+.footer-navigation-wrapper li a:visited,
+.footer-navigation-wrapper li a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4750,6 +5150,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--footer--color-link-hover);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
+       fill: var(--wp--style--color--link, var(--global--color-background));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .footer-navigation-wrapper li .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px">        vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px">        fill: var(--footer--color-link);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4801,13 +5205,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .navigation .nav-links .dots {
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 592px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 592px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-next,
</span><span class="cx" style="display: block; padding: 0 10px">        .navigation .nav-links .nav-previous {
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4815,6 +5220,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">                max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px">                text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4842,8 +5248,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4861,14 +5267,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: var(--pagination--font-weight-strong);
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--global--line-height-heading);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .post-title {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 482px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 482px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                justify-content: space-between;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4902,8 +5308,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: var(--global--spacing-vertical);
</span><span class="cx" style="display: block; padding: 0 10px">        margin: var(--global--spacing-vertical) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .pagination,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: var(--global--spacing-vertical) auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4915,6 +5321,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: calc(-1 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:hover,
+.comments-pagination .nav-links a:hover {
+       color: var(--pagination--color-link-hover);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > * {
</span><span class="cx" style="display: block; padding: 0 10px">        color: var(--pagination--color-text);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4936,11 +5347,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.pagination .nav-links > *a:hover,
-.comments-pagination .nav-links > *a:hover {
-       color: var(--pagination--color-link-hover);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links > *:last-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4955,18 +5361,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination .nav-links > *.prev {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 821px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 821px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .pagination .nav-links,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">                display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">                flex-wrap: wrap;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         .pagination .page-numbers,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers {
</span><span class="cx" style="display: block; padding: 0 10px">                display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .pagination .page-numbers.prev, .pagination .page-numbers.next,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .pagination .page-numbers.prev,
+       .pagination .page-numbers.next,
</ins><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination .page-numbers.prev,
</span><span class="cx" style="display: block; padding: 0 10px">        .comments-pagination .page-numbers.next {
</span><span class="cx" style="display: block; padding: 0 10px">                display: inline-block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4973,13 +5382,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">                flex: 0 1 auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        .pagination .nav-short,
+       .comments-pagination .nav-short {
+               display: none;
+       }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: calc(0.66 * var(--global--spacing-vertical));
</span><span class="cx" style="display: block; padding: 0 10px">        margin: calc(3 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 822px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 822px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .comments-pagination {
</span><span class="cx" style="display: block; padding: 0 10px">                margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4996,8 +5412,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: var(--footer--font-size);
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: var(--footer--font-family);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 652px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 652px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                display: grid;
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(2, 1fr);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5004,8 +5420,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                column-gap: calc(2 * var(--global--spacing-horizontal));
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1024px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1024px) {
</del><span class="cx" style="display: block; padding: 0 10px">         .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">                grid-template-columns: repeat(3, 1fr);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5020,7 +5436,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: var(--widget--line-height-list);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area ul.sub-menu, .widget-area ul.children {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area ul.sub-menu,
+.widget-area ul.children {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: var(--widget--spacing-menu);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5035,7 +5452,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration-color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-area a:link, .widget-area a:visited, .widget-area a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-area a:link,
+.widget-area a:visited,
+.widget-area a:active {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--footer--color-link);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5155,6 +5574,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media (prefers-reduced-motion) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">         * {
</span><span class="cx" style="display: block; padding: 0 10px">                transition-delay: 0s !important;
</span><span class="cx" style="display: block; padding: 0 10px">                transition-duration: 0s !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5252,11 +5672,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-black-background-color[class],
+:not(.has-text-color).has-gray-background-color[class],
+:not(.has-text-color).has-dark-gray-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-white);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+:not(.has-text-color).has-green-background-color[class],
+:not(.has-text-color).has-blue-background-color[class],
+:not(.has-text-color).has-purple-background-color[class],
+:not(.has-text-color).has-red-background-color[class],
+:not(.has-text-color).has-orange-background-color[class],
+:not(.has-text-color).has-yellow-background-color[class],
+:not(.has-text-color).has-white-background-color[class] {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: var(--global--color-dark-gray);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5312,43 +5740,43 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark *,
-.is-IE.has-background-dark a,
-.is-IE.has-background-dark .site-description,
-.is-IE.has-background-dark .entry-title,
-.is-IE.has-background-dark .entry-footer,
-.is-IE.has-background-dark .widget-area,
-.is-IE.has-background-dark .post-navigation .meta-nav,
-.is-IE.has-background-dark .footer-navigation-wrapper li a:link,
-.is-IE.has-background-dark .site-footer > .site-info,
-.is-IE.has-background-dark .site-footer > .site-info a,
-.is-IE.has-background-dark .site-footer > .site-info a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme *,
+.is-IE.is-dark-theme a,
+.is-IE.is-dark-theme .site-description,
+.is-IE.is-dark-theme .entry-title,
+.is-IE.is-dark-theme .entry-footer,
+.is-IE.is-dark-theme .widget-area,
+.is-IE.is-dark-theme .post-navigation .meta-nav,
+.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
+.is-IE.is-dark-theme .site-footer > .site-info,
+.is-IE.is-dark-theme .site-footer > .site-info a,
+.is-IE.is-dark-theme .site-footer > .site-info a:visited {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .sub-menu-toggle svg,
-.is-IE.has-background-dark .sub-menu-toggle path,
-.is-IE.has-background-dark .post-navigation .meta-nav svg,
-.is-IE.has-background-dark .post-navigation .meta-nav path {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .sub-menu-toggle svg,
+.is-IE.is-dark-theme .sub-menu-toggle path,
+.is-IE.is-dark-theme .post-navigation .meta-nav svg,
+.is-IE.is-dark-theme .post-navigation .meta-nav path {
</ins><span class="cx" style="display: block; padding: 0 10px">         fill: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
</ins><span class="cx" style="display: block; padding: 0 10px">         background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 481px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 481px) {
-       .is-IE.has-background-dark.primary-navigation-open .primary-navigation > .primary-menu-container,
-       .is-IE.has-background-dark.primary-navigation-open .menu-button-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
+       .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
</ins><span class="cx" style="display: block; padding: 0 10px">                 background-color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.is-IE.has-background-dark .skip-link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.is-IE.is-dark-theme .skip-link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5359,5 +5787,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .is-IE .post-thumbnail .wp-post-image {
</span><span class="cx" style="display: block; padding: 0 10px">        min-width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-/*# sourceMappingURL=style.css.map */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonetemplatepartscontentcontentnonephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php       2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/template-parts/content/content-none.php 2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -27,7 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <?php else : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentytwentyone' ); ?></h1>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h1 class="page-title"><?php esc_html_e( 'Nothing here', 'twentytwentyone' ); ?></h1>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">        </header><!-- .page-header -->
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyonetemplatepartsheadersitenavphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php    2020-11-12 18:12:14 UTC (rev 49573)
+++ trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-nav.php      2020-11-12 18:34:44 UTC (rev 49574)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_nav_menu( 'primary' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'twentytwentyone' ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentytwentyone' ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">                 <div class="menu-button-container">
</span><span class="cx" style="display: block; padding: 0 10px">                        <button id="primary-mobile-menu" class="button" aria-controls="primary-menu-list" aria-expanded="false">
</span><span class="cx" style="display: block; padding: 0 10px">                                <span class="dropdown-icon open"><?php esc_html_e( 'Menu', 'twentytwentyone' ); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,7 +28,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'menu_class'      => 'menu-wrapper',
</span><span class="cx" style="display: block; padding: 0 10px">                                'container_class' => 'primary-menu-container',
</span><span class="cx" style="display: block; padding: 0 10px">                                'items_wrap'      => '<ul id="primary-menu-list" class="%2$s">%3$s</ul>',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                'fallback_cb'     => 'false',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         'fallback_cb'     => false,
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><span class="cx" style="display: block; padding: 0 10px">                ?>
</span></span></pre>
</div>
</div>

</body>
</html>