Skip to content

Instantly share code, notes, and snippets.

@westonruter

westonruter/increase-styles-inline-size-limit.php

Last active September 15, 2025 20:27
Show Gist options
  • Save westonruter/bcbcc2fabc8e1fea5dc474f65ad90652 to your computer and use it in GitHub Desktop.
Save westonruter/bcbcc2fabc8e1fea5dc474f65ad90652 to your computer and use it in GitHub Desktop.
Download ZIP
Sample Page in stock WordPress Twenty Twenty-Five theme with all stylesheets inlined
Raw
increase-styles-inline-size-limit.php
<?php
/**
* Plugin Name: Increase Styles Inline Size Limit (styles_inline_size_limit)
* Author: Weston Ruter
* Update URI: false
*/
add_filter(
'styles_inline_size_limit',
static function (): int {
$limit = -1;
if ( isset( $_GET['styles_inline_size_limit'] ) ) {
$limit = (int) $_GET['styles_inline_size_limit'];
}
if ( $limit < 0 ) {
$limit = 75000;
}
return $limit;
}
);
Raw
sample-page.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name='robots' content='max-image-preview:large' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<title>Sample Page &#8211; font-display-test</title>
<link rel="alternate" type="application/rss+xml" title="font-display-test &raquo; Feed" href="http://localhost:10043/feed/" />
<link rel="alternate" type="application/rss+xml" title="font-display-test &raquo; Comments Feed" href="http://localhost:10043/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="font-display-test &raquo; Sample Page Comments Feed" href="http://localhost:10043/sample-page/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/localhost:10043\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.2"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-block-site-title-inline-css'>
.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
</style>
<style id='wp-block-page-list-inline-css'>
.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box}
</style>
<style id='wp-block-navigation-inline-css'>
.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;visibility:hidden;width:0;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);z-index:100000}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}
</style>
<style id='wp-block-group-inline-css'>
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
</style>
<style id='wp-block-post-featured-image-inline-css'>
.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}
</style>
<style id='wp-block-post-title-inline-css'>
.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
</style>
<style id='wp-block-quote-inline-css'>
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
</style>
<style id='wp-block-post-content-inline-css'>
.wp-block-post-content{display:flow-root}
</style>
<style id='wp-block-site-logo-inline-css'>
.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}
</style>
<style id='wp-block-site-tagline-inline-css'>
.wp-block-site-tagline{box-sizing:border-box}
</style>
<style id='wp-block-spacer-inline-css'>
.wp-block-spacer{clear:both}
</style>
<style id='wp-block-columns-inline-css'>
.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}
</style>
<style id='wp-block-navigation-link-inline-css'>
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
</style>
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #FFFFFF;--wp--preset--color--contrast: #111111;--wp--preset--color--accent-1: #FFEE58;--wp--preset--color--accent-2: #F6CFF4;--wp--preset--color--accent-3: #503AA8;--wp--preset--color--accent-4: #686868;--wp--preset--color--accent-5: #FBFAF3;--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);--wp--preset--font-family--manrope: Manrope, sans-serif;--wp--preset--font-family--fira-code: "Fira Code", monospace;--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 20px;--wp--preset--spacing--40: 30px;--wp--preset--spacing--50: clamp(30px, 5vw, 50px);--wp--preset--spacing--60: clamp(30px, 7vw, 70px);--wp--preset--spacing--70: clamp(50px, 7vw, 90px);--wp--preset--spacing--80: clamp(70px, 10vw, 140px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 645px;--wp--style--global--wide-size: 1340px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--manrope);font-size: var(--wp--preset--font-size--large);font-weight: 300;letter-spacing: -0.1px;line-height: 1.4;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: currentColor;text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{font-weight: 400;letter-spacing: -0.1px;line-height: 1.125;}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--small);letter-spacing: 0.5px;}h6{font-size: var(--wp--preset--font-size--small);font-weight: 700;letter-spacing: 1.4px;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--medium);line-height: inherit;padding-top: 1rem;padding-right: 2.25rem;padding-bottom: 1rem;padding-left: 2.25rem;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);border-color: transparent;color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){outline-color: var(--wp--preset--color--accent-4);outline-offset: 2px;}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){font-size: var(--wp--preset--font-size--small);line-height: 1.4;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-accent-1-color{color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-color{color: var(--wp--preset--color--accent-6) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-background-color{background-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-background-color{background-color: var(--wp--preset--color--accent-6) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-border-color{border-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-border-color{border-color: var(--wp--preset--color--accent-6) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-manrope-font-family{font-family: var(--wp--preset--font-family--manrope) !important;}.has-fira-code-font-family{font-family: var(--wp--preset--font-family--fira-code) !important;}
:root :where(.wp-block-columns-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--50);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--50);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flex){gap: var(--wp--preset--spacing--50);}:root :where(.wp-block-columns-is-layout-grid){gap: var(--wp--preset--spacing--50);}
:root :where(.wp-block-post-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-quote){border-color: currentColor;border-width: 0 0 0 2px;border-style: solid;font-size: var(--wp--preset--font-size--large);font-weight: 300;margin-right: 0;margin-left: 0;padding-top: var(--wp--preset--spacing--30);padding-right: var(--wp--preset--spacing--40);padding-bottom: var(--wp--preset--spacing--30);padding-left: var(--wp--preset--spacing--40);}:root :where(.wp-block-quote-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-quote-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-quote-is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--30);margin-block-end: 0;}:root :where(.wp-block-quote-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-quote-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-quote-is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--30);margin-block-end: 0;}:root :where(.wp-block-quote-is-layout-flex){gap: var(--wp--preset--spacing--30);}:root :where(.wp-block-quote-is-layout-grid){gap: var(--wp--preset--spacing--30);}:root :where(.wp-block-quote.has-text-align-right ){border-width: 0 2px 0 0;}:root :where(.wp-block-quote.has-text-align-center ){border-width: 0;border-inline: 0; padding-inline: 0;}
:root :where(.wp-block-quote cite){font-size: var(--wp--preset--font-size--small);font-style: normal;font-weight: 300;}:root :where(.wp-block-quote cite sub){font-size: 0.65em}
:root :where(.wp-block-site-tagline){font-size: var(--wp--preset--font-size--medium);}
:root :where(.wp-block-site-title){font-weight: 700;letter-spacing: -.5px;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-navigation){font-size: var(--wp--preset--font-size--medium);}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
</style>
<style id='core-block-supports-inline-css'>
.wp-container-core-navigation-is-layout-fc306653{justify-content:flex-end;}.wp-container-core-group-is-layout-f4c28e8b{flex-wrap:nowrap;gap:var(--wp--preset--spacing--10);justify-content:flex-end;}.wp-container-core-group-is-layout-8165f36a{flex-wrap:nowrap;justify-content:space-between;}.wp-container-core-columns-is-layout-28f84493{flex-wrap:nowrap;}.wp-container-core-navigation-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-570722b2{gap:var(--wp--preset--spacing--80);justify-content:space-between;align-items:flex-start;}.wp-container-core-group-is-layout-e5edad21{justify-content:space-between;align-items:flex-start;}.wp-container-core-group-is-layout-91e87306{gap:var(--wp--preset--spacing--20);justify-content:space-between;}
</style>
<style id='wp-block-template-skip-link-inline-css'>
.skip-link.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
</style>
<style id='twentytwentyfive-style-inline-css'>
a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}h1,h2,h3,h4,h5,h6,blockquote,caption,figcaption,p{text-wrap:pretty}.more-link{display:block}
</style>
<link rel="https://api.w.org/" href="http://localhost:10043/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="http://localhost:10043/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost:10043/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.2" />
<link rel="canonical" href="http://localhost:10043/sample-page/" />
<link rel='shortlink' href='http://localhost:10043/?p=2' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="http://localhost:10043/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%3A10043%2Fsample-page%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="http://localhost:10043/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%3A10043%2Fsample-page%2F&#038;format=xml" />
<script type="importmap" id="wp-importmap">
{"imports":{"@wordpress\/interactivity":"http:\/\/localhost:10043\/wp-includes\/js\/dist\/script-modules\/interactivity\/index.min.js?ver=55aebb6e0a16726baffb"}}
</script>
<script type="module" src="http://localhost:10043/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=61572d447d60c0aa5240" id="@wordpress/block-library/navigation/view-js-module"></script>
<link rel="modulepreload" href="http://localhost:10043/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=55aebb6e0a16726baffb" id="@wordpress/interactivity-js-modulepreload"><style class='wp-fonts-local'>
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url('http://localhost:10043/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:300 700;font-display:fallback;src:url('http://localhost:10043/wp-content/themes/twentytwentyfive/assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2') format('woff2');}
</style>
</head>
<body class="wp-singular page-template-default page page-id-2 wp-embed-responsive wp-theme-twentytwentyfive">
<div class="wp-site-blocks"><header class="wp-block-template-part">
<div class="wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-8165f36a wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
<p class="wp-block-site-title"><a href="http://localhost:10043" target="_self" rel="home">font-display-test</a></p>
<div class="wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-f4c28e8b wp-block-group-is-layout-flex">
<nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-fc306653 wp-block-navigation-is-layout-flex"
data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open"
data-wp-on-async--click="actions.openMenuOnClick"
data-wp-on--keydown="actions.handleMenuKeydown"
><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg></button>
<div class="wp-block-navigation__responsive-container has-text-color has-contrast-color has-background has-base-background-color" id="modal-1"
data-wp-class--has-modal-open="state.isMenuOpen"
data-wp-class--is-menu-open="state.isMenuOpen"
data-wp-watch="callbacks.initMenu"
data-wp-on--keydown="actions.handleMenuKeydown"
data-wp-on-async--focusout="actions.handleMenuFocusout"
tabindex="-1"
>
<div class="wp-block-navigation__responsive-close" tabindex="-1">
<div class="wp-block-navigation__responsive-dialog"
data-wp-bind--aria-modal="state.ariaModal"
data-wp-bind--aria-label="state.ariaLabel"
data-wp-bind--role="state.roleAttribute"
>
<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close"
data-wp-on-async--click="actions.closeMenuOnClick"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>
<div class="wp-block-navigation__responsive-container-content"
data-wp-watch="callbacks.focusFirstElement"
id="modal-1-content">
<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><ul class="wp-block-page-list"><li class="wp-block-pages-list__item current-menu-item wp-block-navigation-item open-on-hover-click"><a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="http://localhost:10043/sample-page/" aria-current="page">Sample Page</a></li></ul></ul>
</div>
</div>
</div>
</div></nav>
</div>
</div>
</div>
</div>
</header>
<main class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--60)">
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
<h1 class="wp-block-post-title">Sample Page</h1>
<div class="entry-content alignfull wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained">
<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)</p></blockquote>
<p>&#8230;or something like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p></blockquote>
<p>As a new WordPress user, you should go to <a href="http://localhost:10043/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p>
</div>
</div>
</main>
<footer class="wp-block-template-part">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)">
<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-e5edad21 wp-block-group-is-layout-flex">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"><h2 class="wp-block-site-title"><a href="http://localhost:10043" target="_self" rel="home">font-display-test</a></h2>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div style="height:var(--wp--preset--spacing--40);width:0px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>
<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-570722b2 wp-block-group-is-layout-flex">
<nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Blog</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">FAQs</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Authors</span></a></li></ul></nav>
<nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Events</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Shop</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Patterns</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Themes</span></a></li></ul></nav>
</div>
</div>
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-91e87306 wp-block-group-is-layout-flex">
<p class="has-small-font-size">Twenty Twenty-Five</p>
<p class="has-small-font-size">
Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a> </p>
</div>
</div>
</div>
</footer>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/twentytwentyfive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
</body>
</html>
Raw
sample-page.prettier.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="max-image-preview:large" />
<style>
img:is([sizes="auto" i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 1500px;
}
</style>
<title>Sample Page &#8211; font-display-test</title>
<link
rel="alternate"
type="application/rss+xml"
title="font-display-test &raquo; Feed"
href="http://localhost:10043/feed/"
/>
<link
rel="alternate"
type="application/rss+xml"
title="font-display-test &raquo; Comments Feed"
href="http://localhost:10043/comments/feed/"
/>
<link
rel="alternate"
type="application/rss+xml"
title="font-display-test &raquo; Sample Page Comments Feed"
href="http://localhost:10043/sample-page/feed/"
/>
<script>
window._wpemojiSettings = {
baseUrl: "https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/",
ext: ".png",
svgUrl: "https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/",
svgExt: ".svg",
source: {
concatemoji:
"http:\/\/localhost:10043\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.2",
},
};
/*! This file is auto-generated */
!(function (s, n) {
var o, i, e;
function c(e) {
try {
var t = { supportTests: e, timestamp: new Date().valueOf() };
sessionStorage.setItem(o, JSON.stringify(t));
} catch (e) {}
}
function p(e, t, n) {
(e.clearRect(0, 0, e.canvas.width, e.canvas.height),
e.fillText(t, 0, 0));
var t = new Uint32Array(
e.getImageData(0, 0, e.canvas.width, e.canvas.height).data,
),
a =
(e.clearRect(0, 0, e.canvas.width, e.canvas.height),
e.fillText(n, 0, 0),
new Uint32Array(
e.getImageData(0, 0, e.canvas.width, e.canvas.height).data,
));
return t.every(function (e, t) {
return e === a[t];
});
}
function u(e, t) {
(e.clearRect(0, 0, e.canvas.width, e.canvas.height),
e.fillText(t, 0, 0));
for (
var n = e.getImageData(16, 16, 1, 1), a = 0;
a < n.data.length;
a++
)
if (0 !== n.data[a]) return !1;
return !0;
}
function f(e, t, n, a) {
switch (t) {
case "flag":
return n(
e,
"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f",
"\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f",
)
? !1
: !n(
e,
"\ud83c\udde8\ud83c\uddf6",
"\ud83c\udde8\u200b\ud83c\uddf6",
) &&
!n(
e,
"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f",
"\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f",
);
case "emoji":
return !a(e, "\ud83e\udedf");
}
return !1;
}
function g(e, t, n, a) {
var r =
"undefined" != typeof WorkerGlobalScope &&
self instanceof WorkerGlobalScope
? new OffscreenCanvas(300, 150)
: s.createElement("canvas"),
o = r.getContext("2d", { willReadFrequently: !0 }),
i = ((o.textBaseline = "top"), (o.font = "600 32px Arial"), {});
return (
e.forEach(function (e) {
i[e] = t(o, e, n, a);
}),
i
);
}
function t(e) {
var t = s.createElement("script");
((t.src = e), (t.defer = !0), s.head.appendChild(t));
}
"undefined" != typeof Promise &&
((o = "wpEmojiSettingsSupports"),
(i = ["flag", "emoji"]),
(n.supports = { everything: !0, everythingExceptFlag: !0 }),
(e = new Promise(function (e) {
s.addEventListener("DOMContentLoaded", e, { once: !0 });
})),
new Promise(function (t) {
var n = (function () {
try {
var e = JSON.parse(sessionStorage.getItem(o));
if (
"object" == typeof e &&
"number" == typeof e.timestamp &&
new Date().valueOf() < e.timestamp + 604800 &&
"object" == typeof e.supportTests
)
return e.supportTests;
} catch (e) {}
return null;
})();
if (!n) {
if (
"undefined" != typeof Worker &&
"undefined" != typeof OffscreenCanvas &&
"undefined" != typeof URL &&
URL.createObjectURL &&
"undefined" != typeof Blob
)
try {
var e =
"postMessage(" +
g.toString() +
"(" +
[
JSON.stringify(i),
f.toString(),
p.toString(),
u.toString(),
].join(",") +
"));",
a = new Blob([e], { type: "text/javascript" }),
r = new Worker(URL.createObjectURL(a), {
name: "wpTestEmojiSupports",
});
return void (r.onmessage = function (e) {
(c((n = e.data)), r.terminate(), t(n));
});
} catch (e) {}
c((n = g(i, f, p, u)));
}
t(n);
})
.then(function (e) {
for (var t in e)
((n.supports[t] = e[t]),
(n.supports.everything =
n.supports.everything && n.supports[t]),
"flag" !== t &&
(n.supports.everythingExceptFlag =
n.supports.everythingExceptFlag && n.supports[t]));
((n.supports.everythingExceptFlag =
n.supports.everythingExceptFlag && !n.supports.flag),
(n.DOMReady = !1),
(n.readyCallback = function () {
n.DOMReady = !0;
}));
})
.then(function () {
return e;
})
.then(function () {
var e;
n.supports.everything ||
(n.readyCallback(),
(e = n.source || {}).concatemoji
? t(e.concatemoji)
: e.wpemoji && e.twemoji && (t(e.twemoji), t(e.wpemoji)));
}));
})((window, document), window._wpemojiSettings);
</script>
<style id="wp-block-site-title-inline-css">
.wp-block-site-title {
box-sizing: border-box;
}
.wp-block-site-title :where(a) {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
}
</style>
<style id="wp-block-page-list-inline-css">
.wp-block-navigation .wp-block-page-list {
align-items: var(--navigation-layout-align, initial);
background-color: inherit;
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit;
}
.wp-block-page-list {
box-sizing: border-box;
}
</style>
<style id="wp-block-navigation-inline-css">
.wp-block-navigation {
position: relative;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center;
}
.wp-block-navigation ul {
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
padding-left: 0;
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0;
}
.wp-block-navigation .wp-block-navigation-item {
align-items: center;
background-color: inherit;
display: flex;
position: relative;
}
.wp-block-navigation
.wp-block-navigation-item
.wp-block-navigation__submenu-container:empty {
display: none;
}
.wp-block-navigation .wp-block-navigation-item__content {
display: block;
}
.wp-block-navigation
.wp-block-navigation-item__content.wp-block-navigation-item__content {
color: inherit;
}
.wp-block-navigation.has-text-decoration-underline
.wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline
.wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline
.wp-block-navigation-item__content:focus {
text-decoration: underline;
}
.wp-block-navigation.has-text-decoration-line-through
.wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through
.wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through
.wp-block-navigation-item__content:focus {
text-decoration: line-through;
}
.wp-block-navigation :where(a),
.wp-block-navigation :where(a:active),
.wp-block-navigation :where(a:focus) {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
background-color: inherit;
border: none;
color: currentColor;
display: inline-block;
font-size: inherit;
height: 0.6em;
line-height: 0;
margin-left: 0.25em;
padding: 0;
width: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
height: inherit;
margin-top: 0.075em;
width: inherit;
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start;
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap;
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center;
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center;
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end;
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end;
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
align-items: normal;
background-color: inherit;
color: inherit;
display: flex;
flex-direction: column;
height: 0;
left: -1px;
opacity: 0;
overflow: hidden;
position: absolute;
top: 100%;
visibility: hidden;
width: 0;
z-index: 2;
}
@media not (prefers-reduced-motion) {
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container {
transition: opacity 0.1s linear;
}
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content {
display: flex;
flex-grow: 1;
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content
.wp-block-navigation__submenu-icon {
margin-left: auto;
margin-right: 0;
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
margin: 0;
}
@media (min-width: 782px) {
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container {
left: 100%;
top: -1px;
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container:before {
background: #0000;
content: "";
display: block;
height: 100%;
position: absolute;
right: 100%;
width: 0.5em;
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-icon {
margin-right: 0.25em;
}
.wp-block-navigation
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-icon
svg {
transform: rotate(-90deg);
}
}
.wp-block-navigation
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ .wp-block-navigation__submenu-container,
.wp-block-navigation
.has-child:not(.open-on-click):hover
> .wp-block-navigation__submenu-container,
.wp-block-navigation
.has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
> .wp-block-navigation__submenu-container {
height: auto;
min-width: 200px;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}
.wp-block-navigation.has-background
.has-child
.wp-block-navigation__submenu-container {
left: 0;
top: 100%;
}
@media (min-width: 782px) {
.wp-block-navigation.has-background
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container {
left: 100%;
top: 0;
}
}
.wp-block-navigation-submenu {
display: flex;
position: relative;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: initial;
border: none;
color: currentColor;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: left;
text-transform: inherit;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
}
.wp-block-navigation-item.open-on-click
.wp-block-navigation-submenu__toggle {
padding-left: 0;
padding-right: 0.85em;
}
.wp-block-navigation-item.open-on-click
.wp-block-navigation-submenu__toggle
+ .wp-block-navigation__submenu-icon {
margin-left: -0.6em;
pointer-events: none;
}
.wp-block-navigation-item.open-on-click
button.wp-block-navigation-item__content:not(
.wp-block-navigation-submenu__toggle
) {
padding: 0;
}
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
gap: inherit;
}
:where(
.wp-block-navigation.has-background
.wp-block-navigation-item
a:not(.wp-element-button)
),
:where(
.wp-block-navigation.has-background
.wp-block-navigation-submenu
a:not(.wp-element-button)
) {
padding: 0.5em 1em;
}
:where(
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-item
a:not(.wp-element-button)
),
:where(
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-submenu
a:not(.wp-element-button)
),
:where(
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-submenu
button.wp-block-navigation-item__content
),
:where(
.wp-block-navigation
.wp-block-navigation__submenu-container
.wp-block-pages-list__item
button.wp-block-navigation-item__content
) {
padding: 0.5em 1em;
}
.wp-block-navigation.items-justified-right
.wp-block-navigation__container
.has-child
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right
.wp-block-page-list
> .has-child
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
.wp-block-page-list
> .has-child:last-child
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation__submenu-container {
left: auto;
right: 0;
}
.wp-block-navigation.items-justified-right
.wp-block-navigation__container
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right
.wp-block-page-list
> .has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
.wp-block-page-list
> .has-child:last-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container {
left: -1px;
right: -1px;
}
@media (min-width: 782px) {
.wp-block-navigation.items-justified-right
.wp-block-navigation__container
.has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right
.wp-block-page-list
> .has-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
.wp-block-page-list
> .has-child:last-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container {
left: auto;
right: 100%;
}
}
.wp-block-navigation:not(.has-background)
.wp-block-navigation__submenu-container {
background-color: #fff;
border: 1px solid #00000026;
}
.wp-block-navigation.has-background
.wp-block-navigation__submenu-container {
background-color: inherit;
}
.wp-block-navigation:not(.has-text-color)
.wp-block-navigation__submenu-container {
color: #000;
}
.wp-block-navigation__container {
align-items: var(--navigation-layout-align, initial);
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
list-style: none;
margin: 0;
padding-left: 0;
}
.wp-block-navigation__container .is-responsive {
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1;
}
@keyframes overlay-menu__fade-in-animation {
0% {
opacity: 0;
transform: translateY(0.5em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.wp-block-navigation__responsive-container {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.wp-block-navigation__responsive-container
:where(.wp-block-navigation-item a) {
color: inherit;
}
.wp-block-navigation__responsive-container
.wp-block-navigation__responsive-container-content {
align-items: var(--navigation-layout-align, initial);
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
justify-content: var(--navigation-layout-justify, initial);
}
.wp-block-navigation__responsive-container:not(
.is-menu-open.is-menu-open
) {
background-color: inherit !important;
color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
background-color: inherit;
display: flex;
flex-direction: column;
overflow: auto;
padding: clamp(1rem, var(--wp--style--root--padding-top), 20rem)
clamp(1rem, var(--wp--style--root--padding-right), 20rem)
clamp(1rem, var(--wp--style--root--padding-bottom), 20rem)
clamp(1rem, var(--wp--style--root--padding-left), 20rem);
z-index: 100000;
}
@media not (prefers-reduced-motion) {
.wp-block-navigation__responsive-container.is-menu-open {
animation: overlay-menu__fade-in-animation 0.1s ease-out;
animation-fill-mode: forwards;
}
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
align-items: var(--navigation-layout-justification-setting, inherit);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow: visible;
padding-top: calc(2rem + 24px);
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-page-list {
justify-content: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__submenu-icon {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.has-child
.wp-block-navigation__submenu-container {
border: none;
height: auto;
min-width: 200px;
opacity: 1;
overflow: initial;
padding-left: 2rem;
padding-right: 2rem;
position: static;
visibility: visible;
width: auto;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__submenu-container {
gap: inherit;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__submenu-container {
padding-top: var(--wp--style--block-gap, 2em);
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation-item__content {
padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content
.wp-block-page-list {
align-items: var(--navigation-layout-justification-setting, initial);
display: flex;
flex-direction: column;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item
.wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-page-list {
background: #0000 !important;
color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: auto;
right: auto;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
.is-menu-open
) {
background-color: inherit;
display: block;
position: relative;
width: 100%;
z-index: auto;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(
.is-menu-open
)
.wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0;
}
}
.wp-block-navigation:not(.has-background)
.wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
}
.wp-block-navigation:not(.has-text-color)
.wp-block-navigation__responsive-container.is-menu-open {
color: #000;
}
.wp-block-navigation__toggle_button_label {
font-size: 1rem;
font-weight: 700;
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
background: #0000;
border: none;
color: currentColor;
cursor: pointer;
margin: 0;
padding: 0;
text-transform: inherit;
vertical-align: middle;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
display: block;
height: 24px;
pointer-events: none;
width: 24px;
}
.wp-block-navigation__responsive-container-open {
display: flex;
}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
.wp-block-navigation__responsive-container-close {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
.wp-block-navigation__responsive-close {
width: 100%;
}
.has-modal-open .wp-block-navigation__responsive-close {
margin-left: auto;
margin-right: auto;
max-width: var(--wp--style--global--wide-size, 100%);
}
.wp-block-navigation__responsive-close:focus {
outline: none;
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box;
}
.wp-block-navigation__responsive-dialog {
position: relative;
}
.has-modal-open
.admin-bar
.is-menu-open
.wp-block-navigation__responsive-dialog {
margin-top: 46px;
}
@media (min-width: 782px) {
.has-modal-open
.admin-bar
.is-menu-open
.wp-block-navigation__responsive-dialog {
margin-top: 32px;
}
}
html.has-modal-open {
overflow: hidden;
}
</style>
<style id="wp-block-group-inline-css">
.wp-block-group {
box-sizing: border-box;
}
:where(.wp-block-group.wp-block-group-is-layout-constrained) {
position: relative;
}
</style>
<style id="wp-block-post-featured-image-inline-css">
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0;
}
.wp-block-post-featured-image a {
display: block;
height: 100%;
}
.wp-block-post-featured-image :where(img) {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
width: 100%;
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width: 100%;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim {
background-color: #000;
inset: 0;
position: absolute;
}
.wp-block-post-featured-image {
position: relative;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-gradient {
background-color: initial;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-0 {
opacity: 0;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-10 {
opacity: 0.1;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-20 {
opacity: 0.2;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-30 {
opacity: 0.3;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-40 {
opacity: 0.4;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-50 {
opacity: 0.5;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-60 {
opacity: 0.6;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-70 {
opacity: 0.7;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-80 {
opacity: 0.8;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-90 {
opacity: 0.9;
}
.wp-block-post-featured-image
.wp-block-post-featured-image__overlay.has-background-dim-100 {
opacity: 1;
}
.wp-block-post-featured-image:where(.alignleft, .alignright) {
width: 100%;
}
</style>
<style id="wp-block-post-title-inline-css">
.wp-block-post-title {
box-sizing: border-box;
word-break: break-word;
}
.wp-block-post-title :where(a) {
display: inline-block;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-decoration: inherit;
}
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
font-style: normal;
font-weight: 100;
line-height: 0.68;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
}
body.rtl .has-drop-cap:not(:focus):first-letter {
float: none;
margin-left: 0.1em;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
:root :where(p.has-background) {
padding: 1.25em 2.375em;
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit;
}
p.has-text-align-left[style*="writing-mode:vertical-lr"],
p.has-text-align-right[style*="writing-mode:vertical-rl"] {
rotate: 180deg;
}
</style>
<style id="wp-block-quote-inline-css">
.wp-block-quote {
box-sizing: border-box;
overflow-wrap: break-word;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)),
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
margin-bottom: 1em;
padding: 0 1em;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)) p,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,
.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer {
font-size: 1.125em;
text-align: right;
}
.wp-block-quote > cite {
display: block;
}
</style>
<style id="wp-block-post-content-inline-css">
.wp-block-post-content {
display: flow-root;
}
</style>
<style id="wp-block-site-logo-inline-css">
.wp-block-site-logo {
box-sizing: border-box;
line-height: 0;
}
.wp-block-site-logo a {
display: inline-block;
line-height: 0;
}
.wp-block-site-logo.is-default-size img {
height: auto;
width: 120px;
}
.wp-block-site-logo img {
height: auto;
max-width: 100%;
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius: inherit;
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
:root :where(.wp-block-site-logo.is-style-rounded) {
border-radius: 9999px;
}
</style>
<style id="wp-block-site-tagline-inline-css">
.wp-block-site-tagline {
box-sizing: border-box;
}
</style>
<style id="wp-block-spacer-inline-css">
.wp-block-spacer {
clear: both;
}
</style>
<style id="wp-block-columns-inline-css">
.wp-block-columns {
align-items: normal !important;
box-sizing: border-box;
display: flex;
flex-wrap: wrap !important;
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap !important;
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center;
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end;
}
@media (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column[style*="flex-basis"] {
flex-grow: 0;
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-columns.is-not-stacked-on-mobile
> .wp-block-column[style*="flex-basis"] {
flex-grow: 0;
}
:where(.wp-block-columns) {
margin-bottom: 1.75em;
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-stretch {
align-self: stretch;
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%;
}
</style>
<style id="wp-block-navigation-link-inline-css">
.wp-block-navigation .wp-block-navigation-item__label {
overflow-wrap: break-word;
}
.wp-block-navigation .wp-block-navigation-item__description {
display: none;
}
.link-ui-tools {
border-top: 1px solid #f0f0f0;
padding: 8px;
}
.link-ui-block-inserter {
padding-top: 8px;
}
.link-ui-block-inserter__back {
margin-left: 8px;
text-transform: uppercase;
}
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id="wp-block-library-inline-css">
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.wp-element-button {
cursor: pointer;
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf);
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc);
}
.has-regular-font-size {
font-size: 1em;
}
.has-larger-font-size {
font-size: 2.625em;
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal);
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge);
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-right {
text-align: right;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
html :where(.has-border-color) {
border-style: solid;
}
html :where([style*="border-top-color"]) {
border-top-style: solid;
}
html :where([style*="border-right-color"]) {
border-right-style: solid;
}
html :where([style*="border-bottom-color"]) {
border-bottom-style: solid;
}
html :where([style*="border-left-color"]) {
border-left-style: solid;
}
html :where([style*="border-width"]) {
border-style: solid;
}
html :where([style*="border-top-width"]) {
border-top-style: solid;
}
html :where([style*="border-right-width"]) {
border-right-style: solid;
}
html :where([style*="border-bottom-width"]) {
border-bottom-style: solid;
}
html :where([style*="border-left-width"]) {
border-left-style: solid;
}
html :where(img[class*="wp-image-"]) {
height: auto;
max-width: 100%;
}
:where(figure) {
margin: 0 0 1em;
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(
--wp-admin--admin-bar--height,
0px
);
}
@media screen and (max-width: 600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0px;
}
}
</style>
<style id="global-styles-inline-css">
:root {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4/3;
--wp--preset--aspect-ratio--3-4: 3/4;
--wp--preset--aspect-ratio--3-2: 3/2;
--wp--preset--aspect-ratio--2-3: 2/3;
--wp--preset--aspect-ratio--16-9: 16/9;
--wp--preset--aspect-ratio--9-16: 9/16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--base: #ffffff;
--wp--preset--color--contrast: #111111;
--wp--preset--color--accent-1: #ffee58;
--wp--preset--color--accent-2: #f6cff4;
--wp--preset--color--accent-3: #503aa8;
--wp--preset--color--accent-4: #686868;
--wp--preset--color--accent-5: #fbfaf3;
--wp--preset--color--accent-6: color-mix(
in srgb,
currentColor 20%,
transparent
);
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
135deg,
rgba(6, 147, 227, 1) 0%,
rgb(155, 81, 224) 100%
);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
135deg,
rgb(122, 220, 180) 0%,
rgb(0, 208, 130) 100%
);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
135deg,
rgba(252, 185, 0, 1) 0%,
rgba(255, 105, 0, 1) 100%
);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
135deg,
rgba(255, 105, 0, 1) 0%,
rgb(207, 46, 46) 100%
);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
135deg,
rgb(238, 238, 238) 0%,
rgb(169, 184, 195) 100%
);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
135deg,
rgb(74, 234, 220) 0%,
rgb(151, 120, 209) 20%,
rgb(207, 42, 186) 40%,
rgb(238, 44, 130) 60%,
rgb(251, 105, 98) 80%,
rgb(254, 248, 76) 100%
);
--wp--preset--gradient--blush-light-purple: linear-gradient(
135deg,
rgb(255, 206, 236) 0%,
rgb(152, 150, 240) 100%
);
--wp--preset--gradient--blush-bordeaux: linear-gradient(
135deg,
rgb(254, 205, 165) 0%,
rgb(254, 45, 45) 50%,
rgb(107, 0, 62) 100%
);
--wp--preset--gradient--luminous-dusk: linear-gradient(
135deg,
rgb(255, 203, 112) 0%,
rgb(199, 81, 192) 50%,
rgb(65, 88, 208) 100%
);
--wp--preset--gradient--pale-ocean: linear-gradient(
135deg,
rgb(255, 245, 203) 0%,
rgb(182, 227, 212) 50%,
rgb(51, 167, 181) 100%
);
--wp--preset--gradient--electric-grass: linear-gradient(
135deg,
rgb(202, 248, 128) 0%,
rgb(113, 206, 126) 100%
);
--wp--preset--gradient--midnight: linear-gradient(
135deg,
rgb(2, 3, 129) 0%,
rgb(40, 116, 252) 100%
);
--wp--preset--font-size--small: 0.875rem;
--wp--preset--font-size--medium: clamp(
1rem,
1rem + ((1vw - 0.2rem) * 0.196),
1.125rem
);
--wp--preset--font-size--large: clamp(
1.125rem,
1.125rem + ((1vw - 0.2rem) * 0.392),
1.375rem
);
--wp--preset--font-size--x-large: clamp(
1.75rem,
1.75rem + ((1vw - 0.2rem) * 0.392),
2rem
);
--wp--preset--font-size--xx-large: clamp(
2.15rem,
2.15rem + ((1vw - 0.2rem) * 1.333),
3rem
);
--wp--preset--font-family--manrope: Manrope, sans-serif;
--wp--preset--font-family--fira-code: "Fira Code", monospace;
--wp--preset--spacing--20: 10px;
--wp--preset--spacing--30: 20px;
--wp--preset--spacing--40: 30px;
--wp--preset--spacing--50: clamp(30px, 5vw, 50px);
--wp--preset--spacing--60: clamp(30px, 7vw, 70px);
--wp--preset--spacing--70: clamp(50px, 7vw, 90px);
--wp--preset--spacing--80: clamp(70px, 10vw, 140px);
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined:
6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:root {
--wp--style--global--content-size: 645px;
--wp--style--global--wide-size: 1340px;
}
:where(body) {
margin: 0;
}
.wp-site-blocks {
padding-top: var(--wp--style--root--padding-top);
padding-bottom: var(--wp--style--root--padding-bottom);
}
.has-global-padding {
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.has-global-padding > .alignfull {
margin-right: calc(var(--wp--style--root--padding-right) * -1);
margin-left: calc(var(--wp--style--root--padding-left) * -1);
}
.has-global-padding
:where(
:not(.alignfull.is-layout-flow)
> .has-global-padding:not(.wp-block-block, .alignfull)
) {
padding-right: 0;
padding-left: 0;
}
.has-global-padding
:where(
:not(.alignfull.is-layout-flow)
> .has-global-padding:not(.wp-block-block, .alignfull)
)
> .alignfull {
margin-left: 0;
margin-right: 0;
}
.wp-site-blocks > .alignleft {
float: left;
margin-right: 2em;
}
.wp-site-blocks > .alignright {
float: right;
margin-left: 2em;
}
.wp-site-blocks > .aligncenter {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
:where(.wp-site-blocks) > * {
margin-block-start: 1.2rem;
margin-block-end: 0;
}
:where(.wp-site-blocks) > :first-child {
margin-block-start: 0;
}
:where(.wp-site-blocks) > :last-child {
margin-block-end: 0;
}
:root {
--wp--style--block-gap: 1.2rem;
}
:root :where(.is-layout-flow) > :first-child {
margin-block-start: 0;
}
:root :where(.is-layout-flow) > :last-child {
margin-block-end: 0;
}
:root :where(.is-layout-flow) > * {
margin-block-start: 1.2rem;
margin-block-end: 0;
}
:root :where(.is-layout-constrained) > :first-child {
margin-block-start: 0;
}
:root :where(.is-layout-constrained) > :last-child {
margin-block-end: 0;
}
:root :where(.is-layout-constrained) > * {
margin-block-start: 1.2rem;
margin-block-end: 0;
}
:root :where(.is-layout-flex) {
gap: 1.2rem;
}
:root :where(.is-layout-grid) {
gap: 1.2rem;
}
.is-layout-flow > .alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
.is-layout-flow > .alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
.is-layout-flow > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained > .alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em;
}
.is-layout-constrained > .alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0;
}
.is-layout-constrained > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained
> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained > .alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
.is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
.is-layout-flex > :is(*, div) {
margin: 0;
}
body .is-layout-grid {
display: grid;
}
.is-layout-grid > :is(*, div) {
margin: 0;
}
body {
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--manrope);
font-size: var(--wp--preset--font-size--large);
font-weight: 300;
letter-spacing: -0.1px;
line-height: 1.4;
--wp--style--root--padding-top: 0px;
--wp--style--root--padding-right: var(--wp--preset--spacing--50);
--wp--style--root--padding-bottom: 0px;
--wp--style--root--padding-left: var(--wp--preset--spacing--50);
}
a:where(:not(.wp-element-button)) {
color: currentColor;
text-decoration: underline;
}
:root :where(a:where(:not(.wp-element-button)):hover) {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
letter-spacing: -0.1px;
line-height: 1.125;
}
h1 {
font-size: var(--wp--preset--font-size--xx-large);
}
h2 {
font-size: var(--wp--preset--font-size--x-large);
}
h3 {
font-size: var(--wp--preset--font-size--large);
}
h4 {
font-size: var(--wp--preset--font-size--medium);
}
h5 {
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.5px;
}
h6 {
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
:root :where(.wp-element-button, .wp-block-button__link) {
background-color: var(--wp--preset--color--contrast);
border-width: 0;
color: var(--wp--preset--color--base);
font-family: inherit;
font-size: var(--wp--preset--font-size--medium);
line-height: inherit;
padding-top: 1rem;
padding-right: 2.25rem;
padding-bottom: 1rem;
padding-left: 2.25rem;
text-decoration: none;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
background-color: color-mix(
in srgb,
var(--wp--preset--color--contrast) 85%,
transparent
);
border-color: transparent;
color: var(--wp--preset--color--base);
}
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
outline-color: var(--wp--preset--color--accent-4);
outline-offset: 2px;
}
:root
:where(
.wp-element-caption,
.wp-block-audio figcaption,
.wp-block-embed figcaption,
.wp-block-gallery figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption,
.wp-block-video figcaption
) {
font-size: var(--wp--preset--font-size--small);
line-height: 1.4;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-color {
color: var(--wp--preset--color--base) !important;
}
.has-contrast-color {
color: var(--wp--preset--color--contrast) !important;
}
.has-accent-1-color {
color: var(--wp--preset--color--accent-1) !important;
}
.has-accent-2-color {
color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-color {
color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-color {
color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-color {
color: var(--wp--preset--color--accent-5) !important;
}
.has-accent-6-color {
color: var(--wp--preset--color--accent-6) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(
--wp--preset--color--luminous-vivid-orange
) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(
--wp--preset--color--luminous-vivid-amber
) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-background-color {
background-color: var(--wp--preset--color--base) !important;
}
.has-contrast-background-color {
background-color: var(--wp--preset--color--contrast) !important;
}
.has-accent-1-background-color {
background-color: var(--wp--preset--color--accent-1) !important;
}
.has-accent-2-background-color {
background-color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-background-color {
background-color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-background-color {
background-color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-background-color {
background-color: var(--wp--preset--color--accent-5) !important;
}
.has-accent-6-background-color {
background-color: var(--wp--preset--color--accent-6) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(
--wp--preset--color--luminous-vivid-orange
) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-border-color {
border-color: var(--wp--preset--color--base) !important;
}
.has-contrast-border-color {
border-color: var(--wp--preset--color--contrast) !important;
}
.has-accent-1-border-color {
border-color: var(--wp--preset--color--accent-1) !important;
}
.has-accent-2-border-color {
border-color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-border-color {
border-color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-border-color {
border-color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-border-color {
border-color: var(--wp--preset--color--accent-5) !important;
}
.has-accent-6-border-color {
border-color: var(--wp--preset--color--accent-6) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red
) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(
--wp--preset--gradient--cool-to-warm-spectrum
) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.has-xx-large-font-size {
font-size: var(--wp--preset--font-size--xx-large) !important;
}
.has-manrope-font-family {
font-family: var(--wp--preset--font-family--manrope) !important;
}
.has-fira-code-font-family {
font-family: var(--wp--preset--font-family--fira-code) !important;
}
:root :where(.wp-block-columns-is-layout-flow) > :first-child {
margin-block-start: 0;
}
:root :where(.wp-block-columns-is-layout-flow) > :last-child {
margin-block-end: 0;
}
:root :where(.wp-block-columns-is-layout-flow) > * {
margin-block-start: var(--wp--preset--spacing--50);
margin-block-end: 0;
}
:root :where(.wp-block-columns-is-layout-constrained) > :first-child {
margin-block-start: 0;
}
:root :where(.wp-block-columns-is-layout-constrained) > :last-child {
margin-block-end: 0;
}
:root :where(.wp-block-columns-is-layout-constrained) > * {
margin-block-start: var(--wp--preset--spacing--50);
margin-block-end: 0;
}
:root :where(.wp-block-columns-is-layout-flex) {
gap: var(--wp--preset--spacing--50);
}
:root :where(.wp-block-columns-is-layout-grid) {
gap: var(--wp--preset--spacing--50);
}
:root :where(.wp-block-post-title a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:root
:where(.wp-block-post-title a:where(:not(.wp-element-button)):hover) {
text-decoration: underline;
}
:root :where(.wp-block-quote) {
border-color: currentColor;
border-width: 0 0 0 2px;
border-style: solid;
font-size: var(--wp--preset--font-size--large);
font-weight: 300;
margin-right: 0;
margin-left: 0;
padding-top: var(--wp--preset--spacing--30);
padding-right: var(--wp--preset--spacing--40);
padding-bottom: var(--wp--preset--spacing--30);
padding-left: var(--wp--preset--spacing--40);
}
:root :where(.wp-block-quote-is-layout-flow) > :first-child {
margin-block-start: 0;
}
:root :where(.wp-block-quote-is-layout-flow) > :last-child {
margin-block-end: 0;
}
:root :where(.wp-block-quote-is-layout-flow) > * {
margin-block-start: var(--wp--preset--spacing--30);
margin-block-end: 0;
}
:root :where(.wp-block-quote-is-layout-constrained) > :first-child {
margin-block-start: 0;
}
:root :where(.wp-block-quote-is-layout-constrained) > :last-child {
margin-block-end: 0;
}
:root :where(.wp-block-quote-is-layout-constrained) > * {
margin-block-start: var(--wp--preset--spacing--30);
margin-block-end: 0;
}
:root :where(.wp-block-quote-is-layout-flex) {
gap: var(--wp--preset--spacing--30);
}
:root :where(.wp-block-quote-is-layout-grid) {
gap: var(--wp--preset--spacing--30);
}
:root :where(.wp-block-quote.has-text-align-right) {
border-width: 0 2px 0 0;
}
:root :where(.wp-block-quote.has-text-align-center) {
border-width: 0;
border-inline: 0;
padding-inline: 0;
}
:root :where(.wp-block-quote cite) {
font-size: var(--wp--preset--font-size--small);
font-style: normal;
font-weight: 300;
}
:root :where(.wp-block-quote cite sub) {
font-size: 0.65em;
}
:root :where(.wp-block-site-tagline) {
font-size: var(--wp--preset--font-size--medium);
}
:root :where(.wp-block-site-title) {
font-weight: 700;
letter-spacing: -0.5px;
}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:root
:where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
text-decoration: underline;
}
:root :where(.wp-block-navigation) {
font-size: var(--wp--preset--font-size--medium);
}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:root
:where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
text-decoration: underline;
}
</style>
<style id="core-block-supports-inline-css">
.wp-container-core-navigation-is-layout-fc306653 {
justify-content: flex-end;
}
.wp-container-core-group-is-layout-f4c28e8b {
flex-wrap: nowrap;
gap: var(--wp--preset--spacing--10);
justify-content: flex-end;
}
.wp-container-core-group-is-layout-8165f36a {
flex-wrap: nowrap;
justify-content: space-between;
}
.wp-container-core-columns-is-layout-28f84493 {
flex-wrap: nowrap;
}
.wp-container-core-navigation-is-layout-fe9cc265 {
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-570722b2 {
gap: var(--wp--preset--spacing--80);
justify-content: space-between;
align-items: flex-start;
}
.wp-container-core-group-is-layout-e5edad21 {
justify-content: space-between;
align-items: flex-start;
}
.wp-container-core-group-is-layout-91e87306 {
gap: var(--wp--preset--spacing--20);
justify-content: space-between;
}
</style>
<style id="wp-block-template-skip-link-inline-css">
.skip-link.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
</style>
<style id="twentytwentyfive-style-inline-css">
a {
text-decoration-thickness: 1px !important;
text-underline-offset: 0.1em;
}
:where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
}
.wp-block-navigation
.wp-block-navigation-submenu
.wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
}
.wp-block-navigation
.wp-block-navigation-item
.wp-block-navigation-item__content {
outline-offset: 4px;
}
.wp-block-navigation
.wp-block-navigation-item
ul.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
outline-offset: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
text-wrap: pretty;
}
.more-link {
display: block;
}
</style>
<link rel="https://api.w.org/" href="http://localhost:10043/wp-json/" />
<link
rel="alternate"
title="JSON"
type="application/json"
href="http://localhost:10043/wp-json/wp/v2/pages/2"
/>
<link
rel="EditURI"
type="application/rsd+xml"
title="RSD"
href="http://localhost:10043/xmlrpc.php?rsd"
/>
<meta name="generator" content="WordPress 6.8.2" />
<link rel="canonical" href="http://localhost:10043/sample-page/" />
<link rel="shortlink" href="http://localhost:10043/?p=2" />
<link
rel="alternate"
title="oEmbed (JSON)"
type="application/json+oembed"
href="http://localhost:10043/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%3A10043%2Fsample-page%2F"
/>
<link
rel="alternate"
title="oEmbed (XML)"
type="text/xml+oembed"
href="http://localhost:10043/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%3A10043%2Fsample-page%2F&#038;format=xml"
/>
<script type="importmap" id="wp-importmap">
{
"imports": {
"@wordpress\/interactivity": "http:\/\/localhost:10043\/wp-includes\/js\/dist\/script-modules\/interactivity\/index.min.js?ver=55aebb6e0a16726baffb"
}
}
</script>
<script
type="module"
src="http://localhost:10043/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=61572d447d60c0aa5240"
id="@wordpress/block-library/navigation/view-js-module"
></script>
<link
rel="modulepreload"
href="http://localhost:10043/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=55aebb6e0a16726baffb"
id="@wordpress/interactivity-js-modulepreload"
/>
<style class="wp-fonts-local">
@font-face {
font-family: Manrope;
font-style: normal;
font-weight: 200 800;
font-display: fallback;
src: url("http://localhost:10043/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2")
format("woff2");
}
@font-face {
font-family: "Fira Code";
font-style: normal;
font-weight: 300 700;
font-display: fallback;
src: url("http://localhost:10043/wp-content/themes/twentytwentyfive/assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2")
format("woff2");
}
</style>
</head>
<body
class="wp-singular page-template-default page page-id-2 wp-embed-responsive wp-theme-twentytwentyfive"
>
<div class="wp-site-blocks">
<header class="wp-block-template-part">
<div
class="wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow"
>
<div
class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
>
<div
class="wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-8165f36a wp-block-group-is-layout-flex"
style="
padding-top: var(--wp--preset--spacing--30);
padding-bottom: var(--wp--preset--spacing--30);
"
>
<p class="wp-block-site-title">
<a href="http://localhost:10043" target="_self" rel="home"
>font-display-test</a
>
</p>
<div
class="wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-f4c28e8b wp-block-group-is-layout-flex"
>
<nav
class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-fc306653 wp-block-navigation-is-layout-flex"
data-wp-interactive="core/navigation"
data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'
>
<button
aria-haspopup="dialog"
aria-label="Open menu"
class="wp-block-navigation__responsive-container-open"
data-wp-on-async--click="actions.openMenuOnClick"
data-wp-on--keydown="actions.handleMenuKeydown"
>
<svg
width="24"
height="24"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
aria-hidden="true"
focusable="false"
>
<rect x="4" y="7.5" width="16" height="1.5" />
<rect x="4" y="15" width="16" height="1.5" />
</svg>
</button>
<div
class="wp-block-navigation__responsive-container has-text-color has-contrast-color has-background has-base-background-color"
id="modal-1"
data-wp-class--has-modal-open="state.isMenuOpen"
data-wp-class--is-menu-open="state.isMenuOpen"
data-wp-watch="callbacks.initMenu"
data-wp-on--keydown="actions.handleMenuKeydown"
data-wp-on-async--focusout="actions.handleMenuFocusout"
tabindex="-1"
>
<div
class="wp-block-navigation__responsive-close"
tabindex="-1"
>
<div
class="wp-block-navigation__responsive-dialog"
data-wp-bind--aria-modal="state.ariaModal"
data-wp-bind--aria-label="state.ariaLabel"
data-wp-bind--role="state.roleAttribute"
>
<button
aria-label="Close menu"
class="wp-block-navigation__responsive-container-close"
data-wp-on-async--click="actions.closeMenuOnClick"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
aria-hidden="true"
focusable="false"
>
<path
d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"
></path>
</svg>
</button>
<div
class="wp-block-navigation__responsive-container-content"
data-wp-watch="callbacks.focusFirstElement"
id="modal-1-content"
>
<ul
class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"
>
<ul class="wp-block-page-list">
<li
class="wp-block-pages-list__item current-menu-item wp-block-navigation-item open-on-hover-click"
>
<a
class="wp-block-pages-list__item__link wp-block-navigation-item__content"
href="http://localhost:10043/sample-page/"
aria-current="page"
>Sample Page</a
>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<main
class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
style="margin-top: var(--wp--preset--spacing--60)"
>
<div
class="wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
style="
padding-top: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--60);
"
>
<h1 class="wp-block-post-title">Sample Page</h1>
<div
class="entry-content alignfull wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained"
>
<p>
This is an example page. It&#8217;s different from a blog post
because it will stay in one place and will show up in your site
navigation (in most themes). Most people start with an About page
that introduces them to potential site visitors. It might say
something like this:
</p>
<blockquote
class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"
>
<p>
Hi there! I&#8217;m a bike messenger by day, aspiring actor by
night, and this is my website. I live in Los Angeles, have a
great dog named Jack, and I like pi&#241;a coladas. (And
gettin&#8217; caught in the rain.)
</p>
</blockquote>
<p>&#8230;or something like this:</p>
<blockquote
class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"
>
<p>
The XYZ Doohickey Company was founded in 1971, and has been
providing quality doohickeys to the public ever since. Located
in Gotham City, XYZ employs over 2,000 people and does all kinds
of awesome things for the Gotham community.
</p>
</blockquote>
<p>
As a new WordPress user, you should go to
<a href="http://localhost:10043/wp-admin/">your dashboard</a> to
delete this page and create new pages for your content. Have fun!
</p>
</div>
</div>
</main>
<footer class="wp-block-template-part">
<div
class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
style="
padding-top: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--50);
"
>
<div
class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow"
>
<div
class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-e5edad21 wp-block-group-is-layout-flex"
>
<div
class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex"
>
<div
class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"
style="flex-basis: 100%"
>
<h2 class="wp-block-site-title">
<a href="http://localhost:10043" target="_self" rel="home"
>font-display-test</a
>
</h2>
</div>
<div
class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"
>
<div
style="height: var(--wp--preset--spacing--40); width: 0px"
aria-hidden="true"
class="wp-block-spacer"
></div>
</div>
</div>
<div
class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-570722b2 wp-block-group-is-layout-flex"
>
<nav
class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"
>
<ul
class="wp-block-navigation__container is-vertical wp-block-navigation"
>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Blog</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>About</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>FAQs</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Authors</span
></a
>
</li>
</ul>
</nav>
<nav
class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex"
>
<ul
class="wp-block-navigation__container is-vertical wp-block-navigation"
>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Events</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Shop</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Patterns</span
></a
>
</li>
<li
class="wp-block-navigation-item wp-block-navigation-link"
>
<a class="wp-block-navigation-item__content" href="#"
><span class="wp-block-navigation-item__label"
>Themes</span
></a
>
</li>
</ul>
</nav>
</div>
</div>
<div
style="height: var(--wp--preset--spacing--70)"
aria-hidden="true"
class="wp-block-spacer"
></div>
<div
class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-91e87306 wp-block-group-is-layout-flex"
>
<p class="has-small-font-size">Twenty Twenty-Five</p>
<p class="has-small-font-size">
Designed with
<a href="https://wordpress.org" rel="nofollow">WordPress</a>
</p>
</div>
</div>
</div>
</footer>
</div>
<script type="speculationrules">
{
"prefetch": [
{
"source": "document",
"where": {
"and": [
{ "href_matches": "\/*" },
{
"not": {
"href_matches": [
"\/wp-*.php",
"\/wp-admin\/*",
"\/wp-content\/uploads\/*",
"\/wp-content\/*",
"\/wp-content\/plugins\/*",
"\/wp-content\/themes\/twentytwentyfive\/*",
"\/*\\?(.+)"
]
}
},
{ "not": { "selector_matches": "a[rel~=\"nofollow\"]" } },
{
"not": { "selector_matches": ".no-prefetch, .no-prefetch a" }
}
]
},
"eagerness": "conservative"
}
]
}
</script>
<script id="wp-block-template-skip-link-js-after">
(function () {
var skipLinkTarget = document.querySelector("main"),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if (!skipLinkTarget) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector(".wp-site-blocks");
// Early exit if the root element was not found.
if (!sibling) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if (!skipLinkTargetID) {
skipLinkTargetID = "wp--skip-link--target";
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement("a");
skipLink.classList.add("skip-link", "screen-reader-text");
skipLink.id = "wp-skip-link";
skipLink.href = "#" + skipLinkTargetID;
skipLink.innerText = "Skip to content";
// Inject the skip link.
sibling.parentElement.insertBefore(skipLink, sibling);
})();
</script>
</body>
</html>
Raw
twentytwentyfive-stylesheet-inlining.php
<?php
/**
* Plugin Name: Twenty Twenty-Five Stylesheet Inlining
* Plugin URI: https://gist.github.com/westonruter/09e553a7b66d1a2e68cd5a9ed351c59b
* Description: Minifies and adds <code>path</code> style data for the <code>twentytwenty-five-style</code> stylesheet so it can be inlined. See <a href="https://core.trac.wordpress.org/ticket/63007">#63007</a>.
* Requires at least: 6.5
* Requires PHP: 7.2
* Version: 0.1.0
* Author: Weston Ruter
* Author URI: https://weston.ruter.net/
* License: GPLv2 or later
* License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
* Update URI: https://gist.github.com/westonruter/09e553a7b66d1a2e68cd5a9ed351c59b
* GitHub Plugin URI: https://gist.github.com/westonruter/09e553a7b66d1a2e68cd5a9ed351c59b
*
* @package TwentyTwentyFiveStylesheetInlining
*/
namespace TwentyTwentyFiveStylesheetInlining;
add_action(
'wp_enqueue_scripts',
static function () {
wp_style_add_data(
'twentytwentyfive-style',
'path',
get_parent_theme_file_path( 'style.css' )
);
},
20
);
function get_theme_style_css(): string {
static $css = null;
if ( null !== $css ) {
return $css;
}
$css = file_get_contents( get_parent_theme_file_path( 'style.css' ) ); // 2,505 bytes before minification
if ( ! SCRIPT_DEBUG ) {
// Strip out CSS comments, collapse whitespace, and remove unneeded spaces in this specific CSS file.
// This works for TT5's theme CSS, but it is not a complete solution applicable to any stylesheet.
// For a general solution, a proper CSS tokenizer should be used. Alternatively, the CSS should go a build step so that there is a style.min.css minified version available!
$css = trim( preg_replace( '#/\*.*?\*/\s*#s', '', $css ) );
$css = preg_replace( '/\s+/', ' ', $css );
$css = preg_replace( '/(?<=[{};:,+]) | (?=[{};:,!+])/', '', $css );
$css = str_replace( ';}', '}', $css );
// 586 bytes after minification
}
return $css;
}
add_filter(
'pre_wp_filesize',
static function ( $size, $path ) {
if ( get_parent_theme_file_path( 'style.css' ) === $path ) {
$size = strlen( get_theme_style_css() );
}
return $size;
},
10,
2
);
add_action(
'wp_head',
static function () {
$style = wp_styles()->query( 'twentytwentyfive-style' );
if ( $style && $style->src === false ) {
$style->extra['after'][0] = get_theme_style_css();
}
},
2
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment