<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[13225] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns: Pattern Directory: Sync with git WordPress/pattern-directory@f8895ee</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/13225">13225</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/13225","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2024-02-20 21:13:58 +0000 (Tue, 20 Feb 2024)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Pattern Directory: Sync with git WordPress/pattern-directory@f8895ee</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylertlcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-primitives', 'wp-url'), 'version' => '702d0adf143cbb35ca04');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-primitives', 'wp-url'), 'version' => '933823ae8b8c10175ef4');
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,22 +1,23 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-(()=>{var e={472:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var i=a.apply(null,r);i&&e.push(i)}}else if("object"===o){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.
d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};r.r(e),r.d(e,{addFavorite:()=>Q,fetchCategories:()=>D,fetchPatternFlagReasons:()=>M,fetchPatterns:()=>A,loadCategories:()=>F,loadFavorites:()=>B,loadPattern:()=>I,loadPatternFlagReasons:()=>$,loadPatterns:()=>O,removeFavorite:()=>j,setCurrentQuery:()=>R,setErrorPatterns:()=>L});var t={};r.r(t),r.d(t,{getCategories:()=>z,getFavorites:()=>Y,getPattern:()=>W,getPatternFlagReasons:()=>H,getPatternsByQuery:()=>G});var n={};r.r(n),r.d(n,{getCategories:()=>ie,getCategoryById:()=>le,getCategoryBy
Slug:()=>se,getCurrentQuery:()=>ne,getFavorites:()=>pe,getPattern:()=>re,getPatternFlagReasons:()=>ce,getPatternTotalPagesByQuery:()=>te,getPatternTotalsByQuery:()=>ee,getPatterns:()=>J,getPatternsByQuery:()=>Z,getQueryFromUrl:()=>ge,getUrlFromQuery:()=>me,hasLoadedCategories:()=>oe,isFavorite:()=>de,isLoadingCategories:()=>ae,isLoadingPatternFlagReasons:()=>ue,isLoadingPatternsByQuery:()=>X});const a=window.wp.element,o=window.wp.i18n,i=window.wp.htmlEntities,s=window.wp.data,l=e=>{let{name:t,url:r,avatar:n}=e;return(0,a.createElement)("a",{href:r,className:"pattern__author-avatar"},(0,a.createElement)("img",{alt:"",src:n}),t)},c=e=>{let{className:t="",style:r,children:n}=e;return(0,a.createElement)("span",{className:`${t} pattern-skeleton__container`,style:r},n)},u=e=>(0,a.createElement)("span",{className:"pattern-skeleton",style:e});function p()
{return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}const d=window.wp.primitives;function g(e){return(0,a.createElement)(d.SVG,p({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),(0,a.createElement)(d.Path,{d:"M11.941 21.175l-1.443-1.32c-5.124-4.67-8.508-7.75-8.508-11.53 0-3.08 2.408-5.5 5.473-5.5 1.732 0 3.394.81 4.478 2.09 1.085-1.28 2.747-2.09 4.478-2.09 3.065 0 5.473 2.42 5.473 5.5 0 3.78-3.383 6.86-8.508 11.54l-1.443 1.31z"}))}const m=2/3;function f(e){return e*m}const h=()=>{const[e,t]=(0,a.useState)(),r=(0,a.useRef)();return(0,a.useEffect)((()=>{r.current&&t(`${f(r.current.clientWidth)}px`)}),[r]),(0,a.createElement)("div",{ref:r},(0,a.createElement)(c,null,(0,a.createElement)(u,{height:e}),(0,a.cre
ateElement)(u,{height:"14px",marginTop:"1rem"}),(0,a.createElement)(c,{style:{flexDirection:"row",marginTop:"0.5rem",alignItems:"center"}},(0,a.createElement)(u,{height:"18px",width:"18px",marginRight:"0.5rem",borderRadius:"32px"}),(0,a.createElement)(u,{height:"12px",width:"100px",marginRight:"0.75rem"}),(0,a.createElement)(g,{width:"16px",height:"16px",fill:"#787c82",className:"pattern-favorite-button__filled"}),(0,a.createElement)(u,{height:"12px",width:"32px",marginLeft:"0.5rem"}))))},v=e=>{let{length:t=6}=e;return Array(t).fill().map(((e,t)=>(0,a.createElement)(h,{key:t})))},_=window.wp.url,y=e=>{const t={};return Object.keys(e).forEach((r=>{const n=e[r];null!=n&&n.toString().length>0&&(t[r]=n)})),t},w=e=>e.split("?")[0],E=(e,t)=>{if(!t||!e)retu
rn"";const r=(0,_.getQueryArgs)(e);if(r[t])return r[t];const n=(o=w(e).replace(/\/$/,""),o.replace(/^\//,"")).split("/"),a=n.indexOf(t);var o;return-1===a?"":n[a+1]||""},b=e=>E(e,"categories"),P=e=>Number(E(e,"page")||1),S=e=>decodeURI(E(e,"search")),N=(0,a.createContext)();function k(e){let{children:t}=e;const[r,n]=(0,a.useState)((0,_.getPathAndQueryString)(window.location.href)),o=e=>{window.history.pushState("","",e),n(e)},i=()=>{n(document.location.href)};return(0,a.useEffect)((()=>(window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)})),[]),(0,a.createElement)(N.Provider,{value:{path:r,update:e=>{const t=(e=>{const t={...(0,_.getQueryArgs)(r),...(0,_.getQueryArgs)(e)};return y(t)})(e),n=w(e),a=(0,_.addQueryArgs)(n,t);o(a)},replace:o}},t)}function C(){const e=(0,a.useContext)(N);if(void 0===e)t
hrow new Error("useRoute must be used within a Provider");return e}function T(e){let{currentPage:t=1,onNavigation:r,totalPages:n}=e;const{path:i,update:s}=C();if(!n||n<=1)return null;const l=t>1,c=t<n,u=(0,_.getQueryString)(i)?"?"+(0,_.getQueryString)(i):"",p=i.replace(u,"").replace(/page\/\d+\/?/,""),d=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;const r=Array.from({length:e},((e,t)=>t+1)),n=[];return e<=5?r:(n.push(...r.slice(0,2)),t>=2&&t<=e-1&&n.push(...r.slice(t-2,t+1)),n.push(...r.slice(-2)),n.filter(((e,t,r)=>r.indexOf(e)===t)).reduce(((e,t,r,n)=>{if(0===r)return e.push(t),e;const a=Math.abs(n[r]-n[r-1]);return 0===a||(a>1&&e.push("…"),e.push(t)),e}),[]))}(n,t),g=`${p}page/%s/${u}`,m=e=>1===e?`${p}${u}`:(0,o.sprintf)(g,e),f=(e,t)=>{e.preventDefault(),s(m(t)),"function"==typeof r&&r()};return(0,a.cr
eateElement)("nav",{className:"pagination","aria-label":(0,o.__)("Pagination","wporg-patterns")},(0,a.createElement)("ul",{className:"pagination__list"},(0,a.createElement)("li",{className:"pagination__item pagination__item-previous-page"},l&&(0,a.createElement)("a",{className:"pagination__link",href:m(t-1),onClick:e=>f(e,t-1)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Previous page","wporg-patterns")),(0,a.createElement)("span",{"aria-hidden":!0},(0,o._x)("Previous","previous page link label","wporg-patterns")))),d.map(((e,r)=>"…"===e?(0,a.createElement)("li",{className:"pagination__item",key:`${r}-${e}`},e):(0,a.createElement)("li",{className:"pagination__item",key:e},(0,a.createElement)(&quo
t;a",{className:"pagination__link",href:m(e),"aria-current":e===t?"page":void 0,onClick:t=>f(t,e)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,o.sprintf)(
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+(()=>{var e={967:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,o(r)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)n.call(e,r)&&e[r]&&(t=i(t,r));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{v
ar t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};r.r(e),r.d(e,{addFavorite:()=>Q,fetchCategories:()=>D,fetchPatternFlagReasons:()=>M,fetchPatterns:()=>A,loadCategories:()=>F,loadFavorites:()=>B,loadPattern:()=>I,loadPatternFlagReasons:()=>$,loadPatterns:()=>O,removeFavorite:()=>j,setCurrentQuery:()=>L,setErrorPatterns:()=>R});var t={};r.r(t),r.d(t,{getCategories:()=>z,getFavorites:()=>Y,getPattern:()=>W,getPatternFlagReasons:()=>H,getPatternsByQuery:()=>G});var n={};r.r(n),r.d(n,
{getCategories:()=>ie,getCategoryById:()=>le,getCategoryBySlug:()=>se,getCurrentQuery:()=>ne,getFavorites:()=>pe,getPattern:()=>re,getPatternFlagReasons:()=>ce,getPatternTotalPagesByQuery:()=>te,getPatternTotalsByQuery:()=>ee,getPatterns:()=>J,getPatternsByQuery:()=>Z,getQueryFromUrl:()=>ge,getUrlFromQuery:()=>me,hasLoadedCategories:()=>oe,isFavorite:()=>de,isLoadingCategories:()=>ae,isLoadingPatternFlagReasons:()=>ue,isLoadingPatternsByQuery:()=>X});const a=window.React;var o=r.n(a);const i=window.wp.element,s=window.wp.i18n,l=window.wp.htmlEntities,c=window.wp.data,u=({name:e,url:t,avatar:r})=>(0,a.createElement)("a",{href:t,className:"pattern__author-avatar"},(0,a.createElement)("img",{alt:"",src:r}),e),p=({className:e="",style:t,children:r})=>(0,a.createElement)("span",{className:`${e} pattern-skeleton__container`,style:t},r),d=e=>(0,a.createElement)("s
pan",{className:"pattern-skeleton",style:e}),g=window.wp.primitives;function m(e){return(0,a.createElement)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",...e},(0,a.createElement)(g.Path,{d:"M11.941 21.175l-1.443-1.32c-5.124-4.67-8.508-7.75-8.508-11.53 0-3.08 2.408-5.5 5.473-5.5 1.732 0 3.394.81 4.478 2.09 1.085-1.28 2.747-2.09 4.478-2.09 3.065 0 5.473 2.42 5.473 5.5 0 3.78-3.383 6.86-8.508 11.54l-1.443 1.31z"}))}const f=2/3;function h(e){return e*f}const v=()=>{const[e,t]=(0,i.useState)(),r=(0,i.useRef)();return(0,i.useEffect)((()=>{r.current&&t(`${h(r.current.clientWidth)}px`)}),[r]),(0,a.createElement)("div",{ref:r},(0,a.createElement)(p,null,(0,a.createElement)(d,{height:e}),(0,a.createElement)(d,{height:"14px",marginTop:"1rem"}),(0,a.createElement)(p,{style:{flexDirection:"row",marginTop:"0.5rem",alignItems:"
;center"}},(0,a.createElement)(d,{height:"18px",width:"18px",marginRight:"0.5rem",borderRadius:"32px"}),(0,a.createElement)(d,{height:"12px",width:"100px",marginRight:"0.75rem"}),(0,a.createElement)(m,{width:"16px",height:"16px",fill:"#787c82",className:"pattern-favorite-button__filled"}),(0,a.createElement)(d,{height:"12px",width:"32px",marginLeft:"0.5rem"}))))},_=({length:e=6})=>Array(e).fill().map(((e,t)=>(0,a.createElement)(v,{key:t}))),y=window.wp.url,w=e=>e.split("?")[0],E=(e,t)=>{if(!t||!e)return"";const r=(0,y.getQueryArgs)(e);if(r[t])return r[t];const n=(o=w(e).replace(/\/$/,""),o.replace(/^\//,"")).split("/"),a=n.indexOf(t);var o;return-1===a?"":n[a+1]||""},b=e=>E(e,"categories"),S=e=>Number(E(e,"page")||1),P=e=>decodeURI
(E(e,"search")),N=(0,i.createContext)();function k({children:e}){const[t,r]=(0,i.useState)((0,y.getPathAndQueryString)(window.location.href)),n=e=>{window.history.pushState("","",e),r(e)},o=()=>{r(document.location.href)};return(0,i.useEffect)((()=>(window.addEventListener("popstate",o),()=>{window.removeEventListener("popstate",o)})),[]),(0,a.createElement)(N.Provider,{value:{path:t,update:e=>{const r=(e=>(e=>{const t={};return Object.keys(e).forEach((r=>{const n=e[r];null!=n&&n.toString().length>0&&(t[r]=n)})),t})({...(0,y.getQueryArgs)(t),...(0,y.getQueryArgs)(e)}))(e),a=w(e),o=(0,y.addQueryArgs)(a,r);n(o)},replace:n}},e)}function C(){const e=(0,i.useContext)(N);if(void 0===e)throw new Error("useRoute must be used within a Provider");return e}function T({currentPage:e=1,onNavigation:t,totalPages:r}){const{path:n,update:o}=C();if(!r||r<=1)return null;const i=e>1,l=e<r,c=
(0,y.getQueryString)(n)?"?"+(0,y.getQueryString)(n):"",u=n.replace(c,"").replace(/page\/\d+\/?/,""),p=function(e,t=1){const r=Array.from({length:e},((e,t)=>t+1)),n=[];return e<=5?r:(n.push(...r.slice(0,2)),t>=2&&t<=e-1&&n.push(...r.slice(t-2,t+1)),n.push(...r.slice(-2)),n.filter(((e,t,r)=>r.indexOf(e)===t)).reduce(((e,t,r,n)=>{if(0===r)return e.push(t),e;const a=Math.abs(n[r]-n[r-1]);return 0===a||(a>1&&e.push("…"),e.push(t)),e}),[]))}(r,e),d=`${u}page/%s/${c}`,g=e=>1===e?`${u}${c}`:(0,s.sprintf)(d,e),m=(e,r)=>{e.preventDefault(),o(g(r)),"function"==typeof t&&t()};return(0,a.createElement)("nav",{className:"pagination","aria-label":(0,s.__)("Pagination","wporg-patterns")},(0,a.createElement)("ul",{className:"pagination__list"},(0,a.createElement)("li",{className:"pagination__item
pagination__item-previous-page"},i&&(0,a.createElement)("a",{className:"pagination__link",href:g(e-1),onClick:t=>m(t,e-1)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,s.__)("Previous page","wporg-patterns")),(0,a.createElement)("span",{"aria-hidden":!0},(0,s._x)("Previous","previous page link label","wporg-patterns")))),p.map(((t,r)=>"…"===t?(0,a.createElement)("li",{className:"pagination__item",key:`${r}-${t}`},t):(0,a.createElement)("li",{className:"pagination__item",key:t},(0,a.createElement)("a",{className:"pagination__link",href:g(t),"aria-current":t===e?"page":void 0,onClick:e=>m(e,t)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,s.sprintf)(
</ins><span class="cx" style="display: block; padding: 0 10px"> // translators: %s is the page number.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-(0,o.__)("Page %s","wporg-patterns"),e)),(0,a.createElement)("span",{"aria-hidden":!0},e))))),(0,a.createElement)("li",{className:"pagination__item pagination__item-next-page"},c&&(0,a.createElement)("a",{className:"pagination__link",href:m(t+1),onClick:e=>f(e,t+1)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Next page","wporg-patterns")),(0,a.createElement)("span",{"aria-hidden":!0},(0,o._x)("Next","next page link label","wporg-patterns"))))))}const x=window.wp.dataControls;function A(e){return{type:"FETCH_BLOCK_PATTERNS",query:e}}function I(e,t){return{type:"LOAD_BLOCK_PATTERN",postId:e,pattern:t}}function O(e,t){let{page:r,patterns:n,total:a,totalPages:o}=t;retu
rn{type:"LOAD_BLOCK_PATTERNS",query:e,page:r,patterns:n,total:a,totalPages:o}}function L(e,t){let{page:r,error:n}=t;return{type:"ERROR_BLOCK_PATTERNS",query:e,page:r,error:n}}function R(e){return{type:"SET_CURRENT_QUERY",query:e}}function D(){return{type:"FETCH_CATEGORIES"}}function F(e){return{type:"LOAD_CATEGORIES",categories:e}}function M(){return{type:"FETCH_PATTERN_FLAG_REASONS"}}function $(e){return{type:"LOAD_PATTERN_FLAG_REASONS",reasons:e}}function B(e){return{type:"LOAD_FAVORITES",patternIds:e}}function*Q(e){const t=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"POST",data:{id:e}});if("number"==typeof t)return{type:"ADD_FAVORITE",patternId:e,count:t}}function*j(e){const t=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"DELETE",data:{id:e}});if("number"==typeof t)return{type:"REMOVE_FAVORI
TE",patternId:e,count:t}}function q(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=Object.keys(e).sort();let r="";for(let n=0;n<t.length;n++){const a=t[n];let o=e[a];switch(Array.isArray(o)&&(o=e[a].join()),a){case"page":case"per_page":case"_fields":break;default:r+=(r?"&":"")+(0,_.addQueryArgs)("",{[a]:o}).slice(1)}}return r}function U(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"LOAD_BLOCK_PATTERNS":{const r=(t.patterns||[]).reduce(((e,t)=>({...e,[t.id]:t})),{});return{...e,...r}}case"LOAD_BLOCK_PATTERN":return{...e,[t.postId]:t.pattern};case"ADD_FAVORITE":case"REMOVE_FAVORITE":{const r={...e[t.patternId],favorite_count:t.count};return{...e,[t.patternId]:r}}default:return e}}function V(){let e=arguments.length>0&
;&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;const r=(t.patterns||[]).map((e=>{let{id:t}=e;return t})),{page:n,total:a,totalPages:o}=t;switch(t.type){case"LOAD_BLOCK_PATTERNS":{const i={...e[t.query]||{},total:a,totalPages:o};return i[n]=r,{...e,[t.query]:i}}case"ERROR_BLOCK_PATTERNS":{const r=e[t.query]||{};return r[n]=[],{...e,[t.query]:r}}default:return e}}const K=(0,s.combineReducers)({patterns:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return{byId:U(e.byId,t),queries:V(e.queries,t)}},categories:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"FETCH_CATEGORIES":return null;case"LOAD_CATEGORIES":const e=(t.categories||[]).sort(((e,t)=>e.name.localeCompare(t.name)));return[{id:-1,slug:"",name:(0
,o.__)("All","wporg-patterns"),link:wporgPatternsUrl.site},...e]}return e},currentQuery:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t=arguments.length>1?arguments[1]:void 0;return"SET_CURRENT_QUERY"===t.type?t.query:e},patternFlagReasons:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"FETCH_PATTERN_FLAG_REASONS":return null;case"LOAD_PATTERN_FLAG_REASONS":return[...t.reasons];default:return e}},favorites:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;const{patternId:r}=t;switch(t.type){case"LOAD_FAVORITES":return t.patternIds;case"ADD_FAVORITE":return e.includes(r)?e:[...e,r];case"REMOVE_FAVORITE":return e.filter((e=>e!==r))}return e}});function*G(e){const t=q(e);tr
y{yield A(t);const r=yield(0,x.apiFetch)({path:(0,_.addQueryArgs)("/wp/v2/wporg-pattern",{...e,locale:wporgLocale.id}),parse:!1}),{total:n,totalPages:a,results:o}=yield(0,x.__unstableAwaitPromise)(async function(e){try{return{total:Number(e.headers?.get("X-WP-Total")||0),totalPages:Number(e.headers?.get("X-WP-TotalPages")||0),results:await e.json()}}catch(e){return{}}}(r));yield O(t,{page:e.page||1,patterns:o,total:n,totalPages:a})}catch(r){const n=yield(0,x.__unstableAwaitPromise)(async function(e){try{return await e.json()}catch(e){return{}}}(r));yield L(t,{page:e.page||1,error:n})}}function*W(e){try{const t=yield(0,x.apiFetch)({path:(0,_.addQueryArgs)(`/wp/v2/wporg-pattern/${e}`)});yield I(e,t)}catch(e){}}function*z(){try{yield{type:"FETCH_CATEGORIES"};const e=yield(0,x.apiFetch)({path:(0,_.addQueryArgs)("/wp/v2/pattern-categories",{per_page:50})});yield F(e)}catch(e){}}function*H(){try{yield{type:"FETCH_PATTERN_FLAG_REASONS&
quot;};const e=yield(0,x.apiFetch)({path:(0,_.addQueryArgs)("/wp/v2/wporg-pattern-flag-reason")});yield $(e)}catch(e){}}function*Y(){try{const e=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites"});yield B(e)}catch(e){}}function X(e,t){const r=q(t),n=t?.page||1;return!Array.isArray(e.patterns.queries?.[r]?.[n])}function J(e){return Object.values(e.patterns.byId)}function Z(e,t){const r=q(t),n=t?.page||1,a=e.patterns.queries?.[r]?.[n];return(a||[]).map((t=>e.patterns.byId[t]))}function ee(e,t){const r=q(t);return e.patterns.queries?.[r]?.total||0}function te(e,t){const r=q(t);return e.patterns.queries?.[r]?.totalPages||0}function re(e,t){return e.patterns.byId[t]||null}function ne(e){return e.currentQuery}function ae(e){return null===e.categories}function oe(e){return Array.isArray(e.categories)}function ie(e){return e.categories}function se(e,t){if(!oe(e))return;const[r]=e.categories.filter((e=>e.slug===t));return r}function le(e,t){if(oe(e))return e.c
ategories.find((e=>{let{id:r}=e;return t===r}))}function ce(e){return e.patternFlagReasons}function ue(e){return null===e.patternFlagReasons}function pe(e){return e.favorites}function de(e,t){return e.favorites?.includes(t)}function ge(e,t){const r=["categories","author","page","search"],n=(0,_.getQueryArgs)(t),a=b(t);if(a&&-1===r.indexOf(a)){const t=se(e,a);t?.id&&(n["pattern-categories"]=t.id)}const o=E(t,"author");o&&-1===r.indexOf(o)&&(n.author_name=o);const i=P(t);"number"==typeof i&&i>1&&(n.page=i);const s=S(t);s.length>0&&-1===r.indexOf(s)&&(n.search=s);const l=E(t,"my-patterns");return l&&"page"!==l&&(n.status=l),n}function me(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:wporgPatternsUrl.site;if(r=r.
replace(/\/$/,""),t.author_name&&(r+=`/author/${t.author_name}`,delete t.author_name),t["pattern-categories"]){const n=t["pattern-categories"],a=ie(e).find((e=>{let{id:t}=e;return n===t}));a?.slug&&(r+=`/categories/${a.slug}`),delete t["pattern-categories"]}return t.page&&(r+=`/page/${t.page}`,delete t.page),Object.keys(t).length?(r+="/?"+(0,_.buildQueryString)(t),r):r+"/"}const fe=(0,s.createReduxStore)("wporg/pattern-directory",{reducer:K,selectors:n,actions:e,controls:x.controls,resolvers:t});(0,s.register)(fe);const he=function(e){let{header:t,children:r,onNavigation:n,query:o,showPagination:i=!0}=e;const{isLoading:l,posts:c,totalPages:u}=(0,s.useSelect)((e=>{const{getPatternTotalPagesByQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:n}=e(fe);return{isLoading:o&&n(o),posts:o?r(o):[],totalPages:o?t(o):0}}));return(0,a.createElement)(a.Fragment,null,c.length?t:null,(0,
a.createElement)("div",{className:"pattern-grid"},l?(0,a.createElement)(v,{length:o?.per_page}):c.map(r)),i&&(0,a.createElement)(T,{totalPages:u,currentPage:o?.page,onNavigation:n}))},ve=window.wp.compose,_e=window.wp.components,ye=function(e){let{url:t}=e;return(0,a.createElement)("div",null,(0,a.createElement)("iframe",{className:"pattern-preview__viewport-iframe",title:(0,o.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1",style:{width:"100%",height:"50vh",minHeight:"600px",overflowY:"auto"},src:t}))},we=window.React;var Ee=r.n(we);function be(e,t){return e.map((function(e,r){return e+t[r]}))}function Pe(e,t){return e.map((function(e,r){return e-t[r]}))}function Se(e){return Math.hypot.apply(Math,e)}function Ne(e){return Math.sign?Math.sign(e):Number(e>0)-Number(e<0)||+e}function ke(e,t,r){return 0===t||Math.abs(t)===1/0?function(e,t){return Ma
th.pow(e,5*t)}(e,r):e*t*r/(t+r*e)}function Ce(e,t,r,n){return void 0===n&&(n=.15),0===n?function(e,t,r){return Math.max(t,Math.min(e,r))}(e,t,r):e<t?-ke(t-e,r-t,n)+t:e>r?+ke(e-r,r-t,n)+r:e}function Te(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function xe(){return xe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xe.apply(this,arguments)}function Ae(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function Ie(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Le(e,t){var r;if("u
ndefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Oe(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(r=e[Symbol.iterator]()).next.bind(r)}function Re(){}function De(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return 0===t.length?Re:1===t.length?t[0]:function(){for(var e,r,n=Le(t);!(r=n()).done
;)e=r.value.apply(this,arguments)||e;return e}}function Fe(e,t){if(void 0===e){if(void 0===t)throw new Error("Must define fallback value if undefined is expected");e=t}return Array.isArray(e)?e:[e,e]}function Me(e){if("function"==typeof e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return e.apply(void 0,r)}return e}function $e(e,t){void 0===e&&(e={});for(var r={},n=0,a=Object.entries(t);n<a.length;n++){var o=a[n],i=o[0],s=o[1];switch(typeof s){case"function":r[i]=s.call(r,e[i],i,e);break;case"object":r[i]=$e(e[i],s);break;case"boolean":s&&(r[i]=e[i])}}return r}function Be(){return"undefined"!=typeof window&&"ontouchstart"in window}function Qe(e){return"pointerId"in e?null:"touchend"===e.type?e.changedTouches:e.targetTouches}function je(e){return Array.from(Qe(e)).map((function(e){return e.identifier}))}function qe(e){return
{buttons:"buttons"in e?e.buttons:0,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}}var Ue=function(e){return e};function Ve(e,t){void 0===t&&(t=Ue);var r=Qe(e),n=r?r[0]:e;return t([n.clientX,n.clientY])}var Ke=xe({},{threshold:function(e){return void 0===e&&(e=0),Fe(e)},rubberband:function(e){switch(void 0===e&&(e=0),e){case!0:return Fe(.15);case!1:return Fe(0);default:return Fe(e)}},enabled:function(e){return void 0===e&&(e=!0),e},triggerAllEvents:function(e){return void 0===e&&(e=!1),e},initial:function(e){return void 0===e&&(e=0),"function"==typeof e?e:Fe(e)},transform:!0},{axis:!0,lockDirection:function(e){return void 0===e&&(e=!1),e},bounds:function(e){if(void 0===e&&(e={}),"function"==typeof e)return function(t){return Ke.bounds(e(t))};var t=e,r=t.left,n=void 0===r?-1/0:r,a=t.right,o=void 0===a?1/0:a,i=t.top,s=void 0===i?-1/0:i,l=t.bottom;return[[n,o],[s,void
0===l?1/0:l]]}}),Ge="undefined"!=typeof window&&window.document&&window.document.createElement,We={enabled:function(e){return void 0===e&&(e=!0),e},domTarget:!0,window:function(e){function t(_x){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){return void 0===e&&(e=Ge?window:void 0),e})),eventOptions:function(e){var t=void 0===e?{}:e,r=t.passive,n=void 0===r||r,a=t.capture;return{passive:n,capture:void 0!==a&&a}},transform:!0},ze=xe({},Ke,{useTouch:function(e){void 0===e&&(e=!1);var t=Be(),r="undefined"!=typeof window&&"onpointerdown"in window;return!(!e||!t)||!(!t||r)},experimental_preventWindowScrollY:function(e){return void 0===e&&(e=!1),e},threshold:function(e,t,r){var n=r.filterTaps,a=void 0!==n&&n,o=r.lockDirection,i=void 0!==o&&o,s=r.axis,l=Fe(e,a?3:i||(void 0===s?void 0:s)?1:0);return this.filterTaps=a,l},swipeVelocity:
function(e){return void 0===e&&(e=.5),Fe(e)},swipeDistance:function(e){return void 0===e&&(e=50),Fe(e)},swipeDuration:function(e){return void 0===e&&(e=250),e},delay:function(e){switch(void 0===e&&(e=0),e){case!0:return 180;case!1:return 0;default:return e}}});function He(e){var t,r=e.domTarget,n=e.eventOptions,a=e.window,o=e.enabled,i=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,["domTarget","eventOptions","window","enabled"]),s=(void 0===(t={domTarget:r,eventOptions:n,window:a,enabled:o})&&(t={}),$e(t,We));return s.drag=function(e){return void 0===e&&(e={}),$e(e,ze)}(i),s}function Ye(e){return xe({_active:!1,_blocked:!1,_intentional:[!1,!1],_movement:[0,0],_initial:[0,0],_bounds:[[-1/0,1/0],[-1/0,1/0]],_threshold:[0,0],_lastEventType:void 0,_dragStarted:!1,_dragPreventScroll:!1,_dragIsTap:!0,_dragDel
ayed:!1,event:void 0,intentional:!1,values:[0,0],velocities:[0,0],delta:[0,0],movement:[0,0],offset:[0,0],lastOffset:[0,0],direction:[0,0],initial:[0,0],previous:[0,0],first:!1,last:!1,active:!1,timeStamp:0,startTime:0,elapsedTime:0,cancel:Re,canceled:!1,memo:void 0,args:void 0},e)}function Xe(){return{shared:{hovering:!1,scrolling:!1,wheeling:!1,dragging:!1,moving:!1,pinching:!1,touches:0,buttons:0,down:!1,shiftKey:!1,altKey:!1,metaKey:!1,ctrlKey:!1,locked:!1},drag:Ye({_pointerId:void 0,axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,tap:!1,swipe:[0,0]}),pinch:Ye({_pointerIds:[],da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:Ye({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:Ye({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:Ye({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var Je=new Map,Ze=function(e){return e},et=function(){function e(e,t){var r=this;void 0===t&&(t=[]),this.controller=e,this.args=t,this.debounced=!0,this.
setTimeout=function(e,t){var n;void 0===t&&(t=140),clearTimeout(r.controller.timeouts[r.stateKey]);for(var a=arguments.length,o=new Array(a>2?a-2:0),i=2;i<a;i++)o[i-2]=arguments[i];r.controller.timeouts[r.stateKey]=(n=window).setTimeout.apply(n,[e,t].concat(o))},this.clearTimeout=function(){clearTimeout(r.controller.timeouts[r.stateKey])},this.fireGestureHandler=function(e){if(void 0===e&&(e=!1),r.state._blocked)return r.debounced||(r.state._active=!1,r.clean()),null;if(!e&&!r.state.intentional&&!r.config.triggerAllEvents)return null;if(r.state.intentional){var t=r.state.active,n=r.state._active;r.state.active=n,r.state.first=n&&!t,r.state.last=t&&!n,r.controller.state.shared[r.ingKey]=n}var a=r.controller.pointerIds.size||r.controller.touchIds.size,o=r.controller.state.shared.buttons>0||a>0,i=xe({},r.controller.state.shared,r.state,r.mapStateValues(r.state),{locked:!!document.pointerLockElement,touches:a,down:o}),s=r.handl
er(i);return r.state.memo=void 0!==s?s:r.state.memo,i},this.controller=e,this.args=t}var t,r,n=e.prototype;return n.updateSharedState=function(e){Object.assign(this.controller.state.shared,e)},n.updateGestureState=function(e){Object.assign(this.state,e)},n.checkIntentionality=function(e,t){return{_intentional:e,_blocked:!1}},n.getMovement=function(e){var t=this.config.rubberband,r=this.state,n=r._bounds,a=r._initial,o=r._active,i=r._intentional,s=r.lastOffset,l=r.movement,c=r._threshold,u=this.getInternalMovement(e,this.state),p=!1===i[0]?tt(u[0],c[0]):i[0],d=!1===i[1]?tt(u[1],c[1]):i[1],g=this.checkIntentionality([p,d],u);if(g._blocked)return xe({},g,{_movement:u,delta:[0,0]});var m=g._intentional,f=u,h=[!1!==m[0]?u[0]-m[0]:0,!1!==m[1]?u[1]-m[1]:0],v=be(h,s),_=o?t:[0,0];return h=rt(n,be(h,a),_),xe({},g,{intentional:!1!==m[0]||!1!==m[1],_initial:a,_movement:f,movement:h,values:e,offset:rt(n,v,_),delta:Pe(h,l)})},n.clean=function(){this.clearTimeout()},t=e,(r=[{key:"config"
,get:function(){return this.controller.config[this.stateKey]}},{key:"enabled",get:function(){return this.controller.config.enabled&&this.config.enabled}},{key:"state",get:function(){return this.controller.state[this.stateKey]}},{key:"handler",get:function(){return this.controller.handlers[this.stateKey]}},{key:"transform",get:function(){return this.config.transform||this.controller.config.transform||Ze}}])&&Te(t.prototype,r),e}();function tt(e,t){return Math.abs(e)>=t&&Ne(e)*t}function rt(e,t,r){var n=t[0],a=t[1],o=r[0],i=r[1],s=e[0],l=s[0],c=s[1],u=e[1],p=u[0],d=u[1];return[Ce(n,l,c,o),Ce(a,p,d,i)]}function nt(e,t,r){var n=e.state,a=t.timeStamp,o=t.type,i=n.values;return{_lastEventType:o,event:t,timeStamp:a,elapsedTime:r?0:a-n.startTime,previous:i}}var at=function(e){var t=this;this.classes=e,this.pointerIds=new Set,this.touchIds=new Set,this.supportsTouchEvents=Be(),this.supportsGestureEvents=function(){try{return&
quot;constructor"in GestureEvent}catch(e){return!1}}(),this.bind=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];for(var a,o={},i=Le(t.classes);!(a=i()).done;)new(0,a.value)(t,r).addBindings(o);var s=function(e){st(o,e,(function(n){return t.nativeRefs[e](xe({},t.state.shared,{event:n,args:r}))}))};for(var l in t.nativeRefs)s(l);return t.config.domTarget?function(e,t){var r=e.config,n=e.domListeners,a=it(r);if(!a)throw new Error("domTarget must be defined");var o=r.eventOptions;ct(a,ot(n),o);for(var i=0,s=Object.entries(t);i<s.length;i++){var l=s[i],c=l[0],u=l[1],p=c.slice(2).toLowerCase();n.push([p,De.apply(void 0,u)])}lt(a,n,o)}(t,o):function(e,t){for(var r={},n=e.config.eventOptions.capture?"Capture":"",a=0,o=Object.entries(t);a<o.length;a++){var i=o[a],s=i[0],l=i[1],c=Array.isArray(l)?l:[l];r[s+n]=De.apply(void 0,c)}return r}(t,o)},this.effect=function(){return t.config.domTarget&&t.bind(),t.cl
ean},this.clean=function(){var e=it(t.config),r=t.config.eventOptions;e&&ct(e,ot(t.domListeners),r),Object.values(t.timeouts).forEach(clearTimeout),function(e){var t=e.config,r=t.window,n=t.eventOptions,a=e.windowListeners;if(r){for(var o in a)ct(r,a[o],n);e.windowListeners={}}}(t)},this.classes=e,this.state=Xe(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function ot(e){return void 0===e&&(e=[]),e.splice(0,e.length)}function it(e){var t=e.domTarget;return t&&"current"in t?t.current:t}function st(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}function lt(e,t,r){void 0===t&&(t=[]),void 0===r&&(r={});for(var n,a=Le(t);!(n=a()).done;){var o=n.value,i=o[0],s=o[1];e.addEventListener(i,s,r)}}function ct(e,t,r){void 0===t&&(t=[]),void 0===r&&(r={});for(var n,a=Le(t);!(n=a()).done;){var o=n.value,i=o[0],s=o[1];e.removeEventListener(i,s,r)}}function ut(){}function pt(e){"persist"in e&&"function&q
uot;==typeof e.persist&&e.persist()}var dt=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).ingKey="dragging",t.stateKey="drag",t.setPointerCapture=function(e){if(!t.config.useTouch&&!document.pointerLockElement){var r=e.target,n=e.pointerId;r&&"setPointerCapture"in r&&r.setPointerCapture(n),t.updateGestureState({_dragTarget:r,_dragPointerId:n})}},t.releasePointerCapture=function(){if(!t.config.useTouch&&!document.pointerLockElement){var e=t.state,r=e._dragTarget,n=e._dragPointerId;if(n&&r&&"releasePointerCapture"in r&&(!("hasPointerCapture"in r)||r.hasPointerCapture(n)))try{r.releasePointerCapture(n)}catch(e){}}},t.preventScroll=function(e){t.state._dragPreventScroll&&e.cancelable&&e.preventDefault()},t.getEventId=function(e){return t.config.useTouch?e.changedTouches[0].identifier:e.pointerId},t.isValidEvent=function(e){return t.sta
te._pointerId===t.getEventId(e)},t.shouldPreventWindowScrollY=t.config.experimental_preventWindowScrollY&&t.controller.supportsTouchEvents,t.setUpWindowScrollDetection=function(e){var r,n,a,o,i,s;pt(e),r=t.controller,n=t.stateKey,a=[["touchmove",t.preventScroll],["touchend",t.clean.bind(Ie(t))],["touchcancel",t.clean.bind(Ie(t))]],o={passive:!1},i=r.config,s=r.windowListeners,void 0===a&&(a=[]),void 0===o&&(o=i.eventOptions),i.window&&(ct(i.window,s[n],o),lt(i.window,s[n]=a,o)),t.setTimeout(t.startDrag.bind(Ie(t)),250,e)},t.setUpDelayedDragTrigger=function(e){t.state._dragDelayed=!0,pt(e),t.setTimeout(t.startDrag.bind(Ie(t)),t.config.delay,e)},t.setStartState=function(e){var r=Ve(e,t.transform);t.updateSharedState(qe(e)),t.updateGestureState(xe({},function(e,t,r,n){var a=e.state,o=e.config,i=e.stateKey,s=e.args,l=e.transform,c=a.offset,u=r.timeStamp,p=o.initial,d=o.bounds,g=Pe(l(o.threshold),l([0,0])).map(Math.abs),m=xe({
},Xe()[i],{_active:!0,args:s,values:t,initial:null!=n?n:t,_threshold:g,offset:c,lastOffset:c,startTime:u});return xe({},m,{_initial:Me(p,m),_bounds:Me(d,m)})}(Ie(t),r,e),nt(Ie(t),e,!0),{_pointerId:t.getEventId(e)})),t.updateGestureState(t.getMovement(r))},t.onDragStart=function(e){(function(e,t){"pointerId"in t?e.pointerIds.add(t.pointerId):e.touchIds=new Set(je(t))})(t.controller,e),t.enabled&&!t.state._active&&(t.setStartState(e),t.setPointerCapture(e),t.shouldPreventWindowScrollY?t.setUpWindowScrollDetection(e):t.config.delay>0?t.setUpDelayedDragTrigger(e):t.startDrag(e,!0))},t.onDragChange=function(e){if(!t.state.canceled&&t.state._active&&t.isValidEvent(e)&&(t.state._lastEventType!==e.type||e.timeStamp!==t.state.timeStamp)){var r;if(document.pointerLockElement){var n=e.movementX,a=e.movementY;r=be(t.transform([n,a]),t.state.values)}else r=Ve(e,t.transform);var o=t.getKinematics(r,e);if(!t.state._dragStarted){if(t.state._dragD
elayed)return void t.startDrag(e);if(!t.shouldPreventWindowScrollY)return;if(t.state._dragPreventScroll||!o.axis)return;if("x"!==o.axis)return void(t.state._active=!1);t.startDrag(e)}var i=qe(e);t.updateSharedState(i);var s=nt(Ie(t),e),l=Se(o._movement),c=t.state._dragIsTap;c&&l>=3&&(c=!1),t.updateGestureState(xe({},s,o,{_dragIsTap:c})),t.fireGestureHandler()}},t.onDragEnd=function(e){if(function(e,t){"pointerId"in t?e.pointerIds.delete(t.pointerId):je(t).forEach((function(t){return e.touchIds.delete(t)}))}(t.controller,e),t.isValidEvent(e)&&(t.clean(),t.state._active)){t.state._active=!1;var r=t.state._dragIsTap,n=t.state.velocities,a=n[0],o=n[1],i=t.state.movement,s=i[0],l=i[1],c=t.state._intentional,u=c[0],p=c[1],d=t.config.swipeVelocity,g=d[0],m=d[1],f=t.config.swipeDistance,h=f[0],v=f[1],_=t.config.swipeDuration,y=xe({},nt(Ie(t),e),t.getMovement(t.state.values)),w=[0,0];y.elapsedTime<_&&(!1!==u&&Math.abs(a)>g&
amp;&Math.abs(s)>h&&(w[0]=Ne(a)),!1!==p&&Math.abs(o)>m&&Math.abs(l)>v&&(w[1]=Ne(o))),t.updateSharedState({buttons:0}),t.updateGestureState(xe({},y,{tap:r,swipe:w})),t.fireGestureHandler(t.config.filterTaps&&!0===r)}},t.clean=function(){var r,n,a,o,i;e.prototype.clean.call(Ie(t)),t.state._dragStarted=!1,t.releasePointerCapture(),r=t.controller,n=t.stateKey,o=r.config,i=r.windowListeners,void 0===a&&(a=o.eventOptions),o.window&&(ct(o.window,i[n],a),delete i[n])},t.onCancel=function(){t.state.canceled||(t.updateGestureState({canceled:!0,_active:!1}),t.updateSharedState({buttons:0}),setTimeout((function(){return t.fireGestureHandler()}),0))},t.onClick=function(e){t.state._dragIsTap||e.stopPropagation()},t}Ae(t,e);var r=t.prototype;return r.startDrag=function(e,t){void 0===t&&(t=!1),this.state._active&&!this.state._dragStarted&&(t||this.setStartState(e),this.updateGestureState({_dragStarted:!0,_d
ragPreventScroll:!0,cancel:this.onCancel}),this.clearTimeout(),this.fireGestureHandler())},r.addBindings=function(e){this.config.useTouch?(st(e,"onTouchStart",this.onDragStart),st(e,"onTouchMove",this.onDragChange),st(e,"onTouchEnd",this.onDragEnd),st(e,"onTouchCancel",this.onDragEnd)):(st(e,"onPointerDown",this.onDragStart),st(e,"onPointerMove",this.onDragChange),st(e,"onPointerUp",this.onDragEnd),st(e,"onPointerCancel",this.onDragEnd)),this.config.filterTaps&&st(e,this.controller.config.eventOptions.capture?"onClick":"onClickCapture",this.onClick)},t}(function(e){function t(){return e.apply(this,arguments)||this}Ae(t,e);var r=t.prototype;return r.getInternalMovement=function(e,t){return Pe(e,t.initial)},r.checkIntentionality=function(e,t){if(!1===e[0]&&!1===e[1])return{_intentional:e,axis:this.state.axis};var r=t.map(Math.abs),n=r[0],a=r[1],o=this.state.axis||(n>a
?"x":n<a?"y":void 0);return this.config.axis||this.config.lockDirection?o?this.config.axis&&o!==this.config.axis?{_intentional:e,_blocked:!0,axis:o}:(e["x"===o?1:0]=!1,{_intentional:e,_blocked:!1,axis:o}):{_intentional:[!1,!1],_blocked:!1,axis:o}:{_intentional:e,_blocked:!1,axis:o}},r.getKinematics=function(e,t){var r=this.getMovement(e);if(!r._blocked){var n=t.timeStamp-this.state.timeStamp;Object.assign(r,function(e,t,r){var n=Se(t),a=0===n?0:1/n,o=0===r?0:1/r,i=o*n,s=t.map((function(e){return o*e})),l=t.map((function(e){return a*e}));return{velocities:s,velocity:i,distance:Se(e),direction:l}}(r.movement,r.delta,n))}return r},r.mapStateValues=function(e){return{xy:e.values,vxvy:e.velocities}},t}(et));function gt(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var r,n,a,o;if(Array.isArray(e)){if((r=e.length)!==t.length)return!1;for(n
=r;0!=n--;)if(!gt(e[n],t[n]))return!1;return!0}if("function"==typeof Map&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(o=e.entries();!(n=o.next()).done;)if(!t.has(n.value[0]))return!1;for(o=e.entries();!(n=o.next()).done;)if(!gt(n.value[1],t.get(n.value[0])))return!1;return!0}if("function"==typeof Set&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(o=e.entries();!(n=o.next()).done;)if(!t.has(n.value[0]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((r=(a=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,a[n]))return!1;if("undefined"!=typeof Element&&e instanceof Element)return!1;for(n=r;0!=n--;)if(!("
;_owner"===a[n]&&e.$$typeof||gt(e[a[n]],t[a[n]])))return!1;return!0}return e!=e&&t!=t}function mt(e,t){try{return gt(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}const ft=window.wp.keycodes,ht=function(e){let{label:t,className:r,onDragChange:n,onDragEnd:o,direction:i="left",...s}=e;const l=function(e,t){void 0===t&&(t={}),Je.set("drag",dt);var r=(0,we.useRef)();return r.current||(r.current=function(e,t){var r,n,a=[],o=!1;return function(){for(var i=arguments.length,s=new Array(i),l=0;l<i;l++)s[l]=arguments[l];return o&&r===this&&t(s,a)||(n=e.apply(this,s),o=!0,r=this,a=s),n}}(He,mt)),function(e,t,r){void 0===r&&(r={});var n=function(e){var t=new Set;return e.drag&&t.add(Je.get("drag")),e.wheel&&t.add(Je.get("wheel")),e.scroll&&t.add(Je.get("scrol
l")),e.move&&t.add(Je.get("move")),e.pinch&&t.add(Je.get("pinch")),e.hover&&t.add(Je.get("hover")),t}(e),a=Ee().useMemo((function(){return new at(n)}),[]);return a.config=t,a.handlers=e,a.nativeRefs=r,Ee().useEffect(a.effect,[]),a.config.domTarget?ut:a.bind}({drag:e=>{let{delta:t,dragging:r}=e;const a="left"===i?-2:2;r?n(t[0]*a):o()}},r.current(t))}();return(0,a.createElement)("div",{className:`pattern-preview__drag-handle ${r}`},(0,a.createElement)("button",p({className:"pattern-preview__drag-handle-button","aria-label":t},s,{onKeyDown:e=>{const{keyCode:t}=e;"left"===i&&t===ft.LEFT||"right"===i&&t===ft.RIGHT?n(20):("left"===i&&t===ft.RIGHT||"right"===i&&t===ft.LEFT)&&n(-20)},onKeyUp:o},l())))},vt=function e(t){let{pattern:r}=t;const n=(0,ve.useViewportMatch)("mobile",">=&q
uot;),i=(0,ve.useViewportMatch)("large",">="),s=(0,ve.useViewportMatch)("wide",">="),l=(0,ve.useInstanceId)(e),[c,u]=(0,a.useState)(window.innerWidth<960?window.innerWidth:960),p=(0,a.useCallback)((e=>u((t=>t+e))),[u]),d=()=>{c<280&&u(280)},g=(0,a.useMemo)((()=>n?s?[{label:(0,o.__)("Full (1200px)","wporg-patterns"),value:1200},{label:(0,o.__)("Default (960px)","wporg-patterns"),value:960},{label:(0,o.__)("Medium (480px)","wporg-patterns"),value:480},{label:(0,o.__)("Narrow (320px)","wporg-patterns"),value:320}]:i?[{label:(0,o.__)("Default (960px)","wporg-patterns"),value:960},{label:(0,o.__)("Medium (480px)","wporg-patterns"),value:480},{label:(0,o.__)("Narrow (320px)","wporg-patterns"),value:320}]:[{label:(0,o.__)("Medium (480px)","wporg-patterns"),value
:480},{label:(0,o.__)("Narrow (320px)","wporg-patterns"),value:320}]:[]),[n,i,s]);let m=!1;if(!g.some((e=>e.value===c))){const e=Math.max(Math.floor(c),280);m={
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// translators: %s is the page number.
+(0,s.__)("Page %s","wporg-patterns"),t)),(0,a.createElement)("span",{"aria-hidden":!0},t))))),(0,a.createElement)("li",{className:"pagination__item pagination__item-next-page"},l&&(0,a.createElement)("a",{className:"pagination__link",href:g(e+1),onClick:t=>m(t,e+1)},(0,a.createElement)("span",{className:"screen-reader-text"},(0,s.__)("Next page","wporg-patterns")),(0,a.createElement)("span",{"aria-hidden":!0},(0,s._x)("Next","next page link label","wporg-patterns"))))))}const x=window.wp.dataControls;function A(e){return{type:"FETCH_BLOCK_PATTERNS",query:e}}function I(e,t){return{type:"LOAD_BLOCK_PATTERN",postId:e,pattern:t}}function O(e,{page:t,patterns:r,total:n,totalPages:a}){return{type:"LOAD_BLOCK_PATTERNS",query:e,page:t,patterns:r,total:n,totalPages:a}}function R(e,{pa
ge:t,error:r}){return{type:"ERROR_BLOCK_PATTERNS",query:e,page:t,error:r}}function L(e){return{type:"SET_CURRENT_QUERY",query:e}}function D(){return{type:"FETCH_CATEGORIES"}}function F(e){return{type:"LOAD_CATEGORIES",categories:e}}function M(){return{type:"FETCH_PATTERN_FLAG_REASONS"}}function $(e){return{type:"LOAD_PATTERN_FLAG_REASONS",reasons:e}}function B(e){return{type:"LOAD_FAVORITES",patternIds:e}}function*Q(e){const t=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"POST",data:{id:e}});if("number"==typeof t)return{type:"ADD_FAVORITE",patternId:e,count:t}}function*j(e){const t=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"DELETE",data:{id:e}});if("number"==typeof t)return{type:"REMOVE_FAVORITE",patternId:e,count:t}}function q(e={}){const t=Object.keys(e).sort();let r="";for(let n=0;n&l
t;t.length;n++){const a=t[n];let o=e[a];switch(Array.isArray(o)&&(o=e[a].join()),a){case"page":case"per_page":case"_fields":break;default:r+=(r?"&":"")+(0,y.addQueryArgs)("",{[a]:o}).slice(1)}}return r}function U(e={},t){switch(t.type){case"LOAD_BLOCK_PATTERNS":{const r=(t.patterns||[]).reduce(((e,t)=>({...e,[t.id]:t})),{});return{...e,...r}}case"LOAD_BLOCK_PATTERN":return{...e,[t.postId]:t.pattern};case"ADD_FAVORITE":case"REMOVE_FAVORITE":{const r={...e[t.patternId],favorite_count:t.count};return{...e,[t.patternId]:r}}default:return e}}function V(e={},t){const r=(t.patterns||[]).map((({id:e})=>e)),{page:n,total:a,totalPages:o}=t;switch(t.type){case"LOAD_BLOCK_PATTERNS":{const i={...e[t.query]||{},total:a,totalPages:o};return i[n]=r,{...e,[t.query]:i}}case"ERROR_BLOCK_PATTERNS":{const r=e[t.query]||{};return r[n]=[],{...e,[t.query]:r}}default:retu
rn e}}const K=(0,c.combineReducers)({patterns:function(e={},t){return{byId:U(e.byId,t),queries:V(e.queries,t)}},categories:function(e=void 0,t){switch(t.type){case"FETCH_CATEGORIES":return null;case"LOAD_CATEGORIES":const e=(t.categories||[]).sort(((e,t)=>e.name.localeCompare(t.name)));return[{id:-1,slug:"",name:(0,s.__)("All","wporg-patterns"),link:wporgPatternsUrl.site},...e]}return e},currentQuery:function(e=void 0,t){return"SET_CURRENT_QUERY"===t.type?t.query:e},patternFlagReasons:function(e=void 0,t){switch(t.type){case"FETCH_PATTERN_FLAG_REASONS":return null;case"LOAD_PATTERN_FLAG_REASONS":return[...t.reasons];default:return e}},favorites:function(e=null,t){const{patternId:r}=t;switch(t.type){case"LOAD_FAVORITES":return t.patternIds;case"ADD_FAVORITE":return e.includes(r)?e:[...e,r];case"REMOVE_FAVORITE":return e.filter((e=>e!==r))}return e}});function*G(e){const
t=q(e);try{yield A(t);const r=yield(0,x.apiFetch)({path:(0,y.addQueryArgs)("/wp/v2/wporg-pattern",{...e,locale:wporgLocale.id}),parse:!1}),{total:n,totalPages:a,results:o}=yield(0,x.__unstableAwaitPromise)(async function(e){try{return{total:Number(e.headers?.get("X-WP-Total")||0),totalPages:Number(e.headers?.get("X-WP-TotalPages")||0),results:await e.json()}}catch(e){return{}}}(r));yield O(t,{page:e.page||1,patterns:o,total:n,totalPages:a})}catch(r){const n=yield(0,x.__unstableAwaitPromise)(async function(e){try{return await e.json()}catch(e){return{}}}(r));yield R(t,{page:e.page||1,error:n})}}function*W(e){try{const t=yield(0,x.apiFetch)({path:(0,y.addQueryArgs)(`/wp/v2/wporg-pattern/${e}`)});yield I(e,t)}catch(e){}}function*z(){try{yield{type:"FETCH_CATEGORIES"};const e=yield(0,x.apiFetch)({path:(0,y.addQueryArgs)("/wp/v2/pattern-categories",{per_page:50})});yield F(e)}catch(e){}}function*H(){try{yield{type:"FETCH_PATTERN_FLA
G_REASONS"};const e=yield(0,x.apiFetch)({path:(0,y.addQueryArgs)("/wp/v2/wporg-pattern-flag-reason")});yield $(e)}catch(e){}}function*Y(){try{const e=yield(0,x.apiFetch)({path:"/wporg/v1/pattern-favorites"});yield B(e)}catch(e){}}function X(e,t){const r=q(t),n=t?.page||1;return!Array.isArray(e.patterns.queries?.[r]?.[n])}function J(e){return Object.values(e.patterns.byId)}function Z(e,t){const r=q(t),n=t?.page||1,a=e.patterns.queries?.[r]?.[n];return(a||[]).map((t=>e.patterns.byId[t]))}function ee(e,t){const r=q(t);return e.patterns.queries?.[r]?.total||0}function te(e,t){const r=q(t);return e.patterns.queries?.[r]?.totalPages||0}function re(e,t){return e.patterns.byId[t]||null}function ne(e){return e.currentQuery}function ae(e){return null===e.categories}function oe(e){return Array.isArray(e.categories)}function ie(e){return e.categories}function se(e,t){if(!oe(e))return;const[r]=e.categories.filter((e=>e.slug===t));return r}function le(e,t){if(oe(e))
return e.categories.find((({id:e})=>t===e))}function ce(e){return e.patternFlagReasons}function ue(e){return null===e.patternFlagReasons}function pe(e){return e.favorites}function de(e,t){return e.favorites?.includes(t)}function ge(e,t){const r=["categories","author","page","search"],n=(0,y.getQueryArgs)(t),a=b(t);if(a&&-1===r.indexOf(a)){const t=se(e,a);t?.id&&(n["pattern-categories"]=t.id)}const o=E(t,"author");o&&-1===r.indexOf(o)&&(n.author_name=o);const i=S(t);"number"==typeof i&&i>1&&(n.page=i);const s=P(t);s.length>0&&-1===r.indexOf(s)&&(n.search=s);const l=E(t,"my-patterns");return l&&"page"!==l&&(n.status=l),n}function me(e,t={},r=wporgPatternsUrl.site){if(r=r.replace(/\/$/,""),t.author_name&&(r+=`/author/${t.author_name}`,delete t.author_name),t["pattern-categories"]){c
onst n=t["pattern-categories"],a=ie(e).find((({id:e})=>n===e));a?.slug&&(r+=`/categories/${a.slug}`),delete t["pattern-categories"]}return t.page&&(r+=`/page/${t.page}`,delete t.page),Object.keys(t).length?r+="/?"+(0,y.buildQueryString)(t):r+"/"}const fe=(0,c.createReduxStore)("wporg/pattern-directory",{reducer:K,selectors:n,actions:e,controls:x.controls,resolvers:t});(0,c.register)(fe);const he=function({header:e,children:t,onNavigation:r,query:n,showPagination:o=!0}){const{isLoading:i,posts:s,totalPages:l}=(0,c.useSelect)((e=>{const{getPatternTotalPagesByQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:a}=e(fe);return{isLoading:n&&a(n),posts:n?r(n):[],totalPages:n?t(n):0}}));return(0,a.createElement)(a.Fragment,null,s.length?e:null,(0,a.createElement)("div",{className:"pattern-grid"},i?(0,a.createElement)(_,{length:n?.per_page}):s.map(t)),o&&(0,a.createElement)(T,{total
Pages:l,currentPage:n?.page,onNavigation:r}))},ve=window.wp.compose,_e=window.wp.components,ye=function({url:e}){return(0,a.createElement)("div",null,(0,a.createElement)("iframe",{className:"pattern-preview__viewport-iframe",title:(0,s.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1",style:{width:"100%",height:"50vh",minHeight:"600px",overflowY:"auto"},src:e}))};function we(e,t){return e.map((function(e,r){return e+t[r]}))}function Ee(e,t){return e.map((function(e,r){return e-t[r]}))}function be(e){return Math.hypot.apply(Math,e)}function Se(e){return Math.sign?Math.sign(e):Number(e>0)-Number(e<0)||+e}function Pe(e,t,r){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,r):e*t*r/(t+r*e)}function Ne(e,t,r,n){return void 0===n&&(n=.15),0===n?function(e,t,r){return Math.max(t,Math.min(e,r))}(e,t,r):e<t?-Pe(t-e,r-t,n)+t:e>r?+Pe(e-r,r-t,n)+r:e}
function ke(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function Ce(){return Ce=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ce.apply(this,arguments)}function Te(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function xe(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Ie(e,t){var r;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);ret
urn"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ae(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(r=e[Symbol.iterator]()).next.bind(r)}function Oe(){}function Re(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return 0===t.length?Oe:1===t.length?t[0]:function(){for(var e,r,n=Ie(t);!(r=n()).done;)e=r.value.apply(this,arguments)||e;return e}}function Le(e,t){if(void 0===e){if(void 0===t)throw new Error("Must define fallback value if undefined is expected");e=t}return Array.isArray(e)?e
:[e,e]}function De(e){if("function"==typeof e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return e.apply(void 0,r)}return e}function Fe(e,t){void 0===e&&(e={});for(var r={},n=0,a=Object.entries(t);n<a.length;n++){var o=a[n],i=o[0],s=o[1];switch(typeof s){case"function":r[i]=s.call(r,e[i],i,e);break;case"object":r[i]=Fe(e[i],s);break;case"boolean":s&&(r[i]=e[i])}}return r}function Me(){return"undefined"!=typeof window&&"ontouchstart"in window}function $e(e){return"pointerId"in e?null:"touchend"===e.type?e.changedTouches:e.targetTouches}function Be(e){return Array.from($e(e)).map((function(e){return e.identifier}))}function Qe(e){return{buttons:"buttons"in e?e.buttons:0,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}}var je=function(e){return e};function qe(e,t){void 0===t&&(t=je);var r=$e(e),
n=r?r[0]:e;return t([n.clientX,n.clientY])}var Ue=Ce({},{threshold:function(e){return void 0===e&&(e=0),Le(e)},rubberband:function(e){switch(void 0===e&&(e=0),e){case!0:return Le(.15);case!1:return Le(0);default:return Le(e)}},enabled:function(e){return void 0===e&&(e=!0),e},triggerAllEvents:function(e){return void 0===e&&(e=!1),e},initial:function(e){return void 0===e&&(e=0),"function"==typeof e?e:Le(e)},transform:!0},{axis:!0,lockDirection:function(e){return void 0===e&&(e=!1),e},bounds:function(e){if(void 0===e&&(e={}),"function"==typeof e)return function(t){return Ue.bounds(e(t))};var t=e,r=t.left,n=void 0===r?-1/0:r,a=t.right,o=void 0===a?1/0:a,i=t.top,s=void 0===i?-1/0:i,l=t.bottom;return[[n,o],[s,void 0===l?1/0:l]]}}),Ve="undefined"!=typeof window&&window.document&&window.document.createElement,Ke={enabled:function(e){return void 0===e&&(e=!0),e},domTarget:!0,window:f
unction(e){function t(_x){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){return void 0===e&&(e=Ve?window:void 0),e})),eventOptions:function(e){var t=void 0===e?{}:e,r=t.passive,n=void 0===r||r,a=t.capture;return{passive:n,capture:void 0!==a&&a}},transform:!0},Ge=Ce({},Ue,{useTouch:function(e){void 0===e&&(e=!1);var t=Me(),r="undefined"!=typeof window&&"onpointerdown"in window;return!(!e||!t)||!(!t||r)},experimental_preventWindowScrollY:function(e){return void 0===e&&(e=!1),e},threshold:function(e,t,r){var n=r.filterTaps,a=void 0!==n&&n,o=r.lockDirection,i=void 0!==o&&o,s=r.axis,l=Le(e,a?3:i||(void 0===s?void 0:s)?1:0);return this.filterTaps=a,l},swipeVelocity:function(e){return void 0===e&&(e=.5),Le(e)},swipeDistance:function(e){return void 0===e&&(e=50),Le(e)},swipeDuration:function(e){return void 0===e&&(e=250),e},delay:function(e){s
witch(void 0===e&&(e=0),e){case!0:return 180;case!1:return 0;default:return e}}});function We(e){var t,r=e.domTarget,n=e.eventOptions,a=e.window,o=e.enabled,i=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,["domTarget","eventOptions","window","enabled"]),s=(void 0===(t={domTarget:r,eventOptions:n,window:a,enabled:o})&&(t={}),Fe(t,Ke));return s.drag=function(e){return void 0===e&&(e={}),Fe(e,Ge)}(i),s}function ze(e){return Ce({_active:!1,_blocked:!1,_intentional:[!1,!1],_movement:[0,0],_initial:[0,0],_bounds:[[-1/0,1/0],[-1/0,1/0]],_threshold:[0,0],_lastEventType:void 0,_dragStarted:!1,_dragPreventScroll:!1,_dragIsTap:!0,_dragDelayed:!1,event:void 0,intentional:!1,values:[0,0],velocities:[0,0],delta:[0,0],movement:[0,0],offset:[0,0],lastOffset:[0,0],direction:[0,0],initial:[0,0],previous:[0,0],first:!1,last:!1,active:!1,timeStam
p:0,startTime:0,elapsedTime:0,cancel:Oe,canceled:!1,memo:void 0,args:void 0},e)}function He(){return{shared:{hovering:!1,scrolling:!1,wheeling:!1,dragging:!1,moving:!1,pinching:!1,touches:0,buttons:0,down:!1,shiftKey:!1,altKey:!1,metaKey:!1,ctrlKey:!1,locked:!1},drag:ze({_pointerId:void 0,axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,tap:!1,swipe:[0,0]}),pinch:ze({_pointerIds:[],da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:ze({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:ze({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:ze({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var Ye=new Map,Xe=function(e){return e},Je=function(){function e(e,t){var r=this;void 0===t&&(t=[]),this.controller=e,this.args=t,this.debounced=!0,this.setTimeout=function(e,t){var n;void 0===t&&(t=140),clearTimeout(r.controller.timeouts[r.stateKey]);for(var a=arguments.length,o=new Array(a>2?a-2:0),i=2;i<a;i++)o[i-2]=arguments[i];r.contro
ller.timeouts[r.stateKey]=(n=window).setTimeout.apply(n,[e,t].concat(o))},this.clearTimeout=function(){clearTimeout(r.controller.timeouts[r.stateKey])},this.fireGestureHandler=function(e){if(void 0===e&&(e=!1),r.state._blocked)return r.debounced||(r.state._active=!1,r.clean()),null;if(!e&&!r.state.intentional&&!r.config.triggerAllEvents)return null;if(r.state.intentional){var t=r.state.active,n=r.state._active;r.state.active=n,r.state.first=n&&!t,r.state.last=t&&!n,r.controller.state.shared[r.ingKey]=n}var a=r.controller.pointerIds.size||r.controller.touchIds.size,o=r.controller.state.shared.buttons>0||a>0,i=Ce({},r.controller.state.shared,r.state,r.mapStateValues(r.state),{locked:!!document.pointerLockElement,touches:a,down:o}),s=r.handler(i);return r.state.memo=void 0!==s?s:r.state.memo,i},this.controller=e,this.args=t}var t,r,n=e.prototype;return n.updateSharedState=function(e){Object.assign(this.controller.state.shared,e)},n.updateGe
stureState=function(e){Object.assign(this.state,e)},n.checkIntentionality=function(e,t){return{_intentional:e,_blocked:!1}},n.getMovement=function(e){var t=this.config.rubberband,r=this.state,n=r._bounds,a=r._initial,o=r._active,i=r._intentional,s=r.lastOffset,l=r.movement,c=r._threshold,u=this.getInternalMovement(e,this.state),p=!1===i[0]?Ze(u[0],c[0]):i[0],d=!1===i[1]?Ze(u[1],c[1]):i[1],g=this.checkIntentionality([p,d],u);if(g._blocked)return Ce({},g,{_movement:u,delta:[0,0]});var m=g._intentional,f=u,h=[!1!==m[0]?u[0]-m[0]:0,!1!==m[1]?u[1]-m[1]:0],v=we(h,s),_=o?t:[0,0];return h=et(n,we(h,a),_),Ce({},g,{intentional:!1!==m[0]||!1!==m[1],_initial:a,_movement:f,movement:h,values:e,offset:et(n,v,_),delta:Ee(h,l)})},n.clean=function(){this.clearTimeout()},t=e,(r=[{key:"config",get:function(){return this.controller.config[this.stateKey]}},{key:"enabled",get:function(){return this.controller.config.enabled&&this.config.enabled}},{key:"state",get:func
tion(){return this.controller.state[this.stateKey]}},{key:"handler",get:function(){return this.controller.handlers[this.stateKey]}},{key:"transform",get:function(){return this.config.transform||this.controller.config.transform||Xe}}])&&ke(t.prototype,r),e}();function Ze(e,t){return Math.abs(e)>=t&&Se(e)*t}function et(e,t,r){var n=t[0],a=t[1],o=r[0],i=r[1],s=e[0],l=s[0],c=s[1],u=e[1],p=u[0],d=u[1];return[Ne(n,l,c,o),Ne(a,p,d,i)]}function tt(e,t,r){var n=e.state,a=t.timeStamp,o=t.type,i=n.values;return{_lastEventType:o,event:t,timeStamp:a,elapsedTime:r?0:a-n.startTime,previous:i}}var rt=function(e){var t=this;this.classes=e,this.pointerIds=new Set,this.touchIds=new Set,this.supportsTouchEvents=Me(),this.supportsGestureEvents=function(){try{return"constructor"in GestureEvent}catch(e){return!1}}(),this.bind=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];for(var a,o={},i=Ie(t.classes);!(a=i()).done;)n
ew(0,a.value)(t,r).addBindings(o);var s=function(e){ot(o,e,(function(n){return t.nativeRefs[e](Ce({},t.state.shared,{event:n,args:r}))}))};for(var l in t.nativeRefs)s(l);return t.config.domTarget?function(e,t){var r=e.config,n=e.domListeners,a=at(r);if(!a)throw new Error("domTarget must be defined");var o=r.eventOptions;st(a,nt(n),o);for(var i=0,s=Object.entries(t);i<s.length;i++){var l=s[i],c=l[0],u=l[1],p=c.slice(2).toLowerCase();n.push([p,Re.apply(void 0,u)])}it(a,n,o)}(t,o):function(e,t){for(var r={},n=e.config.eventOptions.capture?"Capture":"",a=0,o=Object.entries(t);a<o.length;a++){var i=o[a],s=i[0],l=i[1],c=Array.isArray(l)?l:[l];r[s+n]=Re.apply(void 0,c)}return r}(t,o)},this.effect=function(){return t.config.domTarget&&t.bind(),t.clean},this.clean=function(){var e=at(t.config),r=t.config.eventOptions;e&&st(e,nt(t.domListeners),r),Object.values(t.timeouts).forEach(clearTimeout),function(e){var t=e.config,r=t.window,n=t.event
Options,a=e.windowListeners;if(r){for(var o in a)st(r,a[o],n);e.windowListeners={}}}(t)},this.classes=e,this.state=He(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function nt(e){return void 0===e&&(e=[]),e.splice(0,e.length)}function at(e){var t=e.domTarget;return t&&"current"in t?t.current:t}function ot(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}function it(e,t,r){void 0===t&&(t=[]),void 0===r&&(r={});for(var n,a=Ie(t);!(n=a()).done;){var o=n.value,i=o[0],s=o[1];e.addEventListener(i,s,r)}}function st(e,t,r){void 0===t&&(t=[]),void 0===r&&(r={});for(var n,a=Ie(t);!(n=a()).done;){var o=n.value,i=o[0],s=o[1];e.removeEventListener(i,s,r)}}function lt(){}function ct(e){"persist"in e&&"function"==typeof e.persist&&e.persist()}var ut=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).ingKey="dragging",t.stateKey="drag",t.setPointerCapture=funct
ion(e){if(!t.config.useTouch&&!document.pointerLockElement){var r=e.target,n=e.pointerId;r&&"setPointerCapture"in r&&r.setPointerCapture(n),t.updateGestureState({_dragTarget:r,_dragPointerId:n})}},t.releasePointerCapture=function(){if(!t.config.useTouch&&!document.pointerLockElement){var e=t.state,r=e._dragTarget,n=e._dragPointerId;if(n&&r&&"releasePointerCapture"in r&&(!("hasPointerCapture"in r)||r.hasPointerCapture(n)))try{r.releasePointerCapture(n)}catch(e){}}},t.preventScroll=function(e){t.state._dragPreventScroll&&e.cancelable&&e.preventDefault()},t.getEventId=function(e){return t.config.useTouch?e.changedTouches[0].identifier:e.pointerId},t.isValidEvent=function(e){return t.state._pointerId===t.getEventId(e)},t.shouldPreventWindowScrollY=t.config.experimental_preventWindowScrollY&&t.controller.supportsTouchEvents,t.setUpWindowScrollDetection=function(e){var r,n,a,o,i,s
;ct(e),r=t.controller,n=t.stateKey,a=[["touchmove",t.preventScroll],["touchend",t.clean.bind(xe(t))],["touchcancel",t.clean.bind(xe(t))]],o={passive:!1},i=r.config,s=r.windowListeners,void 0===a&&(a=[]),void 0===o&&(o=i.eventOptions),i.window&&(st(i.window,s[n],o),it(i.window,s[n]=a,o)),t.setTimeout(t.startDrag.bind(xe(t)),250,e)},t.setUpDelayedDragTrigger=function(e){t.state._dragDelayed=!0,ct(e),t.setTimeout(t.startDrag.bind(xe(t)),t.config.delay,e)},t.setStartState=function(e){var r=qe(e,t.transform);t.updateSharedState(Qe(e)),t.updateGestureState(Ce({},function(e,t,r,n){var a=e.state,o=e.config,i=e.stateKey,s=e.args,l=e.transform,c=a.offset,u=r.timeStamp,p=o.initial,d=o.bounds,g=Ee(l(o.threshold),l([0,0])).map(Math.abs),m=Ce({},He()[i],{_active:!0,args:s,values:t,initial:null!=n?n:t,_threshold:g,offset:c,lastOffset:c,startTime:u});return Ce({},m,{_initial:De(p,m),_bounds:De(d,m)})}(xe(t),r,e),tt(xe(t),e,!0),{_pointerId:t.getE
ventId(e)})),t.updateGestureState(t.getMovement(r))},t.onDragStart=function(e){(function(e,t){"pointerId"in t?e.pointerIds.add(t.pointerId):e.touchIds=new Set(Be(t))})(t.controller,e),t.enabled&&!t.state._active&&(t.setStartState(e),t.setPointerCapture(e),t.shouldPreventWindowScrollY?t.setUpWindowScrollDetection(e):t.config.delay>0?t.setUpDelayedDragTrigger(e):t.startDrag(e,!0))},t.onDragChange=function(e){if(!t.state.canceled&&t.state._active&&t.isValidEvent(e)&&(t.state._lastEventType!==e.type||e.timeStamp!==t.state.timeStamp)){var r;if(document.pointerLockElement){var n=e.movementX,a=e.movementY;r=we(t.transform([n,a]),t.state.values)}else r=qe(e,t.transform);var o=t.getKinematics(r,e);if(!t.state._dragStarted){if(t.state._dragDelayed)return void t.startDrag(e);if(!t.shouldPreventWindowScrollY)return;if(t.state._dragPreventScroll||!o.axis)return;if("x"!==o.axis)return void(t.state._active=!1);t.startDrag(e)}var i=Qe(e
);t.updateSharedState(i);var s=tt(xe(t),e),l=be(o._movement),c=t.state._dragIsTap;c&&l>=3&&(c=!1),t.updateGestureState(Ce({},s,o,{_dragIsTap:c})),t.fireGestureHandler()}},t.onDragEnd=function(e){if(function(e,t){"pointerId"in t?e.pointerIds.delete(t.pointerId):Be(t).forEach((function(t){return e.touchIds.delete(t)}))}(t.controller,e),t.isValidEvent(e)&&(t.clean(),t.state._active)){t.state._active=!1;var r=t.state._dragIsTap,n=t.state.velocities,a=n[0],o=n[1],i=t.state.movement,s=i[0],l=i[1],c=t.state._intentional,u=c[0],p=c[1],d=t.config.swipeVelocity,g=d[0],m=d[1],f=t.config.swipeDistance,h=f[0],v=f[1],_=t.config.swipeDuration,y=Ce({},tt(xe(t),e),t.getMovement(t.state.values)),w=[0,0];y.elapsedTime<_&&(!1!==u&&Math.abs(a)>g&&Math.abs(s)>h&&(w[0]=Se(a)),!1!==p&&Math.abs(o)>m&&Math.abs(l)>v&&(w[1]=Se(o))),t.updateSharedState({buttons:0}),t.updateGestureState(Ce({},y,{tap:r,swip
e:w})),t.fireGestureHandler(t.config.filterTaps&&!0===r)}},t.clean=function(){var r,n,a,o,i;e.prototype.clean.call(xe(t)),t.state._dragStarted=!1,t.releasePointerCapture(),r=t.controller,n=t.stateKey,o=r.config,i=r.windowListeners,void 0===a&&(a=o.eventOptions),o.window&&(st(o.window,i[n],a),delete i[n])},t.onCancel=function(){t.state.canceled||(t.updateGestureState({canceled:!0,_active:!1}),t.updateSharedState({buttons:0}),setTimeout((function(){return t.fireGestureHandler()}),0))},t.onClick=function(e){t.state._dragIsTap||e.stopPropagation()},t}Te(t,e);var r=t.prototype;return r.startDrag=function(e,t){void 0===t&&(t=!1),this.state._active&&!this.state._dragStarted&&(t||this.setStartState(e),this.updateGestureState({_dragStarted:!0,_dragPreventScroll:!0,cancel:this.onCancel}),this.clearTimeout(),this.fireGestureHandler())},r.addBindings=function(e){this.config.useTouch?(ot(e,"onTouchStart",this.onDragStart),ot(e,"onTou
chMove",this.onDragChange),ot(e,"onTouchEnd",this.onDragEnd),ot(e,"onTouchCancel",this.onDragEnd)):(ot(e,"onPointerDown",this.onDragStart),ot(e,"onPointerMove",this.onDragChange),ot(e,"onPointerUp",this.onDragEnd),ot(e,"onPointerCancel",this.onDragEnd)),this.config.filterTaps&&ot(e,this.controller.config.eventOptions.capture?"onClick":"onClickCapture",this.onClick)},t}(function(e){function t(){return e.apply(this,arguments)||this}Te(t,e);var r=t.prototype;return r.getInternalMovement=function(e,t){return Ee(e,t.initial)},r.checkIntentionality=function(e,t){if(!1===e[0]&&!1===e[1])return{_intentional:e,axis:this.state.axis};var r=t.map(Math.abs),n=r[0],a=r[1],o=this.state.axis||(n>a?"x":n<a?"y":void 0);return this.config.axis||this.config.lockDirection?o?this.config.axis&&o!==this.config.axis?{_intentional:e,_blocked:!0,axis:o}:(e["x"===o?1:
0]=!1,{_intentional:e,_blocked:!1,axis:o}):{_intentional:[!1,!1],_blocked:!1,axis:o}:{_intentional:e,_blocked:!1,axis:o}},r.getKinematics=function(e,t){var r=this.getMovement(e);if(!r._blocked){var n=t.timeStamp-this.state.timeStamp;Object.assign(r,function(e,t,r){var n=be(t),a=0===n?0:1/n,o=0===r?0:1/r,i=o*n,s=t.map((function(e){return o*e})),l=t.map((function(e){return a*e}));return{velocities:s,velocity:i,distance:be(e),direction:l}}(r.movement,r.delta,n))}return r},r.mapStateValues=function(e){return{xy:e.values,vxvy:e.velocities}},t}(Je));function pt(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var r,n,a,o;if(Array.isArray(e)){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!pt(e[n],t[n]))return!1;return!0}if("function"==typeof Map&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(o=e.entries();!(n=o.next()).done;)i
f(!t.has(n.value[0]))return!1;for(o=e.entries();!(n=o.next()).done;)if(!pt(n.value[1],t.get(n.value[0])))return!1;return!0}if("function"==typeof Set&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(o=e.entries();!(n=o.next()).done;)if(!t.has(n.value[0]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((r=(a=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,a[n]))return!1;if("undefined"!=typeof Element&&e instanceof Element)return!1;for(n=r;0!=n--;)if(!("_owner"===a[n]&&e.$$typeof||pt(e[a[n]],t[a[n]])))return!1;return!0}return e!=e&&t!=t}function dt(e,t){try{return pt(e,t)}catch(e){if((e.message||"").match(/stack|recursion
/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}const gt=window.wp.keycodes,mt=function({label:e,className:t,onDragChange:r,onDragEnd:n,direction:i="left",...s}){const l=function(e,t){void 0===t&&(t={}),Ye.set("drag",ut);var s=(0,a.useRef)();return s.current||(s.current=function(e,t){var r,n,a=[],o=!1;return function(){for(var i=arguments.length,s=new Array(i),l=0;l<i;l++)s[l]=arguments[l];return o&&r===this&&t(s,a)||(n=e.apply(this,s),o=!0,r=this,a=s),n}}(We,dt)),function(e,t,r){void 0===r&&(r={});var n=function(e){var t=new Set;return e.drag&&t.add(Ye.get("drag")),e.wheel&&t.add(Ye.get("wheel")),e.scroll&&t.add(Ye.get("scroll")),e.move&&t.add(Ye.get("move")),e.pinch&&t.add(Ye.get("pinch")),e.hover&&t.add(Ye.get("hover")),t}(e),a=o().useMemo((function(){return new rt(n)}),[]
);return a.config=t,a.handlers=e,a.nativeRefs=r,o().useEffect(a.effect,[]),a.config.domTarget?lt:a.bind}({drag:({delta:e,dragging:t})=>{const a="left"===i?-2:2;t?r(e[0]*a):n()}},s.current(t))}();return(0,a.createElement)("div",{className:`pattern-preview__drag-handle ${t}`},(0,a.createElement)("button",{className:"pattern-preview__drag-handle-button","aria-label":e,...s,onKeyDown:e=>{const{keyCode:t}=e;"left"===i&&t===gt.LEFT||"right"===i&&t===gt.RIGHT?r(20):("left"===i&&t===gt.RIGHT||"right"===i&&t===gt.LEFT)&&r(-20)},onKeyUp:n,...l()}))},ft=function e({pattern:t}){const r=(0,ve.useViewportMatch)("mobile",">="),n=(0,ve.useViewportMatch)("large",">="),o=(0,ve.useViewportMatch)("wide",">="),l=(0,ve.useInstanceId)(e),[c,u]=(0,i.useState)(window.innerWidth<960?window.innerWidth:960
),p=(0,i.useCallback)((e=>u((t=>t+e))),[u]),d=()=>{c<280&&u(280)},g=(0,i.useMemo)((()=>r?o?[{label:(0,s.__)("Full (1200px)","wporg-patterns"),value:1200},{label:(0,s.__)("Default (960px)","wporg-patterns"),value:960},{label:(0,s.__)("Medium (480px)","wporg-patterns"),value:480},{label:(0,s.__)("Narrow (320px)","wporg-patterns"),value:320}]:n?[{label:(0,s.__)("Default (960px)","wporg-patterns"),value:960},{label:(0,s.__)("Medium (480px)","wporg-patterns"),value:480},{label:(0,s.__)("Narrow (320px)","wporg-patterns"),value:320}]:[{label:(0,s.__)("Medium (480px)","wporg-patterns"),value:480},{label:(0,s.__)("Narrow (320px)","wporg-patterns"),value:320}]:[]),[r,n,o]);let m=!1;if(!g.some((e=>e.value===c))){const e=Math.max(Math.floor(c),280);m={
</ins><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s is the width in pixels, ex 600. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-label:(0,o.sprintf)((0,o.__)("Current (%spx)","wporg-patterns"),e),value:e}}return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:"pattern-preview__size-control"},n&&(0,a.createElement)(_e.SelectControl,{hideLabelFromVision:!0,label:(0,o.__)("Preview Width","wporg-patterns"),value:c,options:m?[m,...g]:g,onChange:e=>u(Number(e))})),(0,a.createElement)("div",{className:"pattern-preview__viewport",style:{width:c+40}},(0,a.createElement)(ht,{label:(0,o.__)("Drag to resize","wporg-patterns"),className:"is-left",onDragChange:p,onDragEnd:d,direction:"left","aria-describedby":`pattern-preview__resize-help-${l}`}),(0,a.createElement)(ye,{url:(0,_.addQueryArgs)(r.link,{view:!0})}),(0,a.createElement)(ht,{label:(0,o.__)("Drag to r
esize","wporg-patterns"),className:"is-right",onDragChange:p,onDragEnd:d,direction:"right","aria-describedby":`pattern-preview__resize-help-${l}`}),(0,a.createElement)(_e.VisuallyHidden,{id:`pattern-preview__resize-help-${l}`,className:"pattern-preview__resize-help"},(0,o.__)("Use left and right arrow keys to resize the preview.","wporg-patterns"))))},_t=()=>(0,a.createElement)("div",{style:{height:"220px"}},(0,a.createElement)("img",{src:`${wporgPatternsUrl.assets}/images/copy-paste-demo.gif`,alt:(0,o.__)("GIF of copy and pasting.","wporg-patterns")})),yt=e=>{let{onFinish:t}=e;return(0,a.createElement)(_e.Animate,{type:"appear",options:{origin:"bottom"}},(e=>{let{className:r}=e;return(0,a.createElement)(_e.Guide,{className:`pattern-actions__guide ${r}`,onFinish:t,finishButtonText:(0,o.__)("Close","wporg-patterns&quo
t;),pages:[{image:(0,a.createElement)(_t,null),content:(0,a.createElement)("div",{className:"pattern-actions__guide-content"},(0,a.createElement)("h3",{className:"pattern-actions__guide-title"},(0,o.__)("How to use patterns on your WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Patterns are really just text. And, just like you can copy and paste text, you can copy and paste patterns. It’s really easy!","wporg-patterns")),(0,a.createElement)("ol",null,(0,a.createElement)("li",null,(0,a.createElement)("p",null,(0,o.__)("Open any post or page in the WordPress block editor.","wporg-patterns"))),(0,a.createElement)("li",null,(0,a.createElement)("p",null,(0,o.__)("Place your cursor where you want to add the pattern.","wporg-patterns"))),(0,a.createElement)("li",null,(0,a.c
reateElement)("p",null,(0,a.createInterpolateElement)((0,o.__)("Paste the contents of your clipboard by holding down <kbd>ctrl</kbd> control (Windows) or <kbd>⌘</kbd> command (Mac) and pressing the <kbd>v</kbd> key, or right-clicking and choose “Paste” from the menu.","wporg-patterns"),{kbd:(0,a.createElement)("kbd",{className:"pattern-actions__guide-shortcut"})})))))}]})}))};var wt=r(472),Et=r.n(wt);const bt=window.lodash,Pt=window.wp.a11y,St=e=>{let{isSmall:t=!1,onSuccess:r=bt.noop,content:n}=e;const[i,s]=(0,a.useState)(!1);if(!n){const e=document.getElementById("block-data");n=JSON.parse(decodeURIComponent(e.value))}(0,a.useEffect)((()=>{if(!i)return;(0,Pt.speak)((0,o.__)("Copied pattern to clipboard.","wporg-patterns"));const e=setTimeout((()=>s(!1)),2e4);return()=>{clearTimeout(e)}}),[i]);let l=(0,o.__)("Copy Pattern","wporg-patter
ns");t&&(l=i?(0,o.__)("Copied","wporg-patterns"):(0,o.__)("Copy","wporg-patterns"));const c=Et()({"pattern-copy-button":!0,"is-small-label":t});return(0,a.createElement)(_e.Button,{className:c,isPrimary:!0,onClick:e=>{let{target:t}=e;const a=(e=>{const t=document.createElement("textarea");t.setAttribute("readonly",""),t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.left="-9999px",t.value=e,document.body.appendChild(t),t.select();const r=document.execCommand("copy");return document.body.removeChild(t),r})(n);s(a),t.focus(),a&&r()}},l)},Nt=e=>{let{onClick:t}=e;return(0,a.createElement)(_e.Notice,{className:"pattern-actions__notice",status:"success",isDismissible:!1,actions:[{label:(0,o.__)("Learn More","wporg-patterns"),onClick:t,variant:"secondary&
quot;}]},(0,a.createElement)("div",null,(0,a.createElement)("strong",null,(0,o.__)("Pattern copied!","wporg-patterns")),(0,o.__)("Now you can paste it into any WordPress post or page.","wporg-patterns")))},kt=window.wp.coreData;function Ct(e){return(0,a.createElement)(d.SVG,p({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),(0,a.createElement)(d.Path,{d:"M12 4.915c1.09-1.28 2.76-2.09 4.5-2.09 3.08 0 5.5 2.42 5.5 5.5 0 3.777-3.394 6.855-8.537 11.518l-.013.012-1.45 1.32-1.45-1.31-.04-.036C5.384 15.17 2 12.095 2 8.325c0-3.08 2.42-5.5 5.5-5.5 1.74 0 3.41.81 4.5 2.09zm0 13.56l.1-.1c4.76-4.31 7.9-7.16 7.9-10.05 0-2-1.5-3.5-3.5-3.5-1.54 0-3.04.99-3.56 2.36h-1.87c-.53-1.37-2.03-2.36-3.57-2.36-2 0-3.5 1.5-3.5 3.5 0 2.89 3.14 5.74 7.9 10.05l.1.1z"}))}const Tt=e=>{let{showLabel:t=!0,patternId:r}=e;const{hasPermission:n,isFavorite:i}=(0,s.useSelect)(
(e=>(e(fe).getFavorites(),{hasPermission:!!e(kt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(fe).isFavorite(r)}))),{addFavorite:l,removeFavorite:c}=(0,s.useDispatch)(fe),u=(0,a.useCallback)((()=>{i?c(r):l(r)}),[i]);if(!n)return null;const p=Et()("button button-link pattern-favorite-button",{"is-favorited":i,"has-label":t}),d=Et()({"screen-reader-text":!t});return(0,a.createElement)("button",{className:p,onClick:u},(0,a.createElement)(g,{className:"pattern-favorite-button__filled"}),(0,a.createElement)(Ct,{className:"pattern-favorite-button__outline"}),(0,a.createElement)("span",{className:d},i?(0,o.__)("Remove from favorites","wporg-patterns"):(0,o.__)("Add to favorites","wporg-patterns")))},xt=window.wp.apiFetch;var At=r.n(xt);const It=(0,a.createElement)(d.SVG,{viewBox:"0 0 24 24",xmlns:"http://
www.w3.org/2000/svg"},(0,a.createElement)(d.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),Ot=e=>{let{patternId:t,isSmall:r}=e;const{isDraft:n,parent:i}=(0,s.useSelect)((e=>{const r=e(fe).getPattern(t);return{isDraft:"draft"===r?.status,parent:r?.parent||0}}),[t]),{loadPattern:l}=(0,s.useDispatch)(fe),c=()=>{At()({path:`/wp/v2/wporg-pattern/${t}/`,method:"PUT",data:{status:"draft"}}).then((e=>{l(t,e)}))},u=()=>{window.confirm((0,o.__)("Are you sure you want to delete this pattern?","wporg-patterns"))&&At()({path:`/wp/v2/wporg-pattern/${t}/`,method:"DELETE"}).then((()=>{window.location=`${wporgPatternsUrl.site}/my-patterns/`}))},p=`${wporgPatternsUrl.site}/pattern/${i||t}/edit/`,d=r?(0,a.createElement)(_e.Icon,{icon:It}):(0,a.createElement)(a.Fragment,null,(0,o.__)("Options","wporg-patterns"),(0,a.createElement)(_e.Icon,{icon:It})),g=r?"patt
ern-manage-options__button is-small":"pattern-manage-options__button";return(0,a.createElement)(_e.DropdownMenu,{className:"pattern-manage-options",icon:null,toggleProps:{className:g,children:d,variant:"secondary"},popoverProps:{position:"bottom center",className:"pattern-manage-options__popover"}},(()=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.MenuItem,{href:p},i?(0,o.__)("Open original in editor","wporg-patterns"):(0,o.__)("Open in editor","wporg-patterns")),!n&&(0,a.createElement)(_e.MenuItem,{onClick:c},(0,o.__)("Revert to draft","wporg-patterns")),(0,a.createElement)(_e.MenuItem,{isDestructive:!0,variant:"link",onClick:u},(0,o.__)("Delete pattern","wporg-patterns")))))},Lt=e=>{let{postId:t,showOptions:r}=e;const[n,o]=(0,a.useState)(!1),[i,s]=(0,a.useState)(!1);return(0,a.createElement)("div",{cl
assName:"pattern-actions"},(0,a.createElement)("div",{className:"pattern-actions__container"},(0,a.createElement)(St,{onSuccess:()=>o(!0)}),(0,a.createElement)(Tt,{patternId:t}),r&&(0,a.createElement)(Ot,{patternId:t}),n&&(0,a.createElement)(Nt,{onClick:()=>s(!0)}),i&&(0,a.createElement)(yt,{onFinish:()=>s(!1)})))},Rt=e=>{let{element:t}=e;const[r,n]=(0,a.useState)(null);(0,a.useEffect)((()=>{if(!t.current)return;const e=(0,bt.debounce)(o,200);return o(),window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}),[t]);const o=()=>{if(!t.current)return;const e=window.innerHeight,{top:r}=t.current.getBoundingClientRect();n(r>=0&&r<=e)};return r},Dt=10,Ft=2e3,Mt=1200,$t=600;function Bt(e){let{alt:t,className:r,isReady:n=!1,src:i,style:s}=e;const l=(0,_.addQueryArg
s)(`https://s0.wp.com/mshots/v1/${encodeURIComponent(i)}`,{w:$t,vpw:Mt,vph:f(Mt)}),[c,u]=(0,a.useState)(0),[p,d]=(0,a.useState)(!1),[g,m]=(0,a.useState)(!1),[h,v]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),E=c>Dt,b=n&&!p&&!E&&!g,P=async()=>{try{const e=await fetch(l);e.redirected?w(!0):200!==e.status||e.redirected?u(c+1):(await(async e=>{const t=await e.blob(),r=new FileReader;r.onload=e=>{v(e.target.result)},r.readAsDataURL(t)})(e),d(!0),w(!1))}catch(e){m(!0),w(!1)}};return(0,a.useEffect)((()=>{(async()=>{await P()})()}),[]),function(e,t){const r=(0,a.useRef)();(0,a.useEffect)((()=>{r.current=e}),[e]),(0,a.useEffect)((()=>{if(null!==t){const e=setInterval((function(){r.current()}),t);return()=>clearInterval(e)}}),[t])}((async()=>{await P()}),y?Ft:null),n?b?(0,a.createElement)("div",{className:`${r} is-loading`,style:s},(0,a.createElement)(_e.Spinner,{style:{width:"32px",height:"32px"}}),(
0,a.createElement)("span",{className:"screen-reader-text"},(0,o.__)("Loading","wporg-patterns"))):g||E?(0,a.createElement)("div",{className:`${r} has-error`,style:s},(0,o.__)("Error","wporg-patterns")):(0,a.createElement)("div",{className:r},(0,a.createElement)("img",{src:h,alt:t,style:{...s,verticalAlign:"middle"}})):null}function Qt(e){let{alt:t,url:r,useMShot:n=!0}=e;const i=(0,a.useRef)(),s=Rt({element:i}),[l,c]=(0,a.useState)(1),[u,p]=(0,a.useState)(1),[d,g]=(0,a.useState)(!1);(0,a.useEffect)((()=>{s&&g(!0)}),[s]),(0,a.useEffect)((()=>{const e=()=>{try{c(f(i.current.clientWidth)),p(i.current.clientWidth)}catch(e){}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[s]);const m={border:"none",width:"100%",maxWidth:"none",height:`${l}px`,display:"flex",alignI
tems:"center",justifyContent:"center"};return(0,a.createElement)("div",{ref:i},n?(0,a.createElement)(Bt,{className:"pattern-grid__preview",alt:t||(0,o.__)("Pattern Preview","wporg-patterns"),style:m,isReady:d,src:"local"===wporgPatternsData.env?r.replace(wporgPatternsUrl.site,"https://wordpress.org/patterns"):r}):(0,a.createElement)("div",{style:{height:`${l}px`,overflow:"hidden"}},(0,a.createElement)("iframe",{className:"pattern-grid__preview",title:t||(0,o.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1",style:{border:"none",width:4*u+"px",maxWidth:"none",height:4*l+"px",transform:"scale(0.25)",transformOrigin:(0,o.isRTL)()?"top right":"top left",pointerEvents:"none"},src:d?r:""})))}const jt=e=>{let{className:t,label:r,patternId:n}=e;con
st{hasPermission:o,isFavorite:i}=(0,s.useSelect)((e=>(e(fe).getFavorites(),{hasPermission:!!e(kt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(fe).isFavorite(n)}))),{addFavorite:l,removeFavorite:c}=(0,s.useDispatch)(fe),u=(0,a.useCallback)((()=>{i?c(n):l(n)}),[i]),p=Et()(t,"pattern-favorite-button-small",{button:o,"button-link":o,"is-favorited":i});return o?(0,a.createElement)("button",{className:p,onClick:u},(0,a.createElement)(g,{className:"pattern-favorite-button__filled"}),(0,a.createElement)("span",null,r)):(0,a.createElement)("span",{className:p},(0,a.createElement)(g,{className:"pattern-favorite-button__filled"}),(0,a.createElement)("span",null,r))},qt=function(e){let{pattern:t,showAvatar:r,showOptions:n}=e;const s=function(e){switch(e.status){case"pending-review":case"pending":return(0,o.__)("Pending",&qu
ot;wporg-patterns");case"draft":return(0,o.__)("Draft","wporg-patterns");case"unlisted":return(0,o.__)("Declined","wporg-patterns")}return""}(t);return(0,a.createElement)("div",{className:"pattern-grid__pattern"},(0,a.createElement)("div",{className:"pattern-grid__pattern-frame"},(0,a.createElement)("a",{href:t.link,rel:"bookmark"},(0,a.createElement)("span",{className:"screen-reader-text"},(0,i.decodeEntities)(t.title.rendered)),(0,a.createElement)(Qt,{useMShot:"publish"===t.status,url:(0,_.addQueryArgs)(t.link,{view:!0,modified:t.modified_gmt,version:wporgPatternsData.thumbnailVersion})})),s?(0,a.createElement)("div",{className:`pattern-grid__status is-${t.status}`},(0,a.createElement)("span",null,s)):null,(0,a.createElement)("span",{className:"pattern-grid__actions"},(0,a.create
Element)(Tt,{showLabel:!1,patternId:t.id}),n&&(0,a.createElement)(Ot,{isSmall:!0,patternId:t.id}),(0,a.createElement)(St,{isSmall:!0,content:t.pattern_content}))),(0,a.createElement)("h2",{className:"pattern-grid__title"},(0,a.createElement)("a",{href:t.link},(0,i.decodeEntities)(t.title.rendered))),(0,a.createElement)("p",{className:"pattern-grid__meta"},r&&t.author_meta?(0,a.createElement)("a",{href:t.author_meta.url,className:"pattern-grid__author-avatar"},(0,a.createElement)("img",{alt:"",src:t.author_meta.avatar}),t.author_meta.name):null,t.favorite_count>0?(0,a.createElement)(jt,{className:"pattern-grid__favorite-count",patternId:t.id,label:(0,a.createElement)(a.Fragment,null,(0,a.createElement)("span",{className:"screen-reader-text"},(0,o.sprintf)(/* translators: %s is the favorite count for a pattern. */
-(0,o._n)("Favorited %s times","Favorited %s times",t.favorite_count,"wporg-patterns"),t.favorite_count)),(0,a.createElement)("span",{"aria-hidden":!0},t.favorite_count))}):null))},Ut=function(e){let{icon:t,size:r=24,...n}=e;return(0,a.cloneElement)(t,{width:r,height:r,...n})},Vt=(0,a.createElement)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(d.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),Kt=(e,t)=>{switch(t.status){case"submitting":return{isSubmitting:!0};case"submitted":return{isSubmitted:!0};case"error":return{hasError:!0,message:t.message};default:return{}}},Gt=e=>{let{postId:t,onClose:r}=e;const[n,i]=(0,a.useReducer)(Kt,{}),[l,c]=(0,a.useState)(""),[u,p]=(0,a.useState)(""),d=(0,a.useRef)(),g=(0,o.__)("Your report has been submitted.","wporg-patterns"),{isLoading:m,mappe
dReasons:f}=(0,s.useSelect)((e=>{const{getPatternFlagReasons:t,isLoadingPatternFlagReasons:r}=e(fe),n=t()||[];return{isLoading:r(),mappedReasons:n.sort(((e,t)=>{switch(!0){case e.slug<t.slug:return-1;case e.slug>t.slug:return 1;default:return 0}})).map((e=>({label:e.name,value:e.id.toString()})))}})),h=()=>{r(n.isSubmitted)};return(0,a.createElement)(_e.Modal,{className:"pattern-report-modal "+(n.isSubmitted?"":"pattern-report-modal__has-fixed-height"),title:(0,o.__)("Report this pattern","wporg-patterns"),onRequestClose:h},(0,a.createElement)("div",{ref:d},m?(0,a.createElement)(_e.Spinner,null):n.isSubmitted?(0,a.createElement)("p",{className:"pattern-report-modal__copy"},g):(0,a.createElement)("form",{onSubmit:e=>{e.preventDefault(),l&&u.length&&!n.isSubmitted&&!n.isSubmitting&&(i({status:"submitting"}),At()({path:(0,_.addQueryArg
s)("/wp/v2/wporg-pattern-flag"),method:"POST",data:{parent:t,"wporg-pattern-flag-reason":l,excerpt:u}}).then((()=>{i({status:"submitted"}),(0,Pt.speak)(g),d.current.closest('[role="dialog"]').focus()})).catch((e=>{i({status:"error",message:e.message}),(0,Pt.speak)((0,o.sprintf)(/* translators: %s: Error message. */
-(0,o.__)("Error: %s","wporg-patterns"),e.message))})))}},(0,a.createElement)(_e.RadioControl,{className:"pattern-report-modal__radio",label:(0,o.__)("Please choose a reason:","wporg-patterns"),selected:l,options:f,onChange:c,required:!0}),(0,a.createElement)(_e.TextareaControl,{label:(0,o.__)("Please provide details (required)","wporg-patterns"),value:u,onChange:p,required:!0}),n.hasError&&(0,a.createElement)("div",{className:"notice notice-large notice-alt notice-error"},n.message),(0,a.createElement)("div",{className:"pattern-report-modal__actions"},(0,a.createElement)(_e.Button,{isSecondary:!0,onClick:h},(0,o.__)("Cancel","wporg-patterns")),(0,a.createElement)(_e.Button,{type:"submit",isBusy:n.isSubmitting,isPrimary:!0},n.isSubmitting?(0,o.__)("Submitting …","wporg-patterns"):(0,o.__)("Report","wpo
rg-patterns"))))))},Wt=e=>{let{postId:t,userHasReported:r}=e;const[n,i]=(0,a.useState)(!1),[s,l]=(0,a.useState)(!1),c=r||s,u=!!wporgPatternsData.userId;return c?(0,a.createElement)("p",{className:"pattern-report-button__copy"},(0,a.createElement)(Ut,{icon:Vt}),(0,o.__)("You've reported this pattern","wporg-patterns")):u?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Button,{className:"pattern-report-button",isLink:!0,onClick:()=>i(!0)},(0,o.__)("Report this pattern","wporg-patterns")),n&&(0,a.createElement)(Gt,{postId:t,onClose:e=>{i(!1),l(e)}})):(0,a.createElement)("p",{className:"pattern-report-button__copy"},(0,a.createElement)("a",{href:(0,_.addQueryArgs)("/wp-login.php",{redirect_to:window.location.pathname})},(0,o.__)("Login to report this pattern","wporg-patterns")))};function zt(e){let{pattern:t}=e;const[r,n]=(0,a
.useState)(!1),i=()=>n(!0),s=()=>n(!1);switch(t.status){case"pending-review":case"pending":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"warning",isDismissible:!1,actions:[{label:(0,o.__)("Learn More","wporg-patterns"),onClick:i,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,o.__)("Review pending.","wporg-patterns")),(0,o.__)("This pattern is only visible to you. Once approved it will be published to everyone.","wporg-patterns"))),r&&(0,a.createElement)(_e.Modal,{title:(0,o.__)("Review Pending","wporg-patterns"),onRequestClose:s,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,o.__)("All patterns submitted to WordPress.org are subject to both automated and manual
approval. It might take a few days for your pattern to be approved.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Reviewers look for content that may be problematic (copyright or trademark issues) and whether your pattern works as intended.","wporg-patterns"))));case"draft":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"info",isDismissible:!1,actions:[{label:(0,o.__)("Learn More","wporg-patterns"),onClick:i,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,o.__)("Saved as draft.","wporg-patterns")),(0,o.__)("This pattern is only visible to you. When you’re ready, submit it to be published to everyone.","wporg-patterns"))),r&&(0,a.createElement)(_e.Modal,{title:(0,o.__)("Drafts",&qu
ot;wporg-patterns"),onRequestClose:s,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,o.__)("Patterns can be saved as a draft which can be submitted for approval at any time. This allows you to save your design and come back to it later to submit.","wporg-patterns"))));case"unlisted":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"error",isDismissible:!1,actions:[{label:(0,o.__)("Learn More","wporg-patterns"),onClick:i,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,o.__)("Pattern declined.","wporg-patterns")),(0,o.__)("WordPress.org has chosen not to include this pattern in the directory.","wporg-patterns"))),r&&(0,a.createElement)(_e.Modal,{title:(0,o.__)("Declined",&qu
ot;wporg-patterns"),onRequestClose:s,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,o.__)("WordPress.org has removed your pattern from the directory for the following reason:","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("em",{dangerouslySetInnerHTML:{__html:t.unlisted_reason?.description||(0,o.__)("This pattern doesn't meet the guidelines for the pattern directory.","wporg-patterns")}})),(0,a.createElement)("p",null,(0,o.__)("You can update your pattern to resubmit it for approval at any time.","wporg-patterns"))));case"publish":return(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"success",isDismissible:!1},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,o.__)("Pattern published!","wporg-patterns")),(0,o.__
)("Your new design is now available to everyone.","wporg-patterns")))}return null}const Ht=e=>{let{postId:t,userHasReported:r}=e;t=Number(t)||0;const{pattern:n,categories:c}=(0,s.useSelect)((e=>{const r=e(fe).getPattern(t),n=e(fe).getCategories()||[],a=r?.["pattern-categories"].map((e=>n.find((t=>{let{id:r}=t;return r===e})))).filter(Boolean);return{pattern:r,categories:a||[]}}),[t]);if(!n)return null;const u=window.wporgPatternsData.userId===n.author;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("header",{className:"entry-header"},u&&(0,a.createElement)(zt,{pattern:n}),(0,a.createElement)("h1",{className:"entry-title"},(0,i.decodeEntities)(n.title.rendered)),(0,a.createElement)("div",{className:"pattern__categories"},c.map((e=>{let{id:t,name:r,link:n}=e;return(0,a.createElement)("a",{href:n,key:t},(0,i.decodeEntities)(r))})))),(0,a.createElement
)(Lt,{postId:t,showOptions:u}),(0,a.createElement)("div",{className:"pattern-preview__container"},(0,a.createElement)(vt,{pattern:n}),(0,a.createElement)("div",{className:"pattern__meta"},(0,a.createElement)(Wt,{userHasReported:"true"===r,postId:t}))),(0,a.createElement)("div",{className:"pattern__related-patterns"},(0,a.createElement)(he,{query:{author:n.author,per_page:3,exclude:t},showPagination:!1,header:(0,a.createElement)(a.Fragment,null,(0,a.createElement)("h2",null,(0,o.__)("More from this designer","wporg-patterns")),(0,a.createElement)(l,n.author_meta))},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e})))))},Yt=e=>{const t=document.getElementById("breadcrumb-part");t&&(t.innerText=e)},Xt=()=>{const{path:e}=C(),{authorName:t,categoryName:r}=(0,s.useSelect)((t=>{const r=t(fe).getQueryFromUrl(e),n=t(fe).getCategoryById(r["pattern-categories&quo
t;]);return{authorName:wporgPatternsData.currentAuthorName||r?.author_name,categoryName:n?.name}}),[]);return(0,a.useEffect)((()=>{t?
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+label:(0,s.sprintf)((0,s.__)("Current (%spx)","wporg-patterns"),e),value:e}}return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:"pattern-preview__size-control"},r&&(0,a.createElement)(_e.SelectControl,{hideLabelFromVision:!0,label:(0,s.__)("Preview Width","wporg-patterns"),value:c,options:m?[m,...g]:g,onChange:e=>u(Number(e))})),(0,a.createElement)("div",{className:"pattern-preview__viewport",style:{width:c+40}},(0,a.createElement)(mt,{label:(0,s.__)("Drag to resize","wporg-patterns"),className:"is-left",onDragChange:p,onDragEnd:d,direction:"left","aria-describedby":`pattern-preview__resize-help-${l}`}),(0,a.createElement)(ye,{url:(0,y.addQueryArgs)(t.link,{view:!0})}),(0,a.createElement)(mt,{label:(0,s.__)("Drag to re
size","wporg-patterns"),className:"is-right",onDragChange:p,onDragEnd:d,direction:"right","aria-describedby":`pattern-preview__resize-help-${l}`}),(0,a.createElement)(_e.VisuallyHidden,{id:`pattern-preview__resize-help-${l}`,className:"pattern-preview__resize-help"},(0,s.__)("Use left and right arrow keys to resize the preview.","wporg-patterns"))))},ht=()=>(0,a.createElement)("div",{style:{height:"220px"}},(0,a.createElement)("img",{src:`${wporgPatternsUrl.assets}/images/copy-paste-demo.gif`,alt:(0,s.__)("GIF of copy and pasting.","wporg-patterns")})),vt=({onFinish:e})=>(0,a.createElement)(_e.Animate,{type:"appear",options:{origin:"bottom"}},(({className:t})=>(0,a.createElement)(_e.Guide,{className:`pattern-actions__guide ${t}`,onFinish:e,finishButtonText:(0,s.__)("Close","wporg-patterns"),pages:[{image:(0,a.cr
eateElement)(ht,null),content:(0,a.createElement)("div",{className:"pattern-actions__guide-content"},(0,a.createElement)("h3",{className:"pattern-actions__guide-title"},(0,s.__)("How to use patterns on your WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,s.__)("Patterns are really just text. And, just like you can copy and paste text, you can copy and paste patterns. It’s really easy!","wporg-patterns")),(0,a.createElement)("ol",null,(0,a.createElement)("li",null,(0,a.createElement)("p",null,(0,s.__)("Open any post or page in the WordPress block editor.","wporg-patterns"))),(0,a.createElement)("li",null,(0,a.createElement)("p",null,(0,s.__)("Place your cursor where you want to add the pattern.","wporg-patterns"))),(0,a.createElement)("li",null,(0,a.createElement)("p&quo
t;,null,(0,i.createInterpolateElement)((0,s.__)("Paste the contents of your clipboard by holding down <kbd>ctrl</kbd> control (Windows) or <kbd>⌘</kbd> command (Mac) and pressing the <kbd>v</kbd> key, or right-clicking and choose “Paste” from the menu.","wporg-patterns"),{kbd:(0,a.createElement)("kbd",{className:"pattern-actions__guide-shortcut"})})))))}]})));var _t=r(967),yt=r.n(_t);const wt=window.lodash,Et=window.wp.a11y,bt=({isSmall:e=!1,onSuccess:t=wt.noop,content:r})=>{const[n,o]=(0,i.useState)(!1);if(!r){const e=document.getElementById("block-data");r=JSON.parse(decodeURIComponent(e.value))}(0,i.useEffect)((()=>{if(!n)return;(0,Et.speak)((0,s.__)("Copied pattern to clipboard.","wporg-patterns"));const e=setTimeout((()=>o(!1)),2e4);return()=>{clearTimeout(e)}}),[n]);let l=(0,s.__)("Copy Pattern","wporg-patterns");e&&(l=n?(0,s._
_)("Copied","wporg-patterns"):(0,s.__)("Copy","wporg-patterns"));const c=yt()({"pattern-copy-button":!0,"is-small-label":e});return(0,a.createElement)(_e.Button,{className:c,isPrimary:!0,onClick:({target:e})=>{const n=(e=>{const t=document.createElement("textarea");t.setAttribute("readonly",""),t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.left="-9999px",t.value=e,document.body.appendChild(t),t.select();const r=document.execCommand("copy");return document.body.removeChild(t),r})(r);o(n),e.focus(),n&&t()}},l)},St=({onClick:e})=>(0,a.createElement)(_e.Notice,{className:"pattern-actions__notice",status:"success",isDismissible:!1,actions:[{label:(0,s.__)("Learn More","wporg-patterns"),onClick:e,variant:"secondary"}]},(0,a.createElement)("div",null
,(0,a.createElement)("strong",null,(0,s.__)("Pattern copied!","wporg-patterns")),(0,s.__)("Now you can paste it into any WordPress post or page.","wporg-patterns"))),Pt=window.wp.coreData;function Nt(e){return(0,a.createElement)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",...e},(0,a.createElement)(g.Path,{d:"M12 4.915c1.09-1.28 2.76-2.09 4.5-2.09 3.08 0 5.5 2.42 5.5 5.5 0 3.777-3.394 6.855-8.537 11.518l-.013.012-1.45 1.32-1.45-1.31-.04-.036C5.384 15.17 2 12.095 2 8.325c0-3.08 2.42-5.5 5.5-5.5 1.74 0 3.41.81 4.5 2.09zm0 13.56l.1-.1c4.76-4.31 7.9-7.16 7.9-10.05 0-2-1.5-3.5-3.5-3.5-1.54 0-3.04.99-3.56 2.36h-1.87c-.53-1.37-2.03-2.36-3.57-2.36-2 0-3.5 1.5-3.5 3.5 0 2.89 3.14 5.74 7.9 10.05l.1.1z"}))}const kt=({showLabel:e=!0,patternId:t})=>{const{hasPermission:r,isFavorite:n}=(0,c.useSelect)((e=>(e(fe).getFavorites(),{hasPermission:!!e(Pt.stor
e).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(fe).isFavorite(t)}))),{addFavorite:o,removeFavorite:l}=(0,c.useDispatch)(fe),u=(0,i.useCallback)((()=>{n?l(t):o(t)}),[n]);if(!r)return null;const p=yt()("button button-link pattern-favorite-button",{"is-favorited":n,"has-label":e}),d=yt()({"screen-reader-text":!e});return(0,a.createElement)("button",{className:p,onClick:u},(0,a.createElement)(m,{className:"pattern-favorite-button__filled"}),(0,a.createElement)(Nt,{className:"pattern-favorite-button__outline"}),(0,a.createElement)("span",{className:d},n?(0,s.__)("Remove from favorites","wporg-patterns"):(0,s.__)("Add to favorites","wporg-patterns")))},Ct=window.wp.apiFetch;var Tt=r.n(Ct);const xt=(0,a.createElement)(g.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(g.Path,{
d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),At=({patternId:e,isSmall:t})=>{const{isDraft:r,parent:n}=(0,c.useSelect)((t=>{const r=t(fe).getPattern(e);return{isDraft:"draft"===r?.status,parent:r?.parent||0}}),[e]),{loadPattern:o}=(0,c.useDispatch)(fe),i=()=>{Tt()({path:`/wp/v2/wporg-pattern/${e}/`,method:"PUT",data:{status:"draft"}}).then((t=>{o(e,t)}))},l=()=>{window.confirm((0,s.__)("Are you sure you want to delete this pattern?","wporg-patterns"))&&Tt()({path:`/wp/v2/wporg-pattern/${e}/`,method:"DELETE"}).then((()=>{window.location=`${wporgPatternsUrl.site}/my-patterns/`}))},u=`${wporgPatternsUrl.site}/pattern/${n||e}/edit/`,p=t?(0,a.createElement)(_e.Icon,{icon:xt}):(0,a.createElement)(a.Fragment,null,(0,s.__)("Options","wporg-patterns"),(0,a.createElement)(_e.Icon,{icon:xt})),d=t?"pattern-manage-options__button is-small":"pattern-mana
ge-options__button";return(0,a.createElement)(_e.DropdownMenu,{className:"pattern-manage-options",icon:null,toggleProps:{className:d,children:p,variant:"secondary"},popoverProps:{position:"bottom center",className:"pattern-manage-options__popover"}},(()=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.MenuItem,{href:u},n?(0,s.__)("Open original in editor","wporg-patterns"):(0,s.__)("Open in editor","wporg-patterns")),!r&&(0,a.createElement)(_e.MenuItem,{onClick:i},(0,s.__)("Revert to draft","wporg-patterns")),(0,a.createElement)(_e.MenuItem,{isDestructive:!0,variant:"link",onClick:l},(0,s.__)("Delete pattern","wporg-patterns")))))},It=({postId:e,showOptions:t})=>{const[r,n]=(0,i.useState)(!1),[o,s]=(0,i.useState)(!1);return(0,a.createElement)("div",{className:"pattern-actions"},(0,a.createElement)("di
v",{className:"pattern-actions__container"},(0,a.createElement)(bt,{onSuccess:()=>n(!0)}),(0,a.createElement)(kt,{patternId:e}),t&&(0,a.createElement)(At,{patternId:e}),r&&(0,a.createElement)(St,{onClick:()=>s(!0)}),o&&(0,a.createElement)(vt,{onFinish:()=>s(!1)})))},Ot=10,Rt=2e3,Lt=1200,Dt=600;function Ft({alt:e,className:t,isReady:r=!1,src:n,style:o}){const l=(0,y.addQueryArgs)(`https://s0.wp.com/mshots/v1/${encodeURIComponent(n)}`,{w:Dt,vpw:Lt,vph:h(Lt)}),[c,u]=(0,i.useState)(0),[p,d]=(0,i.useState)(!1),[g,m]=(0,i.useState)(!1),[f,v]=(0,i.useState)(""),[_,w]=(0,i.useState)(!1),E=c>Ot,b=r&&!p&&!E&&!g,S=async()=>{try{const e=await fetch(l);e.redirected?w(!0):200!==e.status||e.redirected?u(c+1):(await(async e=>{const t=await e.blob(),r=new FileReader;r.onload=e=>{v(e.target.result)},r.readAsDataURL(t)})(e),d(!0),w(!1))}catch(e){m(!0),w(!1)}};return(0,i.useEffect)((()=>{(async()=>{await
S()})()}),[]),function(e,t){const r=(0,i.useRef)();(0,i.useEffect)((()=>{r.current=e}),[e]),(0,i.useEffect)((()=>{if(null!==t){const e=setInterval((function(){r.current()}),t);return()=>clearInterval(e)}}),[t])}((async()=>{await S()}),_?Rt:null),r?b?(0,a.createElement)("div",{className:`${t} is-loading`,style:o},(0,a.createElement)(_e.Spinner,{style:{width:"32px",height:"32px"}}),(0,a.createElement)("span",{className:"screen-reader-text"},(0,s.__)("Loading","wporg-patterns"))):g||E?(0,a.createElement)("div",{className:`${t} has-error`,style:o},(0,s.__)("Error","wporg-patterns")):(0,a.createElement)("div",{className:t},(0,a.createElement)("img",{src:f,alt:e,style:{...o,verticalAlign:"middle"}})):null}function Mt({alt:e,url:t,useMShot:r=!0}){const n=(0,i.useRef)(),o=(({element:e})=>{const[t,r]=(0,i.useState)(null);(0,i.useEffect)((()=>{if
(!e.current)return;const t=(0,wt.debounce)(n,200);return n(),window.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",t)}}),[e]);const n=()=>{if(!e.current)return;const t=window.innerHeight,{top:n}=e.current.getBoundingClientRect();r(n>=0&&n<=t)};return t})({element:n}),[l,c]=(0,i.useState)(1),[u,p]=(0,i.useState)(1),[d,g]=(0,i.useState)(!1);(0,i.useEffect)((()=>{o&&g(!0)}),[o]),(0,i.useEffect)((()=>{const e=()=>{try{c(h(n.current.clientWidth)),p(n.current.clientWidth)}catch(e){}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[o]);const m={border:"none",width:"100%",maxWidth:"none",height:`${l}px`,display:"flex",alignItems:"center",justifyContent:"center"};return(0,a.createElement)(&qu
ot;div",{ref:n},r?(0,a.createElement)(Ft,{className:"pattern-grid__preview",alt:e||(0,s.__)("Pattern Preview","wporg-patterns"),style:m,isReady:d,src:"local"===wporgPatternsData.env?t.replace(wporgPatternsUrl.site,"https://wordpress.org/patterns"):t}):(0,a.createElement)("div",{style:{height:`${l}px`,overflow:"hidden"}},(0,a.createElement)("iframe",{className:"pattern-grid__preview",title:e||(0,s.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1",style:{border:"none",width:4*u+"px",maxWidth:"none",height:4*l+"px",transform:"scale(0.25)",transformOrigin:(0,s.isRTL)()?"top right":"top left",pointerEvents:"none"},src:d?t:""})))}const $t=({className:e,label:t,patternId:r})=>{const{hasPermission:n,isFavorite:o}=(0,c.useSelect)((e=>(e(fe).getFavorites(),{hasPermission:
!!e(Pt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(fe).isFavorite(r)}))),{addFavorite:s,removeFavorite:l}=(0,c.useDispatch)(fe),u=(0,i.useCallback)((()=>{o?l(r):s(r)}),[o]),p=yt()(e,"pattern-favorite-button-small",{button:n,"button-link":n,"is-favorited":o});return n?(0,a.createElement)("button",{className:p,onClick:u},(0,a.createElement)(m,{className:"pattern-favorite-button__filled"}),(0,a.createElement)("span",null,t)):(0,a.createElement)("span",{className:p},(0,a.createElement)(m,{className:"pattern-favorite-button__filled"}),(0,a.createElement)("span",null,t))},Bt=function({pattern:e,showAvatar:t,showOptions:r}){const n=function(e){switch(e.status){case"pending-review":case"pending":return(0,s.__)("Pending","wporg-patterns");case"draft":return(0,s.__)("Draft","wporg-patterns
");case"unlisted":return(0,s.__)("Declined","wporg-patterns")}return""}(e);return(0,a.createElement)("div",{className:"pattern-grid__pattern"},(0,a.createElement)("div",{className:"pattern-grid__pattern-frame"},(0,a.createElement)("a",{href:e.link,rel:"bookmark"},(0,a.createElement)("span",{className:"screen-reader-text"},(0,l.decodeEntities)(e.title.rendered)),(0,a.createElement)(Mt,{useMShot:"publish"===e.status,url:(0,y.addQueryArgs)(e.link,{view:!0,modified:e.modified_gmt,version:wporgPatternsData.thumbnailVersion})})),n?(0,a.createElement)("div",{className:`pattern-grid__status is-${e.status}`},(0,a.createElement)("span",null,n)):null,(0,a.createElement)("span",{className:"pattern-grid__actions"},(0,a.createElement)(kt,{showLabel:!1,patternId:e.id}),r&&(0,a.createElement)(At,{isSmall:!0,patternId:e
.id}),(0,a.createElement)(bt,{isSmall:!0,content:e.pattern_content}))),(0,a.createElement)("h2",{className:"pattern-grid__title"},(0,a.createElement)("a",{href:e.link},(0,l.decodeEntities)(e.title.rendered))),(0,a.createElement)("p",{className:"pattern-grid__meta"},t&&e.author_meta?(0,a.createElement)("a",{href:e.author_meta.url,className:"pattern-grid__author-avatar"},(0,a.createElement)("img",{alt:"",src:e.author_meta.avatar}),e.author_meta.name):null,e.favorite_count>0?(0,a.createElement)($t,{className:"pattern-grid__favorite-count",patternId:e.id,label:(0,a.createElement)(a.Fragment,null,(0,a.createElement)("span",{className:"screen-reader-text"},(0,s.sprintf)(/* translators: %s is the favorite count for a pattern. */ /* translators: %s is the favorite count for a pattern. */
+(0,s._n)("Favorited %s times","Favorited %s times",e.favorite_count,"wporg-patterns"),e.favorite_count)),(0,a.createElement)("span",{"aria-hidden":!0},e.favorite_count))}):null))},Qt=(0,i.forwardRef)((function({icon:e,size:t=24,...r},n){return(0,i.cloneElement)(e,{width:t,height:t,...r,ref:n})})),jt=(0,a.createElement)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(g.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),qt=(e,t)=>{switch(t.status){case"submitting":return{isSubmitting:!0};case"submitted":return{isSubmitted:!0};case"error":return{hasError:!0,message:t.message};default:return{}}},Ut=({postId:e,onClose:t})=>{const[r,n]=(0,i.useReducer)(qt,{}),[o,l]=(0,i.useState)(""),[u,p]=(0,i.useState)(""),d=(0,i.useRef)(),g=(0,s.__)("Your report has been submitted.","wporg-patterns"),{i
sLoading:m,mappedReasons:f}=(0,c.useSelect)((e=>{const{getPatternFlagReasons:t,isLoadingPatternFlagReasons:r}=e(fe),n=t()||[];return{isLoading:r(),mappedReasons:n.sort(((e,t)=>{switch(!0){case e.slug<t.slug:return-1;case e.slug>t.slug:return 1;default:return 0}})).map((e=>({label:e.name,value:e.id.toString()})))}})),h=()=>{t(r.isSubmitted)};return(0,a.createElement)(_e.Modal,{className:"pattern-report-modal "+(r.isSubmitted?"":"pattern-report-modal__has-fixed-height"),title:(0,s.__)("Report this pattern","wporg-patterns"),onRequestClose:h},(0,a.createElement)("div",{ref:d},m?(0,a.createElement)(_e.Spinner,null):r.isSubmitted?(0,a.createElement)("p",{className:"pattern-report-modal__copy"},g):(0,a.createElement)("form",{onSubmit:t=>{t.preventDefault(),o&&u.length&&!r.isSubmitted&&!r.isSubmitting&&(n({status:"submitting"}),Tt()({path:
(0,y.addQueryArgs)("/wp/v2/wporg-pattern-flag"),method:"POST",data:{parent:e,"wporg-pattern-flag-reason":o,excerpt:u}}).then((()=>{n({status:"submitted"}),(0,Et.speak)(g),d.current.closest('[role="dialog"]').focus()})).catch((e=>{n({status:"error",message:e.message}),(0,Et.speak)((0,s.sprintf)(/* translators: %s: Error message. */ /* translators: %s: Error message. */
+(0,s.__)("Error: %s","wporg-patterns"),e.message))})))}},(0,a.createElement)(_e.RadioControl,{className:"pattern-report-modal__radio",label:(0,s.__)("Please choose a reason:","wporg-patterns"),selected:o,options:f,onChange:l,required:!0}),(0,a.createElement)(_e.TextareaControl,{label:(0,s.__)("Please provide details (required)","wporg-patterns"),value:u,onChange:p,required:!0}),r.hasError&&(0,a.createElement)("div",{className:"notice notice-large notice-alt notice-error"},r.message),(0,a.createElement)("div",{className:"pattern-report-modal__actions"},(0,a.createElement)(_e.Button,{isSecondary:!0,onClick:h},(0,s.__)("Cancel","wporg-patterns")),(0,a.createElement)(_e.Button,{type:"submit",isBusy:r.isSubmitting,isPrimary:!0},r.isSubmitting?(0,s.__)("Submitting …","wporg-patterns"):(0,s.__)("Report","wpo
rg-patterns"))))))},Vt=({postId:e,userHasReported:t})=>{const[r,n]=(0,i.useState)(!1),[o,l]=(0,i.useState)(!1),c=t||o,u=!!wporgPatternsData.userId;return c?(0,a.createElement)("p",{className:"pattern-report-button__copy"},(0,a.createElement)(Qt,{icon:jt}),(0,s.__)("You've reported this pattern","wporg-patterns")):u?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Button,{className:"pattern-report-button",isLink:!0,onClick:()=>n(!0)},(0,s.__)("Report this pattern","wporg-patterns")),r&&(0,a.createElement)(Ut,{postId:e,onClose:e=>{n(!1),l(e)}})):(0,a.createElement)("p",{className:"pattern-report-button__copy"},(0,a.createElement)("a",{href:(0,y.addQueryArgs)("/wp-login.php",{redirect_to:window.location.pathname})},(0,s.__)("Login to report this pattern","wporg-patterns")))};function Kt({pattern:e}){const[t,r]=(0,i.useState)(!
1),n=()=>r(!0),o=()=>r(!1);switch(e.status){case"pending-review":case"pending":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"warning",isDismissible:!1,actions:[{label:(0,s.__)("Learn More","wporg-patterns"),onClick:n,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,s.__)("Review pending.","wporg-patterns")),(0,s.__)("This pattern is only visible to you. Once approved it will be published to everyone.","wporg-patterns"))),t&&(0,a.createElement)(_e.Modal,{title:(0,s.__)("Review Pending","wporg-patterns"),onRequestClose:o,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,s.__)("All patterns submitted to WordPress.org are subject to both automated and manual approval. I
t might take a few days for your pattern to be approved.","wporg-patterns")),(0,a.createElement)("p",null,(0,s.__)("Reviewers look for content that may be problematic (copyright or trademark issues) and whether your pattern works as intended.","wporg-patterns"))));case"draft":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"info",isDismissible:!1,actions:[{label:(0,s.__)("Learn More","wporg-patterns"),onClick:n,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,s.__)("Saved as draft.","wporg-patterns")),(0,s.__)("This pattern is only visible to you. When you’re ready, submit it to be published to everyone.","wporg-patterns"))),t&&(0,a.createElement)(_e.Modal,{title:(0,s.__)("Drafts","wporg-pat
terns"),onRequestClose:o,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,s.__)("Patterns can be saved as a draft which can be submitted for approval at any time. This allows you to save your design and come back to it later to submit.","wporg-patterns"))));case"unlisted":return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"error",isDismissible:!1,actions:[{label:(0,s.__)("Learn More","wporg-patterns"),onClick:n,variant:"secondary"}]},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,s.__)("Pattern declined.","wporg-patterns")),(0,s.__)("WordPress.org has chosen not to include this pattern in the directory.","wporg-patterns"))),t&&(0,a.createElement)(_e.Modal,{title:(0,s.__)("Declined","wporg-pat
terns"),onRequestClose:o,className:"pattern__status-notice-modal"},(0,a.createElement)("p",null,(0,s.__)("WordPress.org has removed your pattern from the directory for the following reason:","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("em",{dangerouslySetInnerHTML:{__html:e.unlisted_reason?.description||(0,s.__)("This pattern doesn't meet the guidelines for the pattern directory.","wporg-patterns")}})),(0,a.createElement)("p",null,(0,s.__)("You can update your pattern to resubmit it for approval at any time.","wporg-patterns"))));case"publish":return(0,a.createElement)(_e.Notice,{className:"pattern__status-notice",status:"success",isDismissible:!1},(0,a.createElement)("p",null,(0,a.createElement)("strong",null,(0,s.__)("Pattern published!","wporg-patterns")),(0,s.__)("Your
new design is now available to everyone.","wporg-patterns")))}return null}const Gt=({postId:e,userHasReported:t})=>{e=Number(e)||0;const{pattern:r,categories:n}=(0,c.useSelect)((t=>{const r=t(fe).getPattern(e),n=t(fe).getCategories()||[],a=r?.["pattern-categories"].map((e=>n.find((({id:t})=>t===e)))).filter(Boolean);return{pattern:r,categories:a||[]}}),[e]);if(!r)return null;const o=window.wporgPatternsData.userId===r.author;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("header",{className:"entry-header"},o&&(0,a.createElement)(Kt,{pattern:r}),(0,a.createElement)("h1",{className:"entry-title"},(0,l.decodeEntities)(r.title.rendered)),(0,a.createElement)("div",{className:"pattern__categories"},n.map((({id:e,name:t,link:r})=>(0,a.createElement)("a",{href:r,key:e},(0,l.decodeEntities)(t)))))),(0,a.createElement)(It,{postId:e,showOptions:o}),(0,a.createEl
ement)("div",{className:"pattern-preview__container"},(0,a.createElement)(ft,{pattern:r}),(0,a.createElement)("div",{className:"pattern__meta"},(0,a.createElement)(Vt,{userHasReported:"true"===t,postId:e}))),(0,a.createElement)("div",{className:"pattern__related-patterns"},(0,a.createElement)(he,{query:{author:r.author,per_page:3,exclude:e},showPagination:!1,header:(0,a.createElement)(a.Fragment,null,(0,a.createElement)("h2",null,(0,s.__)("More from this designer","wporg-patterns")),(0,a.createElement)(u,{...r.author_meta}))},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e})))))},Wt=e=>{const t=document.getElementById("breadcrumb-part");t&&(t.innerText=e)},zt=()=>{const{path:e}=C(),{authorName:t,categoryName:r}=(0,c.useSelect)((t=>{const r=t(fe).getQueryFromUrl(e),n=t(fe).getCategoryById(r["pattern-categories"]);return{authorName:wporgPatternsDat
a.currentAuthorName||r?.author_name,categoryName:n?.name}}),[]);return(0,i.useEffect)((()=>{t?
</ins><span class="cx" style="display: block; padding: 0 10px"> // translators: %s is the author name.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Yt((0,o.sprintf)((0,o.__)("Author: %s","wporg-patterns"),t)):r&&
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Wt((0,s.sprintf)((0,s.__)("Author: %s","wporg-patterns"),t)):r&&
</ins><span class="cx" style="display: block; padding: 0 10px"> // translators: %s is the category name.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Yt((0,o.sprintf)((0,o.__)("Category: %s","wporg-patterns"),r))}),[e,t,r]),null};var Jt=Object.prototype.hasOwnProperty;function Zt(e,t,r){for(r of e.keys())if(er(r,t))return r}function er(e,t){var r,n,a;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&er(e[n],t[n]););return-1===n}if(r===Set){if(e.size!==t.size)return!1;for(n of e){if((a=n)&&"object"==typeof a&&!(a=Zt(t,a)))return!1;if(!t.has(a))return!1}return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e){if((a=n[0])&&"object"==typeof a&&!(a=Zt(t,a)))return!1;if(!er(n[1],t.get(a)))return!1}return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if
((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return-1===n}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return-1===n}if(!r||"object"==typeof e){for(r in n=0,e){if(Jt.call(e,r)&&++n&&!Jt.call(t,r))return!1;if(!(r in t)||!er(e[r],t[r]))return!1}return Object.keys(t).length===n}}return e!=e&&t!=t}function tr(e,t){return we.useEffect(e,(r=t,n=we.useRef(r),a=we.useRef(0),er(r,n.current)||(n.current=r,a.current+=1),we.useMemo((function(){return n.current}),[a.current])));var r,n,a}const rr=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 1===t?"":(0,o.sprintf)((0,o.__)("Page %1$d of %2$d.","wporg-patterns"),e,t)
-/* translators: %1$d: current page. %2$d: total number of pages. */},nr=function(e){const{path:t}=C(),[r,n]=(0,a.useState)(),[i]=(0,a.useState)({title:"",links:[]}),{author:l,category:c,count:u,isLoadingPatterns:p,pageLabel:d,query:g}=(0,s.useSelect)((r=>{const{getCategoryById:n,getPatternTotalsByQuery:a,getPatternTotalPagesByQuery:o,getQueryFromUrl:i,isLoadingPatternsByQuery:s}=r(fe),l={...i(t),...e.query},c=s(l);return{author:wporgPatternsData.currentAuthorName||l?.author_name,category:n(l["pattern-categories"]),count:a(l),isLoadingPatterns:c,pageLabel:l&&!c?rr(l.page,o(l)):"",query:l}}),[t,e.query]);tr((()=>{if(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return!e.hasOwnProperty("include")||e.include.length>0}(g)&&p)return void n((e=>{let{category:t,author:r}=e;return t&&r?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %1$s category name, %2$s author
name. */
-(0,o.__)("Loading <b>%1$s</b> patterns by %2$s.","wporg-patterns"),t,r),{b:(0,a.createElement)("b",null)}):t?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %s category name. */
-(0,o.__)("Loading <b>%s</b> patterns.","wporg-patterns"),t),{b:(0,a.createElement)("b",null)}):r?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %s author name. */
-(0,o.__)("Loading patterns by <b>%s</b>.","wporg-patterns"),r),{b:(0,a.createElement)("b",null)}):(0,o.__)("Loading patterns","wporg-patterns")})({category:c?.name,author:l}));if((e=>!Object.keys(e||{}).filter((e=>!["orderby","page","curation"].includes(e))).length)(g))return void n("");const e=g?.search||"";e.length>0?n(((e,t)=>(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %1$d: number of patterns. %2$s search term. */
-(0,o._n)("%1$d pattern found for <b>%2$s</b>","%1$d patterns found for <b>%2$s</b>",e,"wporg-patterns"),e,t.replace(/\+/g," "),"wporg-patterns"),{b:(0,a.createElement)("b",null)}))(u,e)):(n(((e,t)=>{let{category:r,author:n}=e;return r&&n?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %1$d: number of patterns, %2$s category name, %3$s author name. */
-(0,o._n)("%1$d <b>%2$s</b> pattern by %3$s.","%1$d <b>%2$s</b> patterns by %3$s.",t,"wporg-patterns"),t,r,n),{b:(0,a.createElement)("b",null)}):r?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %1$d: number of patterns, %2$s category name. */
-(0,o._n)("%1$d <b>%2$s</b> pattern.","%1$d <b>%2$s</b> patterns.",t,"wporg-patterns"),t,r,"wporg-patterns"),{b:(0,a.createElement)("b",null)}):n?(0,a.createInterpolateElement)((0,o.sprintf)(/* translators: %1$d: number of patterns, %2$s author name. */
-(0,o._n)("%1$d pattern by <b>%2$s</b>.","%1$d patterns by <b>%2$s</b>.",t,"wporg-patterns"),t,n),{b:(0,a.createElement)("b",null)}):(0,o.__)("Loading patterns","wporg-patterns")})({category:c?.name,author:l},u)),g?.include&&!c&&n(""))}),[g,p]);const m=Et()({"context-bar__spinner":!0,"context-bar__spinner--is-hidden":!p||e.isEmpty});return(0,a.createElement)("div",{className:r?null:"screen-reader-text"},(0,a.createElement)("header",{className:"context-bar","aria-live":"polite","aria-atomic":"true",tabIndex:"0"},(0,a.createElement)("h2",{className:"context-bar__copy"},(0,a.createElement)("span",{className:m},(0,a.createElement)(_e.Spinner,null)),(0,a.createElement)("span",null,r||(0,o.__)("All patterns.","wporg-pat
terns")),d&&(0,a.createElement)("span",{className:"screen-reader-text"},d)),i.links&&i.links.length>0&&(0,a.createElement)("div",{className:"context-bar__links"},(0,a.createElement)("h3",{className:"context-bar__title"},i.title),(0,a.createElement)("ul",null,i.links.map((e=>(0,a.createElement)("li",{key:e.href},(0,a.createElement)("a",{href:e.href},e.label))))))))},ar=()=>{const{path:e}=C(),t=(0,s.useSelect)((t=>{const r=t(fe).getQueryFromUrl(e),n=t(fe).getCategoryById(r["pattern-categories"])?.name,a=wporgPatternsData.currentAuthorName||r?.author_name,i=P(e),s=w(e).replace(/^\/patterns/,"").split("/")[1]||"",l=[];return"categories"===s&&n?l.push(/* translators: Taxonomy term name */
-(0,o.sprintf)((0,o.__)("Block Patterns: %s","wporg-patterns"),n)):"author"===s&&a?l.push(/* translators: Author name */
-(0,o.sprintf)((0,o.__)("Block Patterns by %s","wporg-patterns"),a)):l.push((0,o.__)("Block Pattern Directory","wporg-patterns")),i>1&&l.push(/* translators: Page number */
-(0,o.sprintf)((0,o.__)("Page %d","wporg-patterns"),i)),l.push((0,o.__)("WordPress.org","wporg-patterns")+` ${wporgLocale.displayName}`),l.join(" | ")}));return(0,a.useEffect)((()=>{t&&(document.title=t)}),[t]),null},or=function(){return(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("No results found","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createInterpolateElement)((0,o.__)("View <a>all block patterns</a> or browse some of our recent patterns.","wporg-patterns"),{a:(0,a.createElement)("a",{href:wporgPatternsUrl.site})})))},ir=e=>{let{defaultValue:t,label:r,param:n,options:o}=e;const{path:i,replace:s}=C(),l=(0,ve.useViewportMatch)("medium",">=");if(!o)return null;const c=(0,_.getQueryArg)(window.location.href,n)||t;return(0,a.c
reateElement)("div",{className:"pattern-select-control"},(0,a.createElement)(_e.SelectControl,{label:r,labelPosition:"side",hideLabelFromVision:l,value:c,options:o,onChange:e=>{s((0,_.addQueryArgs)(i,{[n]:e}).replace(/\/page\/[\d]+/,""))}}))},sr=()=>(0,a.createElement)(c,{className:"pattern-menu",style:{flexDirection:"row"}},Array(7).fill().map(((e,t)=>(0,a.createElement)(u,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"})))),lr=e=>{let{current:t,isLoading:r,label:n=(0,o.__)("Main Menu","wporg-patterns"),onClick:i,options:s}=e;return r?(0,a.createElement)(sr,null):s.length?(0,a.createElement)("nav",null,(0,a.createElement)("h2",{className:"screen-reader-text"},n),(0,a.createElement)("ul",{className:"pattern-menu"},s.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a&quo
t;,{className:Et()({"pattern-menu__item":!0,"is-active":t===e.slug}),href:e.value,onClick:i,"aria-current":t===e.slug?"page":void 0},e.label)))))):null},cr=e=>{let{onClick:t,options:r,label:n=(0,o.__)("Browse categories","wporg-patterns")}=e;const[i,s]=(0,a.useState)(!1);return(0,a.createElement)(_e.PanelBody,{className:"pattern-menu is-mobile",title:n,initialOpen:i,opened:i,onToggle:()=>s(!i)},(0,a.createElement)("ul",null,r.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a",{href:e.value,onClick:e=>{s(!1),t(e)}},e.label))))))},ur=e=>(0,ve.useViewportMatch)("medium","<")?(0,a.createElement)(cr,e):(0,a.createElement)(lr,e),pr=e=>{let{primary:t,secondary:r}=e;return(0,a.createElement)("div",{className:"pattern-navigation-layout"},t&&(0,a.createElement)("div",{className:"pattern-navig
ation-layout__primary"},t),r&&(0,a.createElement)("div",{className:"pattern-navigation-layout__secondary"},r))},dr=["","featured","query","text","gallery","call-to-action","banner","header","footer","wireframe"],gr=e=>{let{basePath:t="",onNavigation:r,hideCuration:n=!1,...i}=e;const{path:l,update:c}=C(),{categorySlug:u,isLoading:p,options:d}=(0,s.useSelect)((e=>{const{getCategoryById:r,getCategories:n,getQueryFromUrl:a,getUrlFromQuery:o,isLoadingCategories:i}=e(fe),s=a(l);delete s.page;const c=n()||[],u=dr.map((e=>{const r=c.find((t=>t.slug===e));return!!r&&{value:o({...s,"pattern-categories":r.id},wporgPatternsUrl.site+t),slug:r.slug,label:r.name}})).filter(Boolean);return{categorySlug:r(s["pattern-categories"])?.slug||"",isLoading:i(),options:u}}));return(0,a.createElement)(a.Fragment,null,(
0,a.createElement)(pr,{primary:(0,a.createElement)(ur,{current:u,options:d||[],onClick:e=>{e.preventDefault(),c(e.target.pathname),"function"==typeof r&&r()},isLoading:p}),secondary:(0,a.createElement)(a.Fragment,null,n?null:(0,a.createElement)(ir,{label:(0,o.__)("Filter by","wporg-patterns"),param:"curation",defaultValue:"core",options:[{label:(0,o.__)("Curated","wporg-patterns"),value:"core"},{label:(0,o.__)("Community","wporg-patterns"),value:"community"}]}),(0,a.createElement)(ir,{label:(0,o.__)("Order by","wporg-patterns"),param:"orderby",defaultValue:"date",options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Popular","wporg-patterns"),value:"favorite_count"}]}))}),(0,a.createElement)(nr,i))},mr=()=>{const{setCurrentQuery:e}=(0
,s.useDispatch)(fe),{path:t}=C(),r=(0,s.useSelect)((e=>e(fe).getQueryFromUrl(t)),[t]);return tr((()=>{e(r)}),[r]),null},fr=window.wp.dom;function hr(){const e=(0,a.useRef)(),t=(0,a.useCallback)((()=>{if(!e?.current)return;const t=fr.focus.tabbable.find(e.current),r=t[t.length-1]||!1;r&&r.focus(),r.focus()}),[]);return[e,t]}const vr=function(e){let{isLoggedIn:t}=e;const r=(0,_.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location}),n=(0,_.addQueryArgs)(wporgPatternsUrl.register,{redirect_to:window.location});return t?(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Tap the heart on any pattern to mark it as a favorite. All your favorite patterns will appear here.","wporg-patterns"))):(0,a.c
reateElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Log in to your WordPress.org account and you’ll be able to see all your favorite patterns in one place.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:r},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button-link link-create-account",href:n},(0,o.__)("Create an account","wporg-patterns"))))};function _r(){const{path:e,update:t}=C();let r=E(e,"my-patterns");"page"===r&&(r="all");const n=[{value:`${wporgPatt
ernsUrl.site}/my-patterns/`,slug:"all",label:(0,o.__)("All","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/draft/`,slug:"draft",label:(0,o.__)("Drafts","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/pending/`,slug:"pending",label:(0,o.__)("Pending Review","wporg-patterns")}];return(0,a.createElement)(ur,{label:(0,o.__)("Menu","wporg-patterns"),current:r||"all",options:n,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1})}const yr=document.getElementById("patterns__container");yr&&(0,a.render)((0,a.createElement)((()=>{const{isAuthor:e,isEmpty:t,isSearch:r,query:n}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:n}=e(fe),a=t()||{},o=!!a.search,i=!!a.author_name,s={...a};o||i||s.curation||(s.curation="core");const l=n(s),c=s?r(s):[];return
{isAuthor:i,isEmpty:!l&&!c.length,isSearch:o,query:s}})),[o,i]=hr();return(0,a.createElement)(k,null,(0,a.createElement)(ar,null),(0,a.createElement)(mr,null),(0,a.createElement)(Xt,null),(0,a.createElement)("div",{ref:o},r?(0,a.createElement)(nr,{query:n}):(0,a.createElement)(gr,{onNavigation:i,query:n,hideCuration:e})),t?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(or,null),(0,a.createElement)(he,{query:{per_page:6,curation:"core"},showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(he,{query:n,onNavigation:i},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),yr);const wr=document.getElementById("my-patterns__container");wr&&(0,a.render)((0,a.createElement)((()=>{const e=wporgPatternsData.userId,{isEmpty:t,query:r}=(0,s.useSelect)((t=>{const{getCurrentQuery:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=t(fe),o={status:"any"
;,...r()||{},author:e};"pending"===o.status&&(o.status="pending,pending-review");const i=e&&a(o),s=e?n(o):[];return{isEmpty:!i&&!s.length,query:o}}));if(!e){const e=(0,_.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return(0,a.createElement)("div",{className:"entry-content"},(0,a.createElement)("div",{className:"alignwide",style:{marginLeft:"auto",marginRight:"auto",maxWidth:960}},(0,a.createElement)("p",null,(0,o.__)("Please log in to view your patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:e},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("div",{style:{height:100},"aria-hidden":"true",className:"wp-block-spacer"})))}return(0,a.createElement)
(k,null,(0,a.createElement)(mr,null),(0,a.createElement)(pr,{primary:(0,a.createElement)(_r,null),secondary:(0,a.createElement)(ir,{label:(0,o.__)("Order by","wporg-patterns"),param:"orderby",defaultValue:"date",options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Popular","wporg-patterns"),value:"favorite_count"}]})}),t?(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Create and share patterns for every WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Anyone can create and share patterns using the familiar block editor. Design helpful starting points for yourself and any WordPress site.","wporg-patterns")),(0,a.createElement)(_e.Button,{variant:"primary",href:`${wporgPatternsUrl.site
}/new-pattern/`},(0,o.__)("Create your first pattern","wporg-patterns"))):(0,a.createElement)(he,{query:r},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showOptions:!0}))))}),null),wr);const Er=document.getElementById("pattern-favorites__container");Er&&(0,a.render)((0,a.createElement)((()=>{const{isEmpty:e,query:t}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getFavorites:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=e(fe),o=t()||{},i=r();if(null===i)return{query:!1,isEmpty:!1};const s={...o,include:i},l=!!i.length&&a(s),c=i.length?n(s):[];return{query:s,isEmpty:!l&&!c.length}})),[r,n]=hr(),i={orderby:"favorite_count",per_page:6,curation:"core"};t["pattern-categories"]&&(i["pattern-categories"]=t["pattern-categories"]);const l=!!wporgPatternsData.userId;return(0,a.createElement)(k,null,(0,a.createElement)(mr,null),(0,a.createElement)("div",{ref:r}
,l&&(0,a.createElement)(gr,{basePath:"/favorites/",query:t,onNavigation:n,isEmpty:e,hideCuration:!0})),!l||e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(vr,{isLoggedIn:l}),(0,a.createElement)(he,{header:(0,a.createElement)("h2",{className:"pattern-favorites__grid-title"},(0,o.__)("Here’s a few of our favorite patterns","wporg-patterns")),query:i,showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(he,{query:t,onNavigation:n},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),Er);const br=document.querySelectorAll(".pattern__container");for(let e=0;e<br.length;e++){const t=br[e],r=t.dataset;(0,a.render)((0,a.createElement)(Ht,r),t,(()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach((e=>e.hidden=!0))}))}})()})();
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Wt((0,s.sprintf)((0,s.__)("Category: %s","wporg-patterns"),r))}),[e,t,r]),null};var Ht=Object.prototype.hasOwnProperty;function Yt(e,t,r){for(r of e.keys())if(Xt(r,t))return r}function Xt(e,t){var r,n,a;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&Xt(e[n],t[n]););return-1===n}if(r===Set){if(e.size!==t.size)return!1;for(n of e){if((a=n)&&"object"==typeof a&&!(a=Yt(t,a)))return!1;if(!t.has(a))return!1}return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e){if((a=n[0])&&"object"==typeof a&&!(a=Yt(t,a)))return!1;if(!Xt(n[1],t.get(a)))return!1}return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if
((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return-1===n}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return-1===n}if(!r||"object"==typeof e){for(r in n=0,e){if(Ht.call(e,r)&&++n&&!Ht.call(t,r))return!1;if(!(r in t)||!Xt(e[r],t[r]))return!1}return Object.keys(t).length===n}}return e!=e&&t!=t}function Jt(e,t){return a.useEffect(e,(r=t,n=a.useRef(r),o=a.useRef(0),Xt(r,n.current)||(n.current=r,o.current+=1),a.useMemo((function(){return n.current}),[o.current])));var r,n,o}const Zt=(e=1,t=1)=>1===t?"":(0,s.sprintf)((0,s.__)("Page %1$d of %2$d.","wporg-patterns"),e,t)
+/* translators: %1$d: current page. %2$d: total number of pages. */,er=function(e){const{path:t}=C(),[r,n]=(0,i.useState)(),[o]=(0,i.useState)({title:"",links:[]}),{author:l,category:u,count:p,isLoadingPatterns:d,pageLabel:g,query:m}=(0,c.useSelect)((r=>{const{getCategoryById:n,getPatternTotalsByQuery:a,getPatternTotalPagesByQuery:o,getQueryFromUrl:i,isLoadingPatternsByQuery:s}=r(fe),l={...i(t),...e.query},c=s(l);return{author:wporgPatternsData.currentAuthorName||l?.author_name,category:n(l["pattern-categories"]),count:a(l),isLoadingPatterns:c,pageLabel:l&&!c?Zt(l.page,o(l)):"",query:l}}),[t,e.query]);Jt((()=>{if(((e={})=>!e.hasOwnProperty("include")||e.include.length>0)(m)&&d)return void n((({category:e,author:t})=>e&&t?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %1$s category name, %2$s author name. */ /* translators: %1$s category name, %2$s author name. */
+(0,s.__)("Loading <b>%1$s</b> patterns by %2$s.","wporg-patterns"),e,t),{b:(0,a.createElement)("b",null)}):e?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %s category name. */ /* translators: %s category name. */
+(0,s.__)("Loading <b>%s</b> patterns.","wporg-patterns"),e),{b:(0,a.createElement)("b",null)}):t?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %s author name. */ /* translators: %s author name. */
+(0,s.__)("Loading patterns by <b>%s</b>.","wporg-patterns"),t),{b:(0,a.createElement)("b",null)}):(0,s.__)("Loading patterns","wporg-patterns"))({category:u?.name,author:l}));if((e=>!Object.keys(e||{}).filter((e=>!["orderby","page","curation"].includes(e))).length)(m))return void n("");const e=m?.search||"";e.length>0?n(((e,t)=>(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %1$d: number of patterns. %2$s search term. */ /* translators: %1$d: number of patterns. %2$s search term. */
+(0,s._n)("%1$d pattern found for <b>%2$s</b>","%1$d patterns found for <b>%2$s</b>",e,"wporg-patterns"),e,t.replace(/\+/g," "),"wporg-patterns"),{b:(0,a.createElement)("b",null)}))(p,e)):(n((({category:e,author:t},r)=>e&&t?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %1$d: number of patterns, %2$s category name, %3$s author name. */ /* translators: %1$d: number of patterns, %2$s category name, %3$s author name. */
+(0,s._n)("%1$d <b>%2$s</b> pattern by %3$s.","%1$d <b>%2$s</b> patterns by %3$s.",r,"wporg-patterns"),r,e,t),{b:(0,a.createElement)("b",null)}):e?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %1$d: number of patterns, %2$s category name. */ /* translators: %1$d: number of patterns, %2$s category name. */
+(0,s._n)("%1$d <b>%2$s</b> pattern.","%1$d <b>%2$s</b> patterns.",r,"wporg-patterns"),r,e,"wporg-patterns"),{b:(0,a.createElement)("b",null)}):t?(0,i.createInterpolateElement)((0,s.sprintf)(/* translators: %1$d: number of patterns, %2$s author name. */ /* translators: %1$d: number of patterns, %2$s author name. */
+(0,s._n)("%1$d pattern by <b>%2$s</b>.","%1$d patterns by <b>%2$s</b>.",r,"wporg-patterns"),r,t),{b:(0,a.createElement)("b",null)}):(0,s.__)("Loading patterns","wporg-patterns"))({category:u?.name,author:l},p)),m?.include&&!u&&n(""))}),[m,d]);const f=yt()({"context-bar__spinner":!0,"context-bar__spinner--is-hidden":!d||e.isEmpty});return(0,a.createElement)("div",{className:r?null:"screen-reader-text"},(0,a.createElement)("header",{className:"context-bar","aria-live":"polite","aria-atomic":"true",tabIndex:"0"},(0,a.createElement)("h2",{className:"context-bar__copy"},(0,a.createElement)("span",{className:f},(0,a.createElement)(_e.Spinner,null)),(0,a.createElement)("span",null,r||(0,s.__)("All patterns.","wporg-patt
erns")),g&&(0,a.createElement)("span",{className:"screen-reader-text"},g)),o.links&&o.links.length>0&&(0,a.createElement)("div",{className:"context-bar__links"},(0,a.createElement)("h3",{className:"context-bar__title"},o.title),(0,a.createElement)("ul",null,o.links.map((e=>(0,a.createElement)("li",{key:e.href},(0,a.createElement)("a",{href:e.href},e.label))))))))},tr=()=>{const{path:e}=C(),t=(0,c.useSelect)((t=>{const r=t(fe).getQueryFromUrl(e),n=t(fe).getCategoryById(r["pattern-categories"])?.name,a=wporgPatternsData.currentAuthorName||r?.author_name,o=S(e),i=w(e).replace(/^\/patterns/,"").split("/")[1]||"",l=[];return"categories"===i&&n?l.push(/* translators: Taxonomy term name */ /* translators: Taxonomy term name */
+(0,s.sprintf)((0,s.__)("Block Patterns: %s","wporg-patterns"),n)):"author"===i&&a?l.push(/* translators: Author name */ /* translators: Author name */
+(0,s.sprintf)((0,s.__)("Block Patterns by %s","wporg-patterns"),a)):l.push((0,s.__)("Block Pattern Directory","wporg-patterns")),o>1&&l.push(/* translators: Page number */ /* translators: Page number */
+(0,s.sprintf)((0,s.__)("Page %d","wporg-patterns"),o)),l.push((0,s.__)("WordPress.org","wporg-patterns")+` ${wporgLocale.displayName}`),l.join(" | ")}));return(0,i.useEffect)((()=>{t&&(document.title=t)}),[t]),null},rr=function(){return(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,s.__)("No results found","wporg-patterns")),(0,a.createElement)("p",null,(0,i.createInterpolateElement)((0,s.__)("View <a>all block patterns</a> or browse some of our recent patterns.","wporg-patterns"),{a:(0,a.createElement)("a",{href:wporgPatternsUrl.site})})))},nr=({defaultValue:e,label:t,param:r,options:n})=>{const{path:o,replace:i}=C(),s=(0,ve.useViewportMatch)("medium",">=");if(!n)return null;const l=(0,y.getQueryArg)(window.location.href,r)||e;return(0,a.create
Element)("div",{className:"pattern-select-control"},(0,a.createElement)(_e.SelectControl,{label:t,labelPosition:"side",hideLabelFromVision:s,value:l,options:n,onChange:e=>{i((0,y.addQueryArgs)(o,{[r]:e}).replace(/\/page\/[\d]+/,""))}}))},ar=()=>(0,a.createElement)(p,{className:"pattern-menu",style:{flexDirection:"row"}},Array(7).fill().map(((e,t)=>(0,a.createElement)(d,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"})))),or=({current:e,isLoading:t,label:r=(0,s.__)("Main Menu","wporg-patterns"),onClick:n,options:o})=>t?(0,a.createElement)(ar,null):o.length?(0,a.createElement)("nav",null,(0,a.createElement)("h2",{className:"screen-reader-text"},r),(0,a.createElement)("ul",{className:"pattern-menu"},o.map((t=>(0,a.createElement)("li",{key:t.value},(0,a.createElement)("a",{className:yt()
({"pattern-menu__item":!0,"is-active":e===t.slug}),href:t.value,onClick:n,"aria-current":e===t.slug?"page":void 0},t.label)))))):null,ir=({onClick:e,options:t,label:r=(0,s.__)("Browse categories","wporg-patterns")})=>{const[n,o]=(0,i.useState)(!1);return(0,a.createElement)(_e.PanelBody,{className:"pattern-menu is-mobile",title:r,initialOpen:n,opened:n,onToggle:()=>o(!n)},(0,a.createElement)("ul",null,t.map((t=>(0,a.createElement)("li",{key:t.value},(0,a.createElement)("a",{href:t.value,onClick:t=>{o(!1),e(t)}},t.label))))))},sr=e=>(0,ve.useViewportMatch)("medium","<")?(0,a.createElement)(ir,{...e}):(0,a.createElement)(or,{...e}),lr=({primary:e,secondary:t})=>(0,a.createElement)("div",{className:"pattern-navigation-layout"},e&&(0,a.createElement)("div",{className:"pattern-navigation-layout__primary"
;},e),t&&(0,a.createElement)("div",{className:"pattern-navigation-layout__secondary"},t)),cr=["","featured","query","text","gallery","call-to-action","banner","header","footer","wireframe"],ur=({basePath:e="",onNavigation:t,hideCuration:r=!1,...n})=>{const{path:o,update:i}=C(),{categorySlug:l,isLoading:u,options:p}=(0,c.useSelect)((t=>{const{getCategoryById:r,getCategories:n,getQueryFromUrl:a,getUrlFromQuery:i,isLoadingCategories:s}=t(fe),l=a(o);delete l.page;const c=n()||[],u=cr.map((t=>{const r=c.find((e=>e.slug===t));return!!r&&{value:i({...l,"pattern-categories":r.id},wporgPatternsUrl.site+e),slug:r.slug,label:r.name}})).filter(Boolean);return{categorySlug:r(l["pattern-categories"])?.slug||"",isLoading:s(),options:u}}));return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(lr,{primary:(
0,a.createElement)(sr,{current:l,options:p||[],onClick:e=>{e.preventDefault(),i(e.target.pathname),"function"==typeof t&&t()},isLoading:u}),secondary:(0,a.createElement)(a.Fragment,null,r?null:(0,a.createElement)(nr,{label:(0,s.__)("Filter by","wporg-patterns"),param:"curation",defaultValue:"core",options:[{label:(0,s.__)("Curated","wporg-patterns"),value:"core"},{label:(0,s.__)("Community","wporg-patterns"),value:"community"}]}),(0,a.createElement)(nr,{label:(0,s.__)("Order by","wporg-patterns"),param:"orderby",defaultValue:"date",options:[{label:(0,s.__)("Newest","wporg-patterns"),value:"date"},{label:(0,s.__)("Popular","wporg-patterns"),value:"favorite_count"}]}))}),(0,a.createElement)(er,{...n}))},pr=()=>{const{setCurrentQuery:e}=(0,c.useDispatch)(fe),{path:t
}=C(),r=(0,c.useSelect)((e=>e(fe).getQueryFromUrl(t)),[t]);return Jt((()=>{e(r)}),[r]),null},dr=window.wp.dom;function gr(){const e=(0,i.useRef)(),t=(0,i.useCallback)((()=>{if(!e?.current)return;const t=dr.focus.tabbable.find(e.current),r=t[t.length-1]||!1;r&&r.focus(),r.focus()}),[]);return[e,t]}const mr=function({isLoggedIn:e}){const t=(0,y.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location}),r=(0,y.addQueryArgs)(wporgPatternsUrl.register,{redirect_to:window.location});return e?(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,s.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,s.__)("Tap the heart on any pattern to mark it as a favorite. All your favorite patterns will appear here.","wporg-patterns"))):(0,a.createElement)("div",{cla
ssName:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,s.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,s.__)("Log in to your WordPress.org account and you’ll be able to see all your favorite patterns in one place.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:t},(0,s.__)("Log in","wporg-patterns"))),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button-link link-create-account",href:r},(0,s.__)("Create an account","wporg-patterns"))))};function fr(){const{path:e,update:t}=C();let r=E(e,"my-patterns");"page"===r&&(r="all");const n=[{value:`${wporgPatternsUrl.site}/my-patterns/`,slug:&
quot;all",label:(0,s.__)("All","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/draft/`,slug:"draft",label:(0,s.__)("Drafts","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/pending/`,slug:"pending",label:(0,s.__)("Pending Review","wporg-patterns")}];return(0,a.createElement)(sr,{label:(0,s.__)("Menu","wporg-patterns"),current:r||"all",options:n,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1})}const hr=document.getElementById("patterns__container");hr&&(0,i.render)((0,a.createElement)((()=>{const{isAuthor:e,isEmpty:t,isSearch:r,query:n}=(0,c.useSelect)((e=>{const{getCurrentQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:n}=e(fe),a=t()||{},o=!!a.search,i=!!a.author_name,s={...a};o||i||s.curation||(s.curation="core");const l=n(s),c=s?r(s):[];return{isAuthor:i,isEmpty:!l&&!c
.length,isSearch:o,query:s}})),[o,i]=gr();return(0,a.createElement)(k,null,(0,a.createElement)(tr,null),(0,a.createElement)(pr,null),(0,a.createElement)(zt,null),(0,a.createElement)("div",{ref:o},r?(0,a.createElement)(er,{query:n}):(0,a.createElement)(ur,{onNavigation:i,query:n,hideCuration:e})),t?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(rr,null),(0,a.createElement)(he,{query:{per_page:6,curation:"core"},showPagination:!1},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(he,{query:n,onNavigation:i},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),hr);const vr=document.getElementById("my-patterns__container");vr&&(0,i.render)((0,a.createElement)((()=>{const e=wporgPatternsData.userId,{isEmpty:t,query:r}=(0,c.useSelect)((t=>{const{getCurrentQuery:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=t(fe),o={status:"any",...r()||{},author:e};"pendi
ng"===o.status&&(o.status="pending,pending-review");const i=e&&a(o),s=e?n(o):[];return{isEmpty:!i&&!s.length,query:o}}));if(!e){const e=(0,y.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return(0,a.createElement)("div",{className:"entry-content"},(0,a.createElement)("div",{className:"alignwide",style:{marginLeft:"auto",marginRight:"auto",maxWidth:960}},(0,a.createElement)("p",null,(0,s.__)("Please log in to view your patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:e},(0,s.__)("Log in","wporg-patterns"))),(0,a.createElement)("div",{style:{height:100},"aria-hidden":"true",className:"wp-block-spacer"})))}return(0,a.createElement)(k,null,(0,a.createElement)(pr,nul
l),(0,a.createElement)(lr,{primary:(0,a.createElement)(fr,null),secondary:(0,a.createElement)(nr,{label:(0,s.__)("Order by","wporg-patterns"),param:"orderby",defaultValue:"date",options:[{label:(0,s.__)("Newest","wporg-patterns"),value:"date"},{label:(0,s.__)("Popular","wporg-patterns"),value:"favorite_count"}]})}),t?(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,s.__)("Create and share patterns for every WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,s.__)("Anyone can create and share patterns using the familiar block editor. Design helpful starting points for yourself and any WordPress site.","wporg-patterns")),(0,a.createElement)(_e.Button,{variant:"primary",href:`${wporgPatternsUrl.site}/new-pattern/`},(0,s.__)("Cr
eate your first pattern","wporg-patterns"))):(0,a.createElement)(he,{query:r},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e,showOptions:!0}))))}),null),vr);const _r=document.getElementById("pattern-favorites__container");_r&&(0,i.render)((0,a.createElement)((()=>{const{isEmpty:e,query:t}=(0,c.useSelect)((e=>{const{getCurrentQuery:t,getFavorites:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=e(fe),o=t()||{},i=r();if(null===i)return{query:!1,isEmpty:!1};const s={...o,include:i},l=!!i.length&&a(s),c=i.length?n(s):[];return{query:s,isEmpty:!l&&!c.length}})),[r,n]=gr(),o={orderby:"favorite_count",per_page:6,curation:"core"};t["pattern-categories"]&&(o["pattern-categories"]=t["pattern-categories"]);const i=!!wporgPatternsData.userId;return(0,a.createElement)(k,null,(0,a.createElement)(pr,null),(0,a.createElement)("div",{ref:r},i&&(0,a.createElement)(ur
,{basePath:"/favorites/",query:t,onNavigation:n,isEmpty:e,hideCuration:!0})),!i||e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(mr,{isLoggedIn:i}),(0,a.createElement)(he,{header:(0,a.createElement)("h2",{className:"pattern-favorites__grid-title"},(0,s.__)("Here’s a few of our favorite patterns","wporg-patterns")),query:o,showPagination:!1},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(he,{query:t,onNavigation:n},(e=>(0,a.createElement)(Bt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),_r);const yr=document.querySelectorAll(".pattern__container");for(let e=0;e<yr.length;e++){const t=yr[e],r=t.dataset;(0,i.render)((0,a.createElement)(Gt,{...r}),t,(()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach((e=>e.hidden=!0))}))}})()})();
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-right:-2%}@media (max-width:768px){.row.gutters>.row{margin-right:0}}.row.gutters>.row>[class*=col-]{margin-right:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-right:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-right:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-right:16.6666666667%}.col-3{width:25%}.offset-3{margin-right:25%}.col-4{width:33.3333333333%}.offset-4{margin-right:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-right:41.6666666667%}.col-6{width:50%}.offset-6{margin-right:50%}.col-7{width:58.3333333333%}
.offset-7{margin-right:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-right:66.6666666667%}.col-9{width:75%}.offset-9{margin-right:75%}.col-10{width:83.3333333333%}.offset-10{margin-right:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-right:91.6666666667%}.col-12{width:100%}.offset-12{margin-right:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-right:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-right:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-right:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-right:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-right:43.66667%!important}.gutters>.col-6{width:48%}.gutte
rs>.col-6:nth-child(n+3){margin-top:2%}.gutters>.offset-6{margin-right:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-right:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-right:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-right:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-right:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-right:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-right:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-right:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-right:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-left:auto}.gutters .column.push-right,.push-right{margin-right:auto
}.gutters .column.push-center,.push-center{margin-right:auto;margin-left:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-right:0}.gutters .column.push-center-sm,.push-center-sm{margin-right:auto;margin-left:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:left}.float-left{float:right}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{right:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio
:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webk
it-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:a
fter,blockquote:before,q:after,q:before{content:""}blockquote{border-right:2px solid #767676;color:#767676;margin:1rem 0;padding-right:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 1.5em 1.5em 0;padding:0}ul{list-st
yle:square}ol{list-style:decimal}li.unmarked-list,ol.unmarked-list,ul.unmarked-list{list-style:none;padding-right:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0
1L2 0Z" fill="%23555D66"/%3E%3C/svg%3E%0A');background-position:left .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem .8rem .5rem 2rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;t
op:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-right:auto;margin-left:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding
:0 1.5rem}.button-group.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.foc
us,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;p
adding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:f
ocus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!import
ant;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:no
ne!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-foote
r:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}inp
ut[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:b
efore,input[type=radio]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search
]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}inp
ut.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-w
idth:55px;padding:3px 6px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-right:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-w
eight:600;height:auto;padding:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.wp-block-wporg-notice{--wp--custom--wporg-notice--color--background:#e2ffed;--wp--custom--wporg-notice--color--text:#1e1e1e}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:#eff2ff}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:#fffdd6}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:#ffe9de}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(-5deg
);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top right}60%{animation-timing-function:ease-in-out;transform:rotate(-40deg);transform-origin:top right}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(-60deg);transform-origin:top right}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comment
s-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-right:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:right;height:24px;margin-left:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-right:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 1.3333em 1.6em 0}.comments-area .comment-content li>ol,.comments-area .comment-content li>ul,.comments-area .comment-c
ontent>:last-child{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{
border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-left:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog
.entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;left:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle
{display:none}.main-navigation{float:left;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-c
ontent,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:left}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px;text-align:center}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737
px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;widt
h:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area
{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:right;margin-bottom:20px;margin-right:24px;overflow:auto;padding-right:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-right:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-left:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{bac
kground:url(//s.w.org/style/images/codeispoetry.png?1) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-right:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-right:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-right:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-right:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wp
org-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3) 100% no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 60px 0 0}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;right:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:right;top:100%;transition:right .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{right:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header u
l li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li a.current,#wporg-header ul li a:hover,#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:left;height:34px;margin-left:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download .uparrow,#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li.download .uparrow,#wporg-header ul li
.download.current,#wporg-header ul li.download.current-menu-item{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;right:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:left;margin-left:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-right:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:right;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:21
6px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat right 2px top 5px;border:none;border-radius:0;box-shadow:none;float:right;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-right:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:right;padding-right:10px}#wporg-header h2.rosetta{float:right;margin-right:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:right;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:right;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.
uparrow{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;content:"";height:0;right:50%;margin:-8px -9px 0 0;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .fo
cus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li a.current~.uparrow,#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;right:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:right}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"\f228";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@med
ia screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.error-404{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='1033' height='471' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 366.009h213.878v98.437H253.7v-98.437h60.853v-37.586H253.7V6.264h-49.442L0 332.003v34.006zm213.878-37.586H46.758v-2.908L210.746 63.313h3.132v265.11zM516.115 470.71c96.424 0 153.025-87.027 153.025-235.355C669.14 87.699 612.091 0 516.115 0c-95.977 0-153.026 87.699-153.026 235.355 0 148.328 56.602 235.355 153.026 235.355zm0-37.585c-70.473 0-112.532-72.262-112.532-197.77 0-125.284 42.283-198.44 112.532-198.44 70.248 0 112.531 73.156 112.531 198.44 0 12
5.508-42.059 197.77-112.531 197.77zm201.617-67.116H931.61v98.437h39.823v-98.437h60.857v-37.586h-60.857V6.264H921.99L717.732 332.003v34.006zm213.878-37.586H764.49v-2.908L928.478 63.313h3.132v265.11z' fill='%23F0F0F1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-wrap:wrap;justify-content:center;margin:4rem 1rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;margin-top:0;text-align:center}.error-404 .pattern-search{border:1px solid #000}.context-bar{align-items:center;background:#edeff0;border-radius:2px;display:flex;font-size:.8125rem;justify-content:space-between;margin:1.5rem 1.5rem 0;overflow:auto}@media only screen and (min-width:960px){.context-bar{margin-right:auto;margin-left:auto;max-width:960px}}.context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.context-bar ul li{font-size:.8125rem;list-style:none}.context-bar ul li a{display:block;padding:1.125rem .75
rem;text-decoration:none}.context-bar ul li:last-child a{padding-left:1.5rem}.context-bar:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:none}.context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.context-bar__links{display:none}}.context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.context-bar__spinner{transition:none}}.context-bar__spinner .components-spinner{margin:0}.context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba
(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;vertical-align:top;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;right:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 38px 12px 18px;width:auto}.pattern-favorite-button.has-label svg{right:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(
.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-butt
on-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation a:hover{text-decoration:underline}.main-navigation form[role=search]{margin-right:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;left:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}.pattern-manage-options{vertical-align:top}.pattern-manage-options .pattern-manage-options__button.is-small{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);height:2.25rem}.pattern-manage-options .pattern-manage-options__button.is-small:hover{background:#f0f0f1}.pattern-manage-options .pattern-manage-options__button.is-small.is-op
ened,.pattern-manage-options .pattern-manage-options__button.is-small:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}body.page.my-patterns .entry-header{align-items:center;display:flex}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2}body.page .entry-header{background:none;margin:2rem auto 1rem;max-width:960px;padding:0}body.page .entry-header .entry-title{color:inherit;margin:0 1.5rem}@media only screen and (min-width:960px){body.page .entry-header .entry-title{margin:0}}body.page .entry-content{max-width:none}body.page-about .entry-header{display:none}body.page-about .entry-content{padding:0}@media (max-width:600px){body.page-about .entry-content h1{font-size:36px!important}body.page-about .entry-content .wp-block-cover{padding:48px!important}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;min-height:20rem;text-align:center}.pattern-grid__empty-header h2{font-weight:
700;line-height:1.2;margin-top:0}.pattern-grid__empty-header p{margin-right:auto;margin-left:auto;max-width:34rem}.pattern-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pattern-grid{margin-right:auto;margin-left:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__preview.has-error{color:#b32d2e}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;right:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375r
em}.pattern-grid__pattern-frame .pattern-grid__status.is-pending,.pattern-grid__pattern-frame .pattern-grid__status.is-pending-review{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-unlisted{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{bottom:0;opacity:0;padding:.375rem;position:absolute;left:0;transition:opacity 75ms ease-in-out;z-index:10}.pattern-grid__pattern-frame .pattern-grid__actions>:not(:first-child){margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-av
atar img{border-radius:6px;height:1rem;margin-left:.5rem;width:1rem}.pattern-grid__favorite-count svg{fill:#787c82;height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem}.pattern-menu{width:100%}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32
373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pattern-menu.pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-menu.pattern-skeleton__container span{margin-bottom:.25rem}.pattern-navigation-layout{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:960px}.pattern-navigation-layout .pattern-navigation-layout__primary{width:100%}.pattern-navigation-layout .pattern-navigation-layout__secondary{display:flex;flex-direction:column;gap:.75rem}@media only screen and (min-width:783px){.pattern-navigation-layout{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin:1.5rem}.pattern-navigation-layout .pattern-navigation-layout__primary{margin-
bottom:0;width:auto}.pattern-navigation-layout .pattern-navigation-layout__secondary{flex-direction:row;width:auto}}@media only screen and (min-width:960px){.pattern-navigation-layout{margin:1.5rem auto}}.pattern__container .components-notice{flex-basis:100%;height:auto;margin-bottom:1.5rem;margin-right:0;margin-left:0}.pattern__container .components-notice.is-info{background-color:#dcdcde}.pattern__container .components-notice.is-warning{background-color:#f5e6ab}.pattern__container .components-notice.is-error{background-color:#facfd2}.pattern__container .components-notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}.pattern__container .components-notice>* strong{margin-left:.5ch}.pattern__container .components-notice>* button{background:#f6f7f7;border:1px solid #c3c4c7;border-radius:2px;box-shadow:inset 0 -1px 0 #c3c4c7;box-sizing:border-box;color:#2c3338;margin-top:.75rem}.pattern__container .components-notice>* bu
tton:hover{border-color:#646970!important;box-shadow:inset 0 -1px 0 #646970!important;color:#1d2327!important}.pattern__container .components-notice>* button:focus{border-color:#f6f7f7!important;box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)!important}@media only screen and (min-width:600px){.pattern__container .components-notice>*{align-items:center;flex-direction:row}.pattern__container .components-notice>* button{margin-top:0}}.pattern__status-notice{margin-top:0;min-height:3rem;padding-right:1.5rem;padding-left:1.5rem}.pattern__status-notice-modal.pattern__status-notice-modal{max-width:21rem}.pattern__status-notice-modal.pattern__status-notice-modal p{line-height:1.6}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-right:auto;margin-left:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media
(max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.patt
ern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;right:20px;margin:initial;overflow:initial;padding:8px 16px;left:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;right:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:
active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-left:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex;position:relative}.pattern-search inpu
t[type=search]{border:1px solid transparent;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem .5rem .5rem 2rem}.pattern-search input[type=search]:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:2px;color:#6c7782;display:flex;height:35px;position:absolute;left:0}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-select-control{margin:0 auto;width:max-content}.pattern-select-control .components-base-control__field{margin-bottom:0}.pattern-select-control select.components-select-control__input.com
ponents-select-control__input{line-height:1;width:auto}body.rtl .pattern-select-control .components-input-control__container{margin-left:0;margin-right:8px}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-right:auto;margin-left:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-right:0;padding-left:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-
left:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-left:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-left:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-right:0;padding-left:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-patt
ern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .pattern__related-patterns{margin-right:auto;margin-left:auto;max-width:960px}body.single-wporg-pattern .pattern__related-patterns>*{margin-right:1.5rem;margin-left:1.5rem}@media screen and (min-width:960px){body.single-wporg-pattern .pattern__related-patterns>*{margin-right:auto;margin-left:auto}}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-left
:.75rem;width:2rem}body.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.pattern-favorites__empty-header{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='380' height='348' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M190 39.554C210.629 15.33 242.235 0 275.166 0c58.29 0 104.09 45.8 104.09 104.091 0 71.48-64.241 129.734-161.574 217.995l-.24.217L190 347.285l-27.442-24.793-.747-.678C64.763 233.622.744 175.447.744 104.091.744 45.8 46.544 0 104.835 0 137.766 0 169.371 15.33 190 39.554zm0 256.632 1.893-1.893c90.086-81.569 149.512-135.507 149.512-190.202 0-37.851-28.388-66.24-66.239-66.24-29.146 0-57.534 18.736-67.376 44.665H172.4c-10.031-25.929-38.419-44.665-67.565-44.665-37.851 0-66.24 28.389-66.24 66.24 0 54.695 59.427 108.633 149.513 190.202l1.892 1.893z' fill='%23F0F0F0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-rep
eat;background-size:contain;display:flex;flex-direction:column;justify-content:center;margin:4rem 1rem;min-height:20rem;padding-bottom:4rem;padding-top:4rem}@media screen and (min-width:960px){.pattern-favorites__empty-header{margin-right:auto;margin-left:auto}}.pattern-favorites__empty-header .link-create-account{font-size:.875rem}.pattern-favorites__empty-header p{margin-bottom:0;margin-top:.75rem}.pattern-favorites__grid-title{font-size:1.375rem;margin-bottom:3rem;text-align:center}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:right}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png?2);background-position-x:-60%;background-repeat:no-repeat;background-size:contain}.site-header.home .site-branding>div{max-width:50%}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position
-x:-20%}}@media screen and (min-width:960px){.site-header.home .site-branding{background-position-x:left}}.site-header.home .site-branding .site-link{color:#fff;display:inline-block;font-size:.8125rem;margin:1.5rem 0 0 .75rem}.site-header.home .site-title.site-title{font-size:3rem;line-height:1.25;margin-top:0;text-align:right}.site-header.home .site-description{color:#fff;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:right}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{color:#fff;display:grid;font-size:.8125rem;gap:1rem;grid-template-columns:1fr auto}@media screen and (min-width:782px){body:not(.home) .site-branding{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-right:.5rem;margin-left:.5rem}body:not(.home) .site-branding .is-cur
rent-page{font-weight:600}body:not(.home) .site-branding .pattern-search{grid-column:1/span 2}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;right:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:
15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-right:-2%}@media (max-width:768px){.row.gutters>.row{margin-right:0}}.row.gutters>.row>[class*=col-]{margin-right:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-right:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-right:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-right:16.6666666667%}.col-3{width:25%}.offset-3{margin-right:25%}.col-4{width:33.3333333333%}.offset-4{margin-right:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-right:41.6666666667%}.col-6{width:50%}.offset-6{margin-right:50%}.col-7{width:58.3333333333%}
.offset-7{margin-right:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-right:66.6666666667%}.col-9{width:75%}.offset-9{margin-right:75%}.col-10{width:83.3333333333%}.offset-10{margin-right:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-right:91.6666666667%}.col-12{width:100%}.offset-12{margin-right:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-right:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-right:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-right:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-right:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-right:43.66667%!important}.gutters>.col-6{width:48%}.gutte
rs>.col-6:nth-child(n+3){margin-top:2%}.gutters>.offset-6{margin-right:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-right:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-right:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-right:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-right:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-right:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-right:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-right:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-right:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-left:auto}.gutters .column.push-right,.push-right{margin-right:auto
}.gutters .column.push-center,.push-center{margin-right:auto;margin-left:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-right:0}.gutters .column.push-center-sm,.push-center-sm{margin-right:auto;margin-left:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:left}.float-left{float:right}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{right:0;position:fixed;top:0;width:100%;z-index:100}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:
not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:initial}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}figure{margin:1em 40px}hr{box-sizing:initial;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-s
pin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,block
quote:before,q:after,q:before{content:""}blockquote{border-right:2px solid #767676;color:#767676;margin:1rem 0;padding-right:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 1.5em 1.5em 0;padding:0}ul{list-style:square
}ol{list-style:decimal}li.unmarked-list,ol.unmarked-list,ul.unmarked-list{list-style:none;padding-right:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:initial;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" f
ill="%23555D66"/%3E%3C/svg%3E%0A');background-position:left .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem .8rem .5rem 2rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px #3b99fcb3;box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-right:auto;margin-left:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-group.button-la
rge .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:initial}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.bu
tton:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px #0073aacc}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px #00000080;transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px #00000080,0 0 3px #0073aacc}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-
primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-
form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px
0 #0000001a!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -
1px 0 #0000001a!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{conte
nt:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px #00000012;color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[t
ype=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px #1e8cbecc}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px #0000001a;clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:right;font:normal 21px/1 da
shicons;vertical-align:middle;width:16px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}but
ton,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:#ffffffright 80 top 50%;border-color:#dededebf;box-shadow:inset 0 1px 2px #0000000a;color:#33333380}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;widt
h:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:
block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-right:4px solid #fff;box-shadow:0 1px 1px 0 #0000001a;margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;padding:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:f
ocus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.wp-block-wporg-notice{--wp--custom--wporg-notice--color--background:#e2ffed;--wp--custom--wporg-notice--color--text:#1e1e1e}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:#eff2ff}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:#fffdd6}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:#ffe9de}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(-5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top right}60%{animation-timing-function:eas
e-in-out;transform:rotate(-40deg);transform-origin:top right}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(-60deg);transform-origin:top right}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style
:none;margin:0}.comments-area .comment-list .children>li{padding-right:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:right;height:24px;margin-left:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-right:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 1.3333em 1.6em 0}.comments-area .comment-content li>ol,.comments-area .comment-content li>ul,.comments-area .comment-content>:last-child{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-
content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-com
ments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{hyphens:auto;word-wrap:break-word}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-left:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{hyphens:auto;word-wrap:break-word}body
:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{box-shadow:0 3px 3px #0003;float:right;right:-999em;position:absolute;top:1.5em;z-index:99999
}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right:auto}.main-navigation li{border-top:1px solid #fff3;padding:1rem}.main-navigation a{color:#fffc;display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:#0000;border:none;color:#fff;height:3.5rem;position:absolute;left:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:left;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-siz
e:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{
border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{border-top:1px solid #eaeaea;hyphens:auto;word-wrap:break-word}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:left}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px;text-align:center}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-num
bers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weig
ht:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:#fffc;font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f
7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:right;margin-bottom:20px;margin-right:24px;overflow:auto;padding-right:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-right:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-left:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webki
t-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-right:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-right:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-right:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-right:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3) 100% no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-hea
der h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 60px 0 0}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;right:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:right;top:100%;transition:right .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{right:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li a.current,#wporg-header ul li a:hover,#wporg-header ul l
i.current-menu-item a,#wporg-header ul li.current_page_parent a{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:left;height:34px;margin-left:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download .uparrow,#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li.download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;right:-2px;margin:0;o
verflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:left;margin-left:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-right:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:initial;color:#b4b9be;float:right;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat right 2px top 5px;border:none;bord
er-radius:0;box-shadow:none;float:right;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-right:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:right;padding-right:10px}#wporg-header h2.rosetta{float:right;margin-right:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:right;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:right;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-right:9px solid #0000;border-left:9px solid #0000;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:aft
er,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-right:9px solid #0000;border-left:9px solid #0000;content:"";height:0;right:50%;margin:-8px -9px 0 0;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-right:9px solid #0000;border-left:9px solid #0000;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li a.current~.uparrow,#wporg-header ul li.current-menu-item:after,#wporg-header ul
li.current_page_parent:after{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;border:none;box-shadow:none;display:block;float:right;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;right:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top;-webkit-font-smoothing:antialiased}#mobile-menu-button:before{border:none;box-sizing:border-box;color:#888;content:"\f228";display:inline-block;float:right;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle;-webkit-font-smoothing:antialiased}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#downloa
d-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.error-404{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1033' height='471' fill='none'%3E%3Cpath fill='%23F0F0F1' d='M0 366.009h213.878v98.437H253.7v-98.437h60.853v-37.586H253.7V6.264h-49.442L0 332.003zm213.878-37.586H46.758v-2.908L210.746 63.313h3.132zM516.115 470.71c96.424 0 153.025-87.027 153.025-235.355C669.14 87.699 612.091 0 516.115 0c-95.977 0-153.026 87.699-153.026 235.355 0 148.328 56.602 235.355 153.026 235.355m0-37.585c-70.473 0-112.532-72.262-112.532-197.77 0-125.284 42.283-198.44 112.532-198.44s112.531 73.156 112.531 198.44c0 125.508-42.059 197.77-112.531 197.77m201.617-67.116H931.61v98.437h39.823v-98.437h60.857v-37.586h-60.857V6.264H921.99L717.732 332.003zm213.878-37.586H764.49v-2.908L928.478 63.313h3.132z'/%3E%3C/svg%3E");
background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-wrap:wrap;justify-content:center;margin:4rem 1rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;margin-top:0;text-align:center}.error-404 .pattern-search{border:1px solid #000}.context-bar{align-items:center;background:#edeff0;border-radius:2px;display:flex;font-size:.8125rem;justify-content:space-between;margin:1.5rem 1.5rem 0;overflow:auto}@media only screen and (min-width:960px){.context-bar{margin-right:auto;margin-left:auto;max-width:960px}}.context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.context-bar ul li{font-size:.8125rem;list-style:none}.context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.context-bar ul li:last-child a{padding-left:1.5rem}.context-bar:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:none}.context-bar__copy{align-it
ems:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.context-bar__links{display:none}}.context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.context-bar__spinner{transition:none}}.context-bar__spinner .components-spinner{margin:0}.context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px #00000026}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;vertical-align:top;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;right:calc(50% - .75rem);position:absolute;top:
calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:#0000;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:#0000;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 38px 12px 18px;width:auto}.pattern-favorite-button.has-label svg{right:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px #00000026}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(
--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:#0000}.pattern-favorite-button-small:focus{background:#0000;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.ma
in-navigation a{font-size:.8125rem}.main-navigation a:hover{text-decoration:underline}.main-navigation form[role=search]{margin-right:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;left:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}.pattern-manage-options{vertical-align:top}.pattern-manage-options .pattern-manage-options__button.is-small{background-color:#fff;box-shadow:0 1px 2px #00000026;height:2.25rem}.pattern-manage-options .pattern-manage-options__button.is-small:hover{background:#f0f0f1}.pattern-manage-options .pattern-manage-options__button.is-small.is-opened,.pattern-manage-options .pattern-manage-options__button.is-small:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}body.page.my-patterns .entry-header{align-items:center;display:flex}body.page.my-patterns .entry-heade
r .entry-title{display:inline-block;line-height:1.2}body.page .entry-header{background:none;margin:2rem auto 1rem;max-width:960px;padding:0}body.page .entry-header .entry-title{color:inherit;margin:0 1.5rem}@media only screen and (min-width:960px){body.page .entry-header .entry-title{margin:0}}body.page .entry-content{max-width:none}body.page-about .entry-header{display:none}body.page-about .entry-content{padding:0}@media (max-width:600px){body.page-about .entry-content h1{font-size:36px!important}body.page-about .entry-content .wp-block-cover{padding:48px!important}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;min-height:20rem;text-align:center}.pattern-grid__empty-header h2{font-weight:700;line-height:1.2;margin-top:0}.pattern-grid__empty-header p{margin-right:auto;margin-left:auto;max-width:34rem}.pattern-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media sc
reen and (min-width:960px){.pattern-grid{margin-right:auto;margin-left:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__preview.has-error{color:#b32d2e}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;right:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending,.pattern-grid__pattern-frame .pattern-grid__status.is-pending-review{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-unlisted{background:#d63638}.pattern-grid__pattern-frame .pat
tern-grid__actions{bottom:0;opacity:0;padding:.375rem;position:absolute;left:0;transition:opacity 75ms ease-in-out;z-index:10}.pattern-grid__pattern-frame .pattern-grid__actions>:not(:first-child){margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-left:.5rem;width:1rem}.pattern-grid__favorite-count svg{height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem;fill:#787c82}.pattern-menu{width:100%}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relat
ive}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button
{padding:1.5rem}.pattern-menu.pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-menu.pattern-skeleton__container span{margin-bottom:.25rem}.pattern-navigation-layout{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:960px}.pattern-navigation-layout .pattern-navigation-layout__primary{width:100%}.pattern-navigation-layout .pattern-navigation-layout__secondary{display:flex;flex-direction:column;gap:.75rem}@media only screen and (min-width:783px){.pattern-navigation-layout{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin:1.5rem}.pattern-navigation-layout .pattern-navigation-layout__primary{margin-bottom:0;width:auto}.pattern-navigation-layout .pattern-navigation-layout__secondary{flex-direction:row;width:auto}}@media only screen and (min-width:960px){.pattern-navigation-layout{margin:1.5rem auto}}.pattern__container .components-notice{flex-basis:100%;height:auto;margin-b
ottom:1.5rem;margin-right:0;margin-left:0}.pattern__container .components-notice.is-info{background-color:#dcdcde}.pattern__container .components-notice.is-warning{background-color:#f5e6ab}.pattern__container .components-notice.is-error{background-color:#facfd2}.pattern__container .components-notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}.pattern__container .components-notice>* strong{margin-left:.5ch}.pattern__container .components-notice>* button{background:#f6f7f7;border:1px solid #c3c4c7;border-radius:2px;box-shadow:inset 0 -1px 0 #c3c4c7;box-sizing:border-box;color:#2c3338;margin-top:.75rem}.pattern__container .components-notice>* button:hover{border-color:#646970!important;box-shadow:inset 0 -1px 0 #646970!important;color:#1d2327!important}.pattern__container .components-notice>* button:focus{border-color:#f6f7f7!important;box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp
-admin-theme-color)!important}@media only screen and (min-width:600px){.pattern__container .components-notice>*{align-items:center;flex-direction:row}.pattern__container .components-notice>* button{margin-top:0}}.pattern__status-notice{margin-top:0;min-height:3rem;padding-right:1.5rem;padding-left:1.5rem}.pattern__status-notice-modal.pattern__status-notice-modal{max-width:21rem}.pattern__status-notice-modal.pattern__status-notice-modal p{line-height:1.6}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-right:auto;margin-left:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{t
ext-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-withi
n .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;right:20px;margin:initial;overflow:initial;padding:8px 16px;left:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;right:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.patter
n-report-button__copy svg{margin-left:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex;position:relative}.pattern-search input[type=search]{border:1px solid #0000;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem .5rem .5rem 2rem}.pattern-search input[type=search]:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-search.is-loading{b
ackground:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:#0000;border:1px solid #0000;border-radius:2px;color:#6c7782;display:flex;height:35px;position:absolute;left:0}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-select-control{margin:0 auto;width:max-content}.pattern-select-control .components-base-control__field{margin-bottom:0}.pattern-select-control select.components-select-control__input.components-select-control__input{line-height:1;width:auto}body.rtl .pattern-select-control .components-input-control__container{margin-left:0;margin-right:8px}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin
:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-right:auto;margin-left:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-right:0;padding-left:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-left:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-left:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-left:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem
}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-right:0;padding-left:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .pattern__related-patterns{margin-right:auto;margin-left:auto;max-width:960px}body.sin
gle-wporg-pattern .pattern__related-patterns>*{margin-right:1.5rem;margin-left:1.5rem}@media screen and (min-width:960px){body.single-wporg-pattern .pattern__related-patterns>*{margin-right:auto;margin-left:auto}}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-left:.75rem;width:2rem}body.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.pattern-favorites__empty-header{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='34
8' fill='none'%3E%3Cpath fill='%23F0F0F0' fill-rule='evenodd' d='M190 39.554C210.629 15.33 242.235 0 275.166 0c58.29 0 104.09 45.8 104.09 104.091 0 71.48-64.241 129.734-161.574 217.995l-.24.217L190 347.285l-27.442-24.793-.747-.678C64.763 233.622.744 175.447.744 104.091.744 45.8 46.544 0 104.835 0 137.766 0 169.371 15.33 190 39.554m0 256.632 1.893-1.893c90.086-81.569 149.512-135.507 149.512-190.202 0-37.851-28.388-66.24-66.239-66.24-29.146 0-57.534 18.736-67.376 44.665H172.4c-10.031-25.929-38.419-44.665-67.565-44.665-37.851 0-66.24 28.389-66.24 66.24 0 54.695 59.427 108.633 149.513 190.202z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;justify-content:center;margin:4rem 1rem;min-height:20rem;padding-bottom:4rem;padding-top:4rem}@media screen and (min-width:960px){.pattern-favorites__empty-header{margin-right:auto;margin-left:auto}}.pattern-favorites__empty-header .link-create-ac
count{font-size:.875rem}.pattern-favorites__empty-header p{margin-bottom:0;margin-top:.75rem}.pattern-favorites__grid-title{font-size:1.375rem;margin-bottom:3rem;text-align:center}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:right}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png?2);background-position-x:-60%;background-repeat:no-repeat;background-size:contain}.site-header.home .site-branding>div{max-width:50%}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:-20%}}@media screen and (min-width:960px){.site-header.home .site-branding{background-position-x:left}}.site-header.home .site-branding .site-link{color:#fff;display:inline-block;font-size:.8125rem;margin:1.5rem 0 0 .75rem}.site-header.home .site-title.site-title{font-size:3rem;line-height:1.25;margin-top:
0;text-align:right}.site-header.home .site-description{color:#fff;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:right}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{color:#fff;display:grid;font-size:.8125rem;gap:1rem;grid-template-columns:1fr auto}@media screen and (min-width:782px){body:not(.home) .site-branding{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-right:.5rem;margin-left:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.home) .site-branding .pattern-search{grid-column:1/span 2}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-r
adius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;right:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only
screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,5 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{
margin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-chil
d(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,
.push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;he
ight:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=
number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q
:before{content:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style:square}ol{list-style:decimal}l
i.unmarked-list,ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill="%23555D66&qu
ot;/%3E%3C/svg%3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.si
te-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-group.button-large
.button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.butt
on:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:
1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-pri
mary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important;cursor:d
efault;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important
;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-h
eader:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:focus,input[type=
color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radio]:checked:bef
ore{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}inpu
t[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.large-text{w
idth:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6px;width:aut
o}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;padding:.25rem 1re
m}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.wp-block-wporg-notice{--wp--custom--wporg-notice--color--background:#e2ffed;--wp--custom--wporg-notice--color--text:#1e1e1e}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:#eff2ff}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:#fffdd6}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:#ffe9de}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-functio
n:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{p
adding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content li>ol,.comments-area .comment-content li>ul,.comments-area .comment-content>:last-child{margin-bottom:0}.comments-a
rea .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weig
ht:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{
display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0
,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:st
atic;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-wi
dth:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px;text-align:center}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pag
ination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.s
ite-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480p
x) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-right:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1
) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wpo
rg-logo.svg?3) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:left;top:100%;transition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wpor
g-header ul li a{height:auto}}#wporg-header ul li a.current,#wporg-header ul li a:hover,#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download .uparrow,#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li.download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-it
em{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-left:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23
url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-left:10px}#wporg-header h2.rosetta{float:left;margin-left:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-
right:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;ove
rflow:inherit;width:inherit}#wporg-header ul li a.current~.uparrow,#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:left}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"\f228";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{b
ackground:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.error-404{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='1033' height='471' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 366.009h213.878v98.437H253.7v-98.437h60.853v-37.586H253.7V6.264h-49.442L0 332.003v34.006zm213.878-37.586H46.758v-2.908L210.746 63.313h3.132v265.11zM516.115 470.71c96.424 0 153.025-87.027 153.025-235.355C669.14 87.699 612.091 0 516.115 0c-95.977 0-153.026 87.699-153.026 235.355 0 148.328 56.602 235.355 153.026 235.355zm0-37.585c-70.473 0-112.532-72.262-112.532-197.77 0-125.284 42.283-198.44 112.532-198.44 70.248 0 112.531 73.156 112.531 198.44 0 125.508-42.059 197.77-112.531 197.77zm201.617-67.116H931.61v98.437h39.823v-98.437h60.8
57v-37.586h-60.857V6.264H921.99L717.732 332.003v34.006zm213.878-37.586H764.49v-2.908L928.478 63.313h3.132v265.11z' fill='%23F0F0F1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-wrap:wrap;justify-content:center;margin:4rem 1rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;margin-top:0;text-align:center}.error-404 .pattern-search{border:1px solid #000}.context-bar{align-items:center;background:#edeff0;border-radius:2px;display:flex;font-size:.8125rem;justify-content:space-between;margin:1.5rem 1.5rem 0;overflow:auto}@media only screen and (min-width:960px){.context-bar{margin-left:auto;margin-right:auto;max-width:960px}}.context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.context-bar ul li{font-size:.8125rem;list-style:none}.context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.context-bar ul li:last-child a{padding-right:1.5rem}.conte
xt-bar:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:none}.context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.context-bar__links{display:none}}.context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.context-bar__spinner{transition:none}}.context-bar__spinner .components-spinner{margin:0}.context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.87
5rem;height:2.25rem;position:relative;vertical-align:top;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favo
rite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(
1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation a:hover{text-decoration:underline}.main-navigation form[role=search]{margin-left:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}.pattern-manage-options{vertical-align:top}.pattern-manage-options .pattern-manage-options__button.is-small{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);height:2.25rem}.pattern-manage-options .pattern-manage-options__button.is-small:hover{background:#f0f0f1}.pattern-manage-options .pattern-manage-options__button.is-small.is-opened,.pattern-manage-options .pattern-manage-options__button.is-small:focus{box-shad
ow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}body.page.my-patterns .entry-header{align-items:center;display:flex}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2}body.page .entry-header{background:none;margin:2rem auto 1rem;max-width:960px;padding:0}body.page .entry-header .entry-title{color:inherit;margin:0 1.5rem}@media only screen and (min-width:960px){body.page .entry-header .entry-title{margin:0}}body.page .entry-content{max-width:none}body.page-about .entry-header{display:none}body.page-about .entry-content{padding:0}@media (max-width:600px){body.page-about .entry-content h1{font-size:36px!important}body.page-about .entry-content .wp-block-cover{padding:48px!important}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;min-height:20rem;text-align:center}.pattern-grid__empty-header h2{font-weight:700;line-height:1.2;margin-top:0}.pattern-grid__empty-header p{margin-left:auto;marg
in-right:auto;max-width:34rem}.pattern-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__preview.has-error{color:#b32d2e}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;left:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending,.pattern-grid__patte
rn-frame .pattern-grid__status.is-pending-review{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-unlisted{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{bottom:0;opacity:0;padding:.375rem;position:absolute;right:0;transition:opacity 75ms ease-in-out;z-index:10}.pattern-grid__pattern-frame .pattern-grid__actions>:not(:first-child){margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-right:.5rem;width:1rem}.pattern-grid__f
avorite-count svg{fill:#787c82;height:1rem;margin-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem}.pattern-menu{width:100%}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-
size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pattern-menu.pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-menu.pattern-skeleton__container span{margin-bottom:.25rem}.pattern-navigation-layout{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:960px}.pattern-navigation-layout .pattern-navigation-layout__primary{width:100%}.pattern-navigation-layout .pattern-navigation-layout__secondary{display:flex;flex-direction:column;gap:.75rem}@media only screen and (min-width:783px){.pattern-navigation-layout{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin:1.5rem}.pattern-navigation-layout .pattern-navigation-layout__primary{margin-bottom:0;width:auto}.pattern-navigation-layout .pattern-navigation-layout__secondar
y{flex-direction:row;width:auto}}@media only screen and (min-width:960px){.pattern-navigation-layout{margin:1.5rem auto}}.pattern__container .components-notice{flex-basis:100%;height:auto;margin-bottom:1.5rem;margin-left:0;margin-right:0}.pattern__container .components-notice.is-info{background-color:#dcdcde}.pattern__container .components-notice.is-warning{background-color:#f5e6ab}.pattern__container .components-notice.is-error{background-color:#facfd2}.pattern__container .components-notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}.pattern__container .components-notice>* strong{margin-right:.5ch}.pattern__container .components-notice>* button{background:#f6f7f7;border:1px solid #c3c4c7;border-radius:2px;box-shadow:inset 0 -1px 0 #c3c4c7;box-sizing:border-box;color:#2c3338;margin-top:.75rem}.pattern__container .components-notice>* button:hover{border-color:#646970!important;box-shadow:inset 0 -1px 0 #646970!import
ant;color:#1d2327!important}.pattern__container .components-notice>* button:focus{border-color:#f6f7f7!important;box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)!important}@media only screen and (min-width:600px){.pattern__container .components-notice>*{align-items:center;flex-direction:row}.pattern__container .components-notice>* button{margin-top:0}}.pattern__status-notice{margin-top:0;min-height:3rem;padding-left:1.5rem;padding-right:1.5rem}.pattern__status-notice-modal.pattern__status-notice-modal{max-width:21rem}.pattern__status-notice-modal.pattern__status-notice-modal p{line-height:1.6}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__lin
k{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px
;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{m
argin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-child
(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,.
push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;heig
ht:0}[hidden],template{display:none}a{background-color:initial}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}figure{margin:1em 40px}hr{box-sizing:initial;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-w
ebkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{con
tent:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style:square}ol{list-style:decimal}li.unmarked-
list,ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:initial;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill="%23555D66"/%3E%3C/svg%
3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px #3b99fcb3;box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"
]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-group.button-large .button,.button.button-large{heig
ht:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:initial}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-
color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px #0073aacc}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px #00000080;transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px #00000080,0 0 3px #0073aacc}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-uplo
ad-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow
:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 #0000001a!important}.button-primary
.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 #0000001a!important}.button-gro
up{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-
layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px #00000012;color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type
=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px #1e8cbecc}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px #0000001a;clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:1
6px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-famil
y:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:#ffffff80;border-color:#dededebf;box-shadow:inset 0 1px 2px #0000000a;color:#33333380}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}in
put.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hov
er{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 #0000001a;margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;padding:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.w
p-block-wporg-notice{--wp--custom--wporg-notice--color--background:#e2ffed;--wp--custom--wporg-notice--color--text:#1e1e1e}.wp-block-wporg-notice.is-info-notice{--wp--custom--wporg-notice--color--background:#eff2ff}.wp-block-wporg-notice.is-alert-notice{--wp--custom--wporg-notice--color--background:#fffdd6}.wp-block-wporg-notice.is-warning-notice{--wp--custom--wporg-notice--color--background:#ffe9de}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left
}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{pa
dding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content li>ol,.comments-area .comment-content li>ul,.comments-area .comment-content>:last-child{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:
inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-f
amily:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{hyphens:auto;word-wrap:break-word}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{hyphens:auto;word-wrap:break-word}body:not(.single):not(.search) .site-main .post{margin-bottom:3.051
7578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px #0003;float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul
li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid #fff3;padding:1rem}.main-navigation a{color:#fffc;display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:#0000;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1
rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weig
ht:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{border-top:1px solid #eaeaea;hyphens:auto;word-wrap:break-word}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px;text-align:center}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{
background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;ma
x-width:40em;padding:0 2rem}.site-description{color:#fffc;font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-foot
er,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-right:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dpp
x),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman
,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:left;top:100%;transition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li a.current,#wporg-header ul li a:hover,#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a{color:#00a0d2}#
wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download .uparrow,#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li.download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-head
er ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-left:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:initial;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!i
mportant;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-left:10px}#wporg-header h2.rosetta{float:left;margin-left:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid #0000;border-right:9px solid #0000;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px
solid #0000;border-right:9px solid #0000;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid #0000;border-right:9px solid #0000;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li a.current~.uparrow,#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom-color:#0073aa}}.page-download #wporg-header #download,
.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;border:none;box-shadow:none;display:block;float:left;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top;-webkit-font-smoothing:antialiased}#mobile-menu-button:before{border:none;box-sizing:border-box;color:#888;content:"\f228";display:inline-block;float:left;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle;-webkit-font-smoothing:antialiased}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-
size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.error-404{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1033' height='471' fill='none'%3E%3Cpath fill='%23F0F0F1' d='M0 366.009h213.878v98.437H253.7v-98.437h60.853v-37.586H253.7V6.264h-49.442L0 332.003zm213.878-37.586H46.758v-2.908L210.746 63.313h3.132zM516.115 470.71c96.424 0 153.025-87.027 153.025-235.355C669.14 87.699 612.091 0 516.115 0c-95.977 0-153.026 87.699-153.026 235.355 0 148.328 56.602 235.355 153.026 235.355m0-37.585c-70.473 0-112.532-72.262-112.532-197.77 0-125.284 42.283-198.44 112.532-198.44s112.531 73.156 112.531 198.44c0 125.508-42.059 197.77-112.531 197.77m201.617-67.116H931.61v98.437h39.823v-98.437h60.857v-37.586h-60.857V6.264H921.99L717.732 332.003zm213.878-37.586H764.49v-2.908L928.478 63.313h3.132z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-wrap:w
rap;justify-content:center;margin:4rem 1rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;margin-top:0;text-align:center}.error-404 .pattern-search{border:1px solid #000}.context-bar{align-items:center;background:#edeff0;border-radius:2px;display:flex;font-size:.8125rem;justify-content:space-between;margin:1.5rem 1.5rem 0;overflow:auto}@media only screen and (min-width:960px){.context-bar{margin-left:auto;margin-right:auto;max-width:960px}}.context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.context-bar ul li{font-size:.8125rem;list-style:none}.context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.context-bar ul li:last-child a{padding-right:1.5rem}.context-bar:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:none}.context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.contex
t-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.context-bar__links{display:none}}.context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.context-bar__spinner{transition:none}}.context-bar__spinner .components-spinner{margin:0}.context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px #00000026}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;vertical-align:top;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill
:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:#0000;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:#0000;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px #00000026}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorit
e-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:#0000}.pattern-favorite-button-small:focus{background:#0000;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation a:hover{text-decoration:underline}.main-navigati
on form[role=search]{margin-left:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}.pattern-manage-options{vertical-align:top}.pattern-manage-options .pattern-manage-options__button.is-small{background-color:#fff;box-shadow:0 1px 2px #00000026;height:2.25rem}.pattern-manage-options .pattern-manage-options__button.is-small:hover{background:#f0f0f1}.pattern-manage-options .pattern-manage-options__button.is-small.is-opened,.pattern-manage-options .pattern-manage-options__button.is-small:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}body.page.my-patterns .entry-header{align-items:center;display:flex}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2}body.page .entry-header{background:none;margin:2
rem auto 1rem;max-width:960px;padding:0}body.page .entry-header .entry-title{color:inherit;margin:0 1.5rem}@media only screen and (min-width:960px){body.page .entry-header .entry-title{margin:0}}body.page .entry-content{max-width:none}body.page-about .entry-header{display:none}body.page-about .entry-content{padding:0}@media (max-width:600px){body.page-about .entry-content h1{font-size:36px!important}body.page-about .entry-content .wp-block-cover{padding:48px!important}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;min-height:20rem;text-align:center}.pattern-grid__empty-header h2{font-weight:700;line-height:1.2;margin-top:0}.pattern-grid__empty-header p{margin-left:auto;margin-right:auto;max-width:34rem}.pattern-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern-
frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__preview.has-error{color:#b32d2e}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;left:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending,.pattern-grid__pattern-frame .pattern-grid__status.is-pending-review{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-unlisted{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{bottom:0;opacity:0;padding:.375rem;position:absolute;right:0;transition:opacity 75
ms ease-in-out;z-index:10}.pattern-grid__pattern-frame .pattern-grid__actions>:not(:first-child){margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-right:.5rem;width:1rem}.pattern-grid__favorite-count svg{height:1rem;margin-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem;fill:#787c82}.pattern-menu{width:100%}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:no
t(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pattern-menu.pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:
2.3125rem}.pattern-menu.pattern-skeleton__container span{margin-bottom:.25rem}.pattern-navigation-layout{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:960px}.pattern-navigation-layout .pattern-navigation-layout__primary{width:100%}.pattern-navigation-layout .pattern-navigation-layout__secondary{display:flex;flex-direction:column;gap:.75rem}@media only screen and (min-width:783px){.pattern-navigation-layout{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin:1.5rem}.pattern-navigation-layout .pattern-navigation-layout__primary{margin-bottom:0;width:auto}.pattern-navigation-layout .pattern-navigation-layout__secondary{flex-direction:row;width:auto}}@media only screen and (min-width:960px){.pattern-navigation-layout{margin:1.5rem auto}}.pattern__container .components-notice{flex-basis:100%;height:auto;margin-bottom:1.5rem;margin-left:0;margin-right:0}.pattern__container .components-notice.is-info{background
-color:#dcdcde}.pattern__container .components-notice.is-warning{background-color:#f5e6ab}.pattern__container .components-notice.is-error{background-color:#facfd2}.pattern__container .components-notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}.pattern__container .components-notice>* strong{margin-right:.5ch}.pattern__container .components-notice>* button{background:#f6f7f7;border:1px solid #c3c4c7;border-radius:2px;box-shadow:inset 0 -1px 0 #c3c4c7;box-sizing:border-box;color:#2c3338;margin-top:.75rem}.pattern__container .components-notice>* button:hover{border-color:#646970!important;box-shadow:inset 0 -1px 0 #646970!important;color:#1d2327!important}.pattern__container .components-notice>* button:focus{border-color:#f6f7f7!important;box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)!important}@media only screen and (min-width:600px){.pattern__container .compon
ents-notice>*{align-items:center;flex-direction:row}.pattern__container .components-notice>* button{margin-top:0}}.pattern__status-notice{margin-top:0;min-height:3rem;padding-left:1.5rem;padding-right:1.5rem}.pattern__status-notice-modal.pattern__status-notice-modal{max-width:21rem}.pattern__status-notice-modal.pattern__status-notice-modal p{line-height:1.6}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e
23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2
px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{
</ins><span class="cx" style="display: block; padding: 0 10px"> /*!rtl:ignore*/left:0}.pattern-preview__drag-handle.is-right{
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /*!rtl:ignore*/right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:40
0px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex;position:relative}.pattern-search input[type=search]{border:1px solid transparent;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem 2rem .5rem .5rem}.pattern-search input[type=search]:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:1px solid tr
ansparent;border-radius:2px;color:#6c7782;display:flex;height:35px;position:absolute;right:0}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-select-control{margin:0 auto;width:max-content}.pattern-select-control .components-base-control__field{margin-bottom:0}.pattern-select-control select.components-select-control__input.components-select-control__input{line-height:1;width:auto}body.rtl .pattern-select-control .components-input-control__container{
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*!rtl:ignore*/right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:400
px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex;position:relative}.pattern-search input[type=search]{border:1px solid #0000;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem 2rem .5rem .5rem}.pattern-search input[type=search]:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:#0000;border:1px solid #0000;border-ra
dius:2px;color:#6c7782;display:flex;height:35px;position:absolute;right:0}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{border:1px solid #0a4b78;box-shadow:0 0 0 3px #72aee6;outline:none}.pattern-select-control{margin:0 auto;width:max-content}.pattern-select-control .components-base-control__field{margin-bottom:0}.pattern-select-control select.components-select-control__input.components-select-control__input{line-height:1;width:auto}body.rtl .pattern-select-control .components-input-control__container{
</ins><span class="cx" style="display: block; padding: 0 10px"> /*!rtl:ignore*/margin-left:0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /*!rtl:ignore*/margin-right:8px}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wp
org-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__
guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .pattern__related-patterns{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__related-patterns>*{margin-left:1.5rem;margin-right:1.5rem}@media screen and (min-width:960px){body.single-wporg-pattern .pattern__related-patterns>*{margin-left:auto;margin-right:auto}}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-right:.75rem;width:2rem}bo
dy.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.pattern-favorites__empty-header{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='380' height='348' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M190 39.554C210.629 15.33 242.235 0 275.166 0c58.29 0 104.09 45.8 104.09 104.091 0 71.48-64.241 129.734-161.574 217.995l-.24.217L190 347.285l-27.442-24.793-.747-.678C64.763 233.622.744 175.447.744 104.091.744 45.8 46.544 0 104.835 0 137.766 0 169.371 15.33 190 39.554zm0 256.632 1.893-1.893c90.086-81.569 149.512-135.507 149.512-190.202 0-37.851-28.388-66.24-66.239-66.24-29.146 0-57.534 18.736-67.376 44.665H172.4c-10.031-25.929-38.419-44.665-67.565-44.665-37.851 0-66.24 28.389-66.24 66.24 0 54.695 59.427 108.633 149.513 190.202l1.892 1.893z' fill='%23F0F0F0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:c
ontain;display:flex;flex-direction:column;justify-content:center;margin:4rem 1rem;min-height:20rem;padding-bottom:4rem;padding-top:4rem}@media screen and (min-width:960px){.pattern-favorites__empty-header{margin-left:auto;margin-right:auto}}.pattern-favorites__empty-header .link-create-account{font-size:.875rem}.pattern-favorites__empty-header p{margin-bottom:0;margin-top:.75rem}.pattern-favorites__grid-title{font-size:1.375rem;margin-bottom:3rem;text-align:center}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:left}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png?2);background-position-x:160%;background-repeat:no-repeat;background-size:contain}.site-header.home .site-branding>div{max-width:50%}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:120%}}@media screen
and (min-width:960px){.site-header.home .site-branding{background-position-x:right}}.site-header.home .site-branding .site-link{color:#fff;display:inline-block;font-size:.8125rem;margin:1.5rem .75rem 0 0}.site-header.home .site-title.site-title{font-size:3rem;line-height:1.25;margin-top:0;text-align:left}.site-header.home .site-description{color:#fff;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:left}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{color:#fff;display:grid;font-size:.8125rem;gap:1rem;grid-template-columns:1fr auto}@media screen and (min-width:782px){body:not(.home) .site-branding{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:6
00}body:not(.home) .site-branding .pattern-search{grid-column:1/span 2}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes
p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*!rtl:ignore*/margin-right:8px}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wp
org-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__
guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .pattern__related-patterns{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__related-patterns>*{margin-left:1.5rem;margin-right:1.5rem}@media screen and (min-width:960px){body.single-wporg-pattern .pattern__related-patterns>*{margin-left:auto;margin-right:auto}}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-right:.75rem;width:2rem}bo
dy.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.pattern-favorites__empty-header{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='348' fill='none'%3E%3Cpath fill='%23F0F0F0' fill-rule='evenodd' d='M190 39.554C210.629 15.33 242.235 0 275.166 0c58.29 0 104.09 45.8 104.09 104.091 0 71.48-64.241 129.734-161.574 217.995l-.24.217L190 347.285l-27.442-24.793-.747-.678C64.763 233.622.744 175.447.744 104.091.744 45.8 46.544 0 104.835 0 137.766 0 169.371 15.33 190 39.554m0 256.632 1.893-1.893c90.086-81.569 149.512-135.507 149.512-190.202 0-37.851-28.388-66.24-66.239-66.24-29.146 0-57.534 18.736-67.376 44.665H172.4c-10.031-25.929-38.419-44.665-67.565-44.665-37.851 0-66.24 28.389-66.24 66.24 0 54.695 59.427 108.633 149.513 190.202z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;displa
y:flex;flex-direction:column;justify-content:center;margin:4rem 1rem;min-height:20rem;padding-bottom:4rem;padding-top:4rem}@media screen and (min-width:960px){.pattern-favorites__empty-header{margin-left:auto;margin-right:auto}}.pattern-favorites__empty-header .link-create-account{font-size:.875rem}.pattern-favorites__empty-header p{margin-bottom:0;margin-top:.75rem}.pattern-favorites__grid-title{font-size:1.375rem;margin-bottom:3rem;text-align:center}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:left}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png?2);background-position-x:160%;background-repeat:no-repeat;background-size:contain}.site-header.home .site-branding>div{max-width:50%}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:120%}}@media screen and (min-wid
th:960px){.site-header.home .site-branding{background-position-x:right}}.site-header.home .site-branding .site-link{color:#fff;display:inline-block;font-size:.8125rem;margin:1.5rem .75rem 0 0}.site-header.home .site-title.site-title{font-size:3rem;line-height:1.25;margin-top:0;text-align:left}.site-header.home .site-description{color:#fff;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:left}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{color:#fff;display:grid;font-size:.8125rem;gap:1rem;grid-template-columns:1fr auto}@media screen and (min-width:782px){body:not(.home) .site-branding{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.
home) .site-branding .pattern-search{grid-column:1/span 2}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;
font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // See https://github.com/WordPress/gutenberg/blob/9d4b83cbbafcd6c6cbd20c86b572f458fc65ff16/lib/block-supports/layout.php#L38
</span><span class="cx" style="display: block; padding: 0 10px"> $block_gap = wp_get_global_styles( array( 'spacing', 'blockGap' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> $layout = wp_get_global_settings( array( 'layout' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $style = gutenberg_get_layout_style( '.entry-content', $layout, true, $block_gap );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $style = wp_get_layout_style( '.entry-content', $layout, true, $block_gap );
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_style( 'wporg-style', $style );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $script_asset_path = dirname( __FILE__ ) . '/build/index.asset.php';
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json 2024-02-20 06:11:47 UTC (rev 13224)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json 2024-02-20 21:13:58 UTC (rev 13225)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,39 +26,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ],
</span><span class="cx" style="display: block; padding: 0 10px"> "devDependencies": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@lodder/grunt-postcss": "3.1.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "@wordpress/a11y": "3.29.0",
- "@wordpress/api-fetch": "6.26.0",
- "@wordpress/block-editor": "11.6.0",
- "@wordpress/browserslist-config": "5.12.0",
- "@wordpress/components": "23.6.0",
- "@wordpress/compose": "6.6.0",
- "@wordpress/core-data": "6.6.0",
- "@wordpress/data": "8.6.0",
- "@wordpress/data-controls": "2.29.0",
- "@wordpress/dom": "3.29.0",
- "@wordpress/element": "5.6.0",
- "@wordpress/html-entities": "3.29.0",
- "@wordpress/i18n": "4.29.0",
- "@wordpress/icons": "9.20.0",
- "@wordpress/keycodes": "3.29.0",
- "@wordpress/primitives": "3.27.0",
- "@wordpress/scripts": "26.0.0",
- "@wordpress/url": "3.30.0",
- "@wordpress/viewport": "5.6.0",
- "autoprefixer": "10.4.14",
- "classnames": "2.3.2",
- "cssnano": "5.1.15",
- "grunt": "1.5.3",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "@wordpress/a11y": "3.51.0",
+ "@wordpress/api-fetch": "6.48.0",
+ "@wordpress/block-editor": "12.19.1",
+ "@wordpress/browserslist-config": "5.34.0",
+ "@wordpress/components": "26.0.1",
+ "@wordpress/compose": "6.28.0",
+ "@wordpress/core-data": "6.28.1",
+ "@wordpress/data": "9.21.0",
+ "@wordpress/data-controls": "3.20.0",
+ "@wordpress/dom": "3.51.0",
+ "@wordpress/element": "5.28.0",
+ "@wordpress/eslint-plugin": "17.8.0",
+ "@wordpress/html-entities": "3.51.0",
+ "@wordpress/i18n": "4.51.0",
+ "@wordpress/icons": "9.42.0",
+ "@wordpress/jest-preset-default": "11.22.0",
+ "@wordpress/keycodes": "3.51.0",
+ "@wordpress/primitives": "3.49.0",
+ "@wordpress/scripts": "27.2.0",
+ "@wordpress/url": "3.52.0",
+ "@wordpress/viewport": "5.28.0",
+ "autoprefixer": "10.4.17",
+ "classnames": "2.5.1",
+ "cssnano": "6.0.3",
+ "grunt": "1.6.1",
</ins><span class="cx" style="display: block; padding: 0 10px"> "grunt-contrib-clean": "2.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "grunt-contrib-watch": "1.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "grunt-sass": "3.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "grunt-sass-globbing": "1.5.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "grunt-webpack": "5.0.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "grunt-webpack": "6.0.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "lodash": "4.17.21",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "postcss": "8.4.21",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "postcss": "8.4.35",
</ins><span class="cx" style="display: block; padding: 0 10px"> "react-use-gesture": "9.1.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "rtlcss": "4.0.0",
- "sass": "1.59.3",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "rtlcss": "4.1.1",
+ "sass": "1.70.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "use-deep-compare-effect": "1.8.1"
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "eslintConfig": {
</span></span></pre>
</div>
</div>
</body>
</html>