WordPress.org

Making WordPress.org

Changeset 11121


Ignore:
Timestamp:
07/16/2021 08:58:19 PM (4 weeks ago)
Author:
ryelle
Message:

Pattern Directory: Sync with git WordPress/pattern-directory@05c024ff4e138bca15138ee673c089a322cfac70

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns
Files:
5 added
1 deleted
14 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php

    r11120 r11121  
    1 <?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-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '4a1c5c96f4a70baaff2bbb9341b10b2e');
     1<?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-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '1802bf662945d7d49db31a73755b2fc8');

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js

    r11120 r11121  
    1 !function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.data},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.url},function(e,t){e.exports=window.React},function(e,t){e.exports=window.wp.dataControls},function(e,t,n){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)for(var c in r)n.call(r,c)&&r[c]&&e.push(c);else e.push(r.toString())}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()},function(e,t){e.exports=window.wp.primitives},function(e,t){e.exports=window.wp.compose},function(e,t){function n(){return e.exports=n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,n.apply(this,arguments)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=window.wp.a11y},function(e,t){e.exports=window.wp.keycodes},function(e,t){e.exports=window.wp.coreData},function(e,t){e.exports=window.wp.htmlEntities},function(e,t){e.exports=window.lodash},function(e,t){e.exports=window.wp.apiFetch},function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"fetchPatterns",(function(){return y})),n.d(r,"loadPattern",(function(){return j})),n.d(r,"loadPatterns",(function(){return _})),n.d(r,"setErrorPatterns",(function(){return w})),n.d(r,"setCurrentQuery",(function(){return E})),n.d(r,"fetchCategories",(function(){return S})),n.d(r,"loadCategories",(function(){return P})),n.d(r,"fetchPatternFlagReasons",(function(){return x})),n.d(r,"loadPatternFlagReasons",(function(){return T})),n.d(r,"loadFavorites",(function(){return C})),n.d(r,"addFavorite",(function(){return N})),n.d(r,"removeFavorite",(function(){return k}));var a={};n.r(a),n.d(a,"getPatternsByQuery",(function(){return F})),n.d(a,"getPattern",(function(){return M})),n.d(a,"getCategories",(function(){return B})),n.d(a,"getPatternFlagReasons",(function(){return K})),n.d(a,"getFavorites",(function(){return Q}));var o={};n.r(o),n.d(o,"isLoadingPatternsByQuery",(function(){return q})),n.d(o,"getPatterns",(function(){return G})),n.d(o,"getPatternsByQuery",(function(){return V})),n.d(o,"getPatternTotalsByQuery",(function(){return $})),n.d(o,"getPatternTotalPagesByQuery",(function(){return H})),n.d(o,"getPattern",(function(){return z})),n.d(o,"getCurrentQuery",(function(){return U})),n.d(o,"isLoadingCategories",(function(){return W})),n.d(o,"hasLoadedCategories",(function(){return Y})),n.d(o,"getCategories",(function(){return X})),n.d(o,"getCategoryBySlug",(function(){return J})),n.d(o,"getPatternFlagReasons",(function(){return Z})),n.d(o,"isLoadingPatternFlagReasons",(function(){return ee})),n.d(o,"getFavorites",(function(){return te})),n.d(o,"isFavorite",(function(){return ne}));var i=n(0),c=n(1),s=n(2),l=({name:e,url:t,avatar:n})=>Object(i.createElement)("a",{href:t,className:"pattern__author-avatar"},Object(i.createElement)("img",{alt:"",src:n}),e),u=n(4);const d=e=>e.split("?")[0],p=(e,t)=>{if(!t||!e)return"";const n=Object(u.getQueryArgs)(e);if(n[t])return n[t];const r=(e=>e.replace(/^\//,""))(d(e).replace(/\/$/,"")).split("/"),a=r.indexOf(t);return-1===a?"":r[a+1]||""},f=e=>p(e,"pattern-categories"),m=e=>p(e,"search"),b=Object(i.createContext)();function g({children:e}){const[t,n]=Object(i.useState)(Object(u.getPathAndQueryString)(window.location.href)),r=e=>{window.history.pushState("","",e),n(e)};return Object(i.createElement)(b.Provider,{value:{path:t,update:e=>{const n=(e=>(e=>{const t={};return Object.keys(e).forEach(n=>{const r=e[n];null!=r&&r.toString().length>0&&(t[n]=r)}),t})({...Object(u.getQueryArgs)(t),...Object(u.getQueryArgs)(e)}))(e),a=d(e),o=Object(u.addQueryArgs)(a,n);r(o)},replace:r}},e)}function v(){const e=Object(i.useContext)(b);if(void 0===e)throw new Error("useRoute must be used within a Provider");return e}function h({currentPage:e=1,totalPages:t}){const{path:n,update:r}=v();if(!t||t<=1)return null;const a=e>1,o=e<t,s=n.replace(/page\/\d+\/?$/,""),l=function(e,t=1){const n=Array.from({length:e},(e,t)=>t+1),r=[];return e<=5?n:(r.push(...n.slice(0,2)),t>=2&&t<=e-1&&r.push(...n.slice(t-2,t+1)),r.push(...n.slice(-2)),r.filter((e,t,n)=>n.indexOf(e)===t).reduce((e,t,n,r)=>{if(0===n)return e.push(t),e;const a=Math.abs(r[n]-r[n-1]);return 0===a||(a>1&&e.push("…"),e.push(t)),e},[]))}(t,e),u=(e,t)=>{e.preventDefault(),1===t&&r(""+s),r(`${s}page/${t}/`)};return Object(i.createElement)("nav",{className:"pagination","aria-label":Object(c.__)("Pagination","wporg-patterns")},Object(i.createElement)("ul",{className:"pagination__list"},Object(i.createElement)("li",{className:"pagination__item pagination__item-previous-page"},a&&Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${e-1}`,onClick:t=>u(t,e-1)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.__)("Previous page","wporg-patterns")),Object(i.createElement)("span",{"aria-hidden":!0},Object(c._x)("Previous","previous page link label","wporg-patterns")))),l.map((t,n)=>"…"===t?Object(i.createElement)("li",{className:"pagination__item",key:`${n}-${t}`},t):Object(i.createElement)("li",{className:"pagination__item",key:t},Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${t}`,"aria-current":t===e?"page":void 0,onClick:e=>u(e,t)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.sprintf)(// translators: %s is the page number.
    2 Object(c.__)("Page %s","wporg-patterns"),t)),Object(i.createElement)("span",{"aria-hidden":!0},t)))),Object(i.createElement)("li",{className:"pagination__item pagination__item-next-page"},o&&Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${e+1}`,onClick:t=>u(t,e+1)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.__)("Next page","wporg-patterns")),Object(i.createElement)("span",{"aria-hidden":!0},Object(c._x)("Next","next page link label","wporg-patterns"))))))}var O=n(6);function y(e){return{type:"FETCH_BLOCK_PATTERNS",query:e}}function j(e,t){return{type:"LOAD_BLOCK_PATTERN",postId:e,pattern:t}}function _(e,{page:t,patterns:n,total:r,totalPages:a}){return{type:"LOAD_BLOCK_PATTERNS",query:e,page:t,patterns:n,total:r,totalPages:a}}function w(e,{page:t,error:n}){return{type:"ERROR_BLOCK_PATTERNS",query:e,page:t,error:n}}function E(e){return{type:"SET_CURRENT_QUERY",query:e}}function S(){return{type:"FETCH_CATEGORIES"}}function P(e){return{type:"LOAD_CATEGORIES",categories:e}}function x(){return{type:"FETCH_PATTERN_FLAG_REASONS"}}function T(e){return{type:"LOAD_PATTERN_FLAG_REASONS",reasons:e}}function C(e){return{type:"LOAD_FAVORITES",patternIds:e}}function*N(e){const t=yield Object(O.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"POST",data:{id:e}});if("number"==typeof t)return{type:"ADD_FAVORITE",patternId:e,count:t}}function*k(e){const t=yield Object(O.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"DELETE",data:{id:e}});if("number"==typeof t)return{type:"REMOVE_FAVORITE",patternId:e,count:t}}function A(e={}){const t=Object.keys(e).sort();let n="";for(let r=0;r<t.length;r++){const a=t[r];let o=e[a];switch(Array.isArray(o)&&(o=e[a].join()),a){case"page":case"per_page":case"_fields":break;default:n+=(n?"&":"")+Object(u.addQueryArgs)("",{[a]:o}).slice(1)}}return n}function I(){return{id:-1,slug:"",name:Object(c.__)("All","wporg-patterns"),link:wporgPatternsUrl.site}}function R(e={},t){switch(t.type){case"LOAD_BLOCK_PATTERNS":{const n=(t.patterns||[]).reduce((e,t)=>({...e,[t.id]:t}),{});return{...e,...n}}case"LOAD_BLOCK_PATTERN":return{...e,[t.postId]:t.pattern};case"ADD_FAVORITE":case"REMOVE_FAVORITE":{const n={...e[t.patternId],favorite_count:t.count};return{...e,[t.patternId]:n}}default:return e}}function L(e={},t){const n=(t.patterns||[]).map(({id:e})=>e),{page:r,total:a,totalPages:o}=t;switch(t.type){case"LOAD_BLOCK_PATTERNS":{const i={...e[t.query]||{},total:a,totalPages:o};return i[r]=n,{...e,[t.query]:i}}case"ERROR_BLOCK_PATTERNS":{const n=e[t.query]||{};return n[r]=[],{...e,[t.query]:n}}default:return e}}var D=Object(s.combineReducers)({patterns:function(e={},t){return{byId:R(e.byId,t),queries:L(e.queries,t)}},categories:function(e,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[I(),...e]}return e},currentQuery:function(e,t){switch(t.type){case"SET_CURRENT_QUERY":return t.query}return e},patternFlagReasons:function(e,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=[],t){const{patternId:n}=t;switch(t.type){case"LOAD_FAVORITES":return t.patternIds;case"ADD_FAVORITE":return e.includes(n)?e:[...e,n];case"REMOVE_FAVORITE":return e.filter(e=>e!==n)}return e}});function*F(e){const t=A(e);try{yield y(t);const n=yield Object(O.apiFetch)({path:Object(u.addQueryArgs)("/wp/v2/wporg-pattern",{...e,locale:JSON.parse(wporgLocale)}),parse:!1}),{total:r,totalPages:a,results:o}=yield Object(O.__unstableAwaitPromise)(async function(e){try{var t,n;return{total:Number((null===(t=e.headers)||void 0===t?void 0:t.get("X-WP-Total"))||0),totalPages:Number((null===(n=e.headers)||void 0===n?void 0:n.get("X-WP-TotalPages"))||0),results:await e.json()}}catch(e){return{}}}(n));yield _(t,{page:e.page||1,patterns:o,total:r,totalPages:a})}catch(n){const r=yield Object(O.__unstableAwaitPromise)(async function(e){try{return await e.json()}catch(e){return{}}}(n));yield w(t,{page:e.page||1,error:r})}}function*M(e){try{const t=yield Object(O.apiFetch)({path:Object(u.addQueryArgs)("/wp/v2/wporg-pattern/"+e)});yield j(e,t)}catch(e){}}function*B(){try{yield{type:"FETCH_CATEGORIES"};const e=yield Object(O.apiFetch)({path:Object(u.addQueryArgs)("/wp/v2/pattern-categories")});yield P(e)}catch(e){}}function*K(){try{yield{type:"FETCH_PATTERN_FLAG_REASONS"};const e=yield Object(O.apiFetch)({path:Object(u.addQueryArgs)("/wp/v2/wporg-pattern-flag-reason")});yield T(e)}catch(e){}}function*Q(){try{const e=yield Object(O.apiFetch)({path:"/wporg/v1/pattern-favorites"});yield C(e)}catch(e){}}function q(e,t){var n,r;const a=A(t),o=(null==t?void 0:t.page)||1;return!Array.isArray(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r[o])}function G(e){return Object.values(e.patterns.byId)}function V(e,t){var n,r;const a=A(t),o=(null==t?void 0:t.page)||1;return((null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r[o])||[]).map(t=>e.patterns.byId[t])}function $(e,t){var n,r;const a=A(t);return(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r.total)||0}function H(e,t){var n,r;const a=A(t);return(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r.totalPages)||0}function z(e,t){return e.patterns.byId[t]||null}function U(e){return e.currentQuery}function W(e){return null===e.categories}function Y(e){return Array.isArray(e.categories)}function X(e){return e.categories}function J(e,t){if(!Y(e))return;const[n]=e.categories.filter(e=>e.slug===t);return n}function Z(e){return e.patternFlagReasons}function ee(e){return null===e.patternFlagReasons}function te(e){return e.favorites}function ne(e,t){return e.favorites.includes(t)}const re=Object(s.createReduxStore)("wporg/pattern-directory",{reducer:D,selectors:o,actions:r,controls:O.controls,resolvers:a});Object(s.register)(re);const ae=({style:e,children:t})=>Object(i.createElement)("span",{className:"pattern-skeleton__container",style:e},t),oe=e=>Object(i.createElement)("span",{className:"pattern-skeleton",style:e});var ie=n(10),ce=n.n(ie),se=n(8),le=function(e){return Object(i.createElement)(se.SVG,ce()({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),Object(i.createElement)(se.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"}))};function ue(e){return e*(2/3)}var de=()=>{const[e,t]=Object(i.useState)(),n=Object(i.useRef)();return Object(i.useEffect)(()=>{n.current&&t(ue(n.current.clientWidth)+"px")},[n]),Object(i.createElement)("div",{ref:n},Object(i.createElement)(ae,null,Object(i.createElement)(oe,{height:e}),Object(i.createElement)(oe,{height:"14px",marginTop:"1rem"}),Object(i.createElement)(ae,{style:{flexDirection:"row",marginTop:"0.5rem",alignItems:"center"}},Object(i.createElement)(oe,{height:"18px",width:"18px",marginRight:"0.5rem",borderRadius:"32px"}),Object(i.createElement)(oe,{height:"12px",width:"100px",marginRight:"0.75rem"}),Object(i.createElement)(le,{width:"16px",height:"16px",fill:"#787c82",className:"pattern-favorite-button__filled"}),Object(i.createElement)(oe,{height:"12px",width:"32px",marginLeft:"0.5rem"}))))},pe=function({header:e,children:t,query:n,showPagination:r=!0}){const{isLoading:a,posts:o,totalPages:c}=Object(s.useSelect)(e=>{const{getPatternTotalPagesByQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:a}=e(re);return{isLoading:n&&a(n),posts:n?r(n):[],totalPages:n?t(n):0}});return Object(i.createElement)(i.Fragment,null,o.length?e:null,Object(i.createElement)("div",{className:"pattern-grid"},a?Array(6).fill().map((e,t)=>Object(i.createElement)(de,{key:t})):o.map(t)),r&&Object(i.createElement)(h,{totalPages:c,currentPage:null==n?void 0:n.page}))},fe=n(9),me=n(3);function be(e){e.dir=document.dir,e.body.className="pattern-wrapper";for(const t of document.body.classList)t.startsWith("admin-color-")&&e.body.classList.add(t)}var ge=Object(i.forwardRef)((function({contentRef:e,children:t,head:n,headHTML:r,bodyStyle:a="",themeSlug:o="twentytwentyone",...s},l){const[u,d]=Object(i.useState)();r+=`<link rel="stylesheet" href="https://wp-themes.com/wp-content/themes/${o}/style.css" media="all" />`,r+=`<style>\n    body {\n        display: flex;\n        min-height: 100vh;\n        align-items: center;\n        justify-content: center;\n        background-color: white;\n    }\n    .pattern-wrapper {\n        padding: 0;\n        ${a}\n    }\n    body > div {\n        width: 100%;\n        max-height: 100%;\n        pointer-events: none;\n    }\n    </style>`;const p=Object(i.useCallback)(t=>{function n(){const{contentDocument:n}=t,{readyState:a,body:o}=n;return("interactive"===a||"complete"===a)&&("function"==typeof e?e(o):e&&(e.current=o),function(e,t){e.head.innerHTML="<style>body{margin:0}</style>"+t}(n,r),be(n),function(e){const{defaultView:t}=e,{frameElement:n}=t;function r(e){const r=Object.getPrototypeOf(e).constructor.name,a=window[r],o={};for(const t in e)o[t]=e[t];if(e instanceof t.MouseEvent){const e=n.getBoundingClientRect();o.clientX+=e.left,o.clientY+=e.top}const i=new a(e.type,o);!n.dispatchEvent(i)&&e.preventDefault()}const a=["keydown","keypress","dragover"];for(const t of a)e.addEventListener(t,r)}(n),be(n),d(n),!0)}t&&(n()||t.addEventListener("load",()=>{n()}))},[]);return Object(i.createElement)("iframe",ce()({title:Object(c.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1"},s,{ref:Object(fe.useMergeRefs)([l,p])}),u&&Object(i.createPortal)(t,u.body),u&&Object(i.createPortal)(n,u.head))})),ve=function({html:e}){return Object(i.createElement)("div",null,Object(i.createElement)(ge,{className:"pattern-preview__viewport-iframe",style:{width:"100%",height:"50vh",minHeight:"600px",overflowY:"auto"},headHTML:window.__editorStyles.html},Object(i.createElement)("div",{dangerouslySetInnerHTML:{__html:e}})))},he=n(5),Oe=n.n(he);function ye(e,t){return e.map((function(e,n){return e+t[n]}))}function je(e,t){return e.map((function(e,n){return e-t[n]}))}function _e(e){return Math.hypot.apply(Math,e)}function we(e){return Math.sign?Math.sign(e):Number(e>0)-Number(e<0)||+e}function Ee(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}function Se(e,t,n,r){return void 0===r&&(r=.15),0===r?function(e,t,n){return Math.max(t,Math.min(e,n))}(e,t,n):e<t?-Ee(t-e,n-t,r)+t:e>n?+Ee(e-n,n-t,r)+n:e}function Pe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function xe(){return(xe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Te(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function Ce(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ne(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ke(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Ne(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ne(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}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(n=e[Symbol.iterator]()).next.bind(n)}function Ae(){}function Ie(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?Ae:1===t.length?t[0]:function(){for(var e,n,r=ke(t);!(n=r()).done;){var a=n.value;e=a.apply(this,arguments)||e}return e}}function Re(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 Le(e){if("function"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return e.apply(void 0,n)}return e}function De(e,t){void 0===e&&(e={});for(var n={},r=0,a=Object.entries(t);r<a.length;r++){var o=a[r],i=o[0],c=o[1];switch(typeof c){case"function":n[i]=c.call(n,e[i],i,e);break;case"object":n[i]=De(e[i],c);break;case"boolean":c&&(n[i]=e[i])}}return n}function Fe(){return"undefined"!=typeof window&&"ontouchstart"in window}function Me(e){return"pointerId"in e?null:"touchend"===e.type?e.changedTouches:e.targetTouches}function Be(e){return Array.from(Me(e)).map((function(e){return e.identifier}))}function Ke(e){return{buttons:"buttons"in e?e.buttons:0,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}}var Qe=function(e){return e};function qe(e,t){void 0===t&&(t=Qe);var n=Me(e),r=n?n[0]:e;return t([r.clientX,r.clientY])}var Ge=xe({},{threshold:function(e){return void 0===e&&(e=0),Re(e)},rubberband:function(e){switch(void 0===e&&(e=0),e){case!0:return Re(.15);case!1:return Re(0);default:return Re(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:Re(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 Ge.bounds(e(t))};var t=e,n=t.left,r=void 0===n?-1/0:n,a=t.right,o=void 0===a?1/0:a,i=t.top,c=void 0===i?-1/0:i,s=t.bottom;return[[r,o],[c,void 0===s?1/0:s]]}}),Ve="undefined"!=typeof window&&window.document&&window.document.createElement,$e={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=Ve?window:void 0),e})),eventOptions:function(e){var t=void 0===e?{}:e,n=t.passive,r=void 0===n||n,a=t.capture;return{passive:r,capture:void 0!==a&&a}},transform:!0},He=xe({},Ge,{useTouch:function(e){void 0===e&&(e=!1);var t=Fe(),n="undefined"!=typeof window&&"onpointerdown"in window;return!(!e||!t)||!(!t||n)},experimental_preventWindowScrollY:function(e){return void 0===e&&(e=!1),e},threshold:function(e,t,n){var r=n.filterTaps,a=void 0!==r&&r,o=n.lockDirection,i=void 0!==o&&o,c=n.axis,s=Re(e,a?3:i||(void 0===c?void 0:c)?1:0);return this.filterTaps=a,s},swipeVelocity:function(e){return void 0===e&&(e=.5),Re(e)},swipeDistance:function(e){return void 0===e&&(e=50),Re(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 ze(e){var t,n=e.domTarget,r=e.eventOptions,a=e.window,o=e.enabled,i=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,["domTarget","eventOptions","window","enabled"]),c=(void 0===(t={domTarget:n,eventOptions:r,window:a,enabled:o})&&(t={}),De(t,$e));return c.drag=function(e){return void 0===e&&(e={}),De(e,He)}(i),c}function Ue(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,_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,timeStamp:0,startTime:0,elapsedTime:0,cancel:Ae,canceled:!1,memo:void 0,args:void 0},e)}function We(){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:Ue({_pointerId:void 0,axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,tap:!1,swipe:[0,0]}),pinch:Ue({_pointerIds:[],da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:Ue({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:Ue({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:Ue({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var Ye=new Map,Xe=function(e){return e};function Je(e,t){return Math.abs(e)>=t&&we(e)*t}function Ze(e,t,n){var r=t[0],a=t[1],o=n[0],i=n[1],c=e[0],s=c[0],l=c[1],u=e[1],d=u[0],p=u[1];return[Se(r,s,l,o),Se(a,d,p,i)]}function et(e,t,n){var r=e.state,a=t.timeStamp,o=t.type,i=r.values;return{_lastEventType:o,event:t,timeStamp:a,elapsedTime:n?0:a-r.startTime,previous:i}}function tt(e,t,n,r){var a=e.state,o=e.config,i=e.stateKey,c=e.args,s=e.transform,l=a.offset,u=n.timeStamp,d=o.initial,p=o.bounds,f=je(s(o.threshold),s([0,0])).map(Math.abs),m=xe({},We()[i],{_active:!0,args:c,values:t,initial:null!=r?r:t,_threshold:f,offset:l,lastOffset:l,startTime:u});return xe({},m,{_initial:Le(d,m),_bounds:Le(p,m)})}var nt=function(e){var t=this;this.classes=e,this.pointerIds=new Set,this.touchIds=new Set,this.supportsTouchEvents=Fe(),this.supportsGestureEvents=function(){try{return"constructor"in GestureEvent}catch(e){return!1}}(),this.bind=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];for(var a,o={},i=ke(t.classes);!(a=i()).done;){var c=a.value;new c(t,n).addBindings(o)}var s=function(e){dt(o,e,(function(r){return t.nativeRefs[e](xe({},t.state.shared,{event:r,args:n}))}))};for(var l in t.nativeRefs)s(l);return t.config.domTarget?ct(t,o):st(t,o)},this.effect=function(){return t.config.domTarget&&t.bind(),t.clean},this.clean=function(){var e=ut(t.config),n=t.config.eventOptions;e&&ft(e,lt(t.domListeners),n),Object.values(t.timeouts).forEach(clearTimeout),function(e){var t=e.config,n=t.window,r=t.eventOptions,a=e.windowListeners;if(n){for(var o in a){ft(n,a[o],r)}e.windowListeners={}}}(t)},this.classes=e,this.state=We(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function rt(e,t){"pointerId"in t?e.pointerIds.add(t.pointerId):e.touchIds=new Set(Be(t))}function at(e,t){"pointerId"in t?e.pointerIds.delete(t.pointerId):Be(t).forEach((function(t){return e.touchIds.delete(t)}))}function ot(e,t,n){var r=e.config,a=e.windowListeners;void 0===n&&(n=r.eventOptions),r.window&&(ft(r.window,a[t],n),delete a[t])}function it(e,t,n,r){var a=e.config,o=e.windowListeners;void 0===n&&(n=[]),void 0===r&&(r=a.eventOptions),a.window&&(ft(a.window,o[t],r),pt(a.window,o[t]=n,r))}function ct(e,t){var n=e.config,r=e.domListeners,a=ut(n);if(!a)throw new Error("domTarget must be defined");var o=n.eventOptions;ft(a,lt(r),o);for(var i=0,c=Object.entries(t);i<c.length;i++){var s=c[i],l=s[0],u=s[1],d=l.slice(2).toLowerCase();r.push([d,Ie.apply(void 0,u)])}pt(a,r,o)}function st(e,t){for(var n={},r=e.config.eventOptions.capture?"Capture":"",a=0,o=Object.entries(t);a<o.length;a++){var i=o[a],c=i[0],s=i[1],l=Array.isArray(s)?s:[s];n[c+r]=Ie.apply(void 0,l)}return n}function lt(e){return void 0===e&&(e=[]),e.splice(0,e.length)}function ut(e){var t=e.domTarget;return t&&"current"in t?t.current:t}function dt(e,t,n){e[t]||(e[t]=[]),e[t].push(n)}function pt(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var r,a=ke(t);!(r=a()).done;){var o=r.value,i=o[0],c=o[1];e.addEventListener(i,c,n)}}function ft(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var r,a=ke(t);!(r=a()).done;){var o=r.value,i=o[0],c=o[1];e.removeEventListener(i,c,n)}}function mt(){}function bt(e){"persist"in e&&"function"==typeof e.persist&&e.persist()}var gt=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 n=e.target,r=e.pointerId;n&&"setPointerCapture"in n&&n.setPointerCapture(r),t.updateGestureState({_dragTarget:n,_dragPointerId:r})}},t.releasePointerCapture=function(){if(!t.config.useTouch&&!document.pointerLockElement){var e=t.state,n=e._dragTarget,r=e._dragPointerId;if(r&&n&&"releasePointerCapture"in n&&(!("hasPointerCapture"in n)||n.hasPointerCapture(r)))try{n.releasePointerCapture(r)}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){bt(e),it(t.controller,t.stateKey,[["touchmove",t.preventScroll],["touchend",t.clean.bind(Ce(t))],["touchcancel",t.clean.bind(Ce(t))]],{passive:!1}),t.setTimeout(t.startDrag.bind(Ce(t)),250,e)},t.setUpDelayedDragTrigger=function(e){t.state._dragDelayed=!0,bt(e),t.setTimeout(t.startDrag.bind(Ce(t)),t.config.delay,e)},t.setStartState=function(e){var n=qe(e,t.transform);t.updateSharedState(Ke(e)),t.updateGestureState(xe({},tt(Ce(t),n,e),et(Ce(t),e,!0),{_pointerId:t.getEventId(e)})),t.updateGestureState(t.getMovement(n))},t.onDragStart=function(e){rt(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 n;if(document.pointerLockElement){var r=e.movementX,a=e.movementY;n=ye(t.transform([r,a]),t.state.values)}else n=qe(e,t.transform);var o=t.getKinematics(n,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=Ke(e);t.updateSharedState(i);var c=et(Ce(t),e),s=_e(o._movement),l=t.state._dragIsTap;l&&s>=3&&(l=!1),t.updateGestureState(xe({},c,o,{_dragIsTap:l})),t.fireGestureHandler()}},t.onDragEnd=function(e){if(at(t.controller,e),t.isValidEvent(e)&&(t.clean(),t.state._active)){t.state._active=!1;var n=t.state._dragIsTap,r=t.state.velocities,a=r[0],o=r[1],i=t.state.movement,c=i[0],s=i[1],l=t.state._intentional,u=l[0],d=l[1],p=t.config.swipeVelocity,f=p[0],m=p[1],b=t.config.swipeDistance,g=b[0],v=b[1],h=t.config.swipeDuration,O=xe({},et(Ce(t),e),t.getMovement(t.state.values)),y=[0,0];O.elapsedTime<h&&(!1!==u&&Math.abs(a)>f&&Math.abs(c)>g&&(y[0]=we(a)),!1!==d&&Math.abs(o)>m&&Math.abs(s)>v&&(y[1]=we(o))),t.updateSharedState({buttons:0}),t.updateGestureState(xe({},O,{tap:n,swipe:y})),t.fireGestureHandler(t.config.filterTaps&&!0===n)}},t.clean=function(){e.prototype.clean.call(Ce(t)),t.state._dragStarted=!1,t.releasePointerCapture(),ot(t.controller,t.stateKey)},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 n=t.prototype;return n.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())},n.addBindings=function(e){this.config.useTouch?(dt(e,"onTouchStart",this.onDragStart),dt(e,"onTouchMove",this.onDragChange),dt(e,"onTouchEnd",this.onDragEnd),dt(e,"onTouchCancel",this.onDragEnd)):(dt(e,"onPointerDown",this.onDragStart),dt(e,"onPointerMove",this.onDragChange),dt(e,"onPointerUp",this.onDragEnd),dt(e,"onPointerCancel",this.onDragEnd)),this.config.filterTaps&&dt(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 n=t.prototype;return n.getInternalMovement=function(e,t){return je(e,t.initial)},n.checkIntentionality=function(e,t){if(!1===e[0]&&!1===e[1])return{_intentional:e,axis:this.state.axis};var n=t.map(Math.abs),r=n[0],a=n[1],o=this.state.axis||(r>a?"x":r<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}},n.getKinematics=function(e,t){var n=this.getMovement(e);if(!n._blocked){var r=t.timeStamp-this.state.timeStamp;Object.assign(n,function(e,t,n){var r=_e(t),a=0===r?0:1/r,o=0===n?0:1/n,i=o*r,c=t.map((function(e){return o*e})),s=t.map((function(e){return a*e}));return{velocities:c,velocity:i,distance:_e(e),direction:s}}(n.movement,n.delta,r))}return n},n.mapStateValues=function(e){return{xy:e.values,vxvy:e.velocities}},t}(function(){function e(e,t){var n=this;void 0===t&&(t=[]),this.controller=e,this.args=t,this.debounced=!0,this.setTimeout=function(e,t){var r;void 0===t&&(t=140),clearTimeout(n.controller.timeouts[n.stateKey]);for(var a=arguments.length,o=new Array(a>2?a-2:0),i=2;i<a;i++)o[i-2]=arguments[i];n.controller.timeouts[n.stateKey]=(r=window).setTimeout.apply(r,[e,t].concat(o))},this.clearTimeout=function(){clearTimeout(n.controller.timeouts[n.stateKey])},this.fireGestureHandler=function(e){if(void 0===e&&(e=!1),n.state._blocked)return n.debounced||(n.state._active=!1,n.clean()),null;if(!e&&!n.state.intentional&&!n.config.triggerAllEvents)return null;if(n.state.intentional){var t=n.state.active,r=n.state._active;n.state.active=r,n.state.first=r&&!t,n.state.last=t&&!r,n.controller.state.shared[n.ingKey]=r}var a=n.controller.pointerIds.size||n.controller.touchIds.size,o=n.controller.state.shared.buttons>0||a>0,i=xe({},n.controller.state.shared,n.state,n.mapStateValues(n.state),{locked:!!document.pointerLockElement,touches:a,down:o}),c=n.handler(i);return n.state.memo=void 0!==c?c:n.state.memo,i},this.controller=e,this.args=t}var t,n,r=e.prototype;return r.updateSharedState=function(e){Object.assign(this.controller.state.shared,e)},r.updateGestureState=function(e){Object.assign(this.state,e)},r.checkIntentionality=function(e,t){return{_intentional:e,_blocked:!1}},r.getMovement=function(e){var t=this.config.rubberband,n=this.state,r=n._bounds,a=n._initial,o=n._active,i=n._intentional,c=n.lastOffset,s=n.movement,l=n._threshold,u=this.getInternalMovement(e,this.state),d=!1===i[0]?Je(u[0],l[0]):i[0],p=!1===i[1]?Je(u[1],l[1]):i[1],f=this.checkIntentionality([d,p],u);if(f._blocked)return xe({},f,{_movement:u,delta:[0,0]});var m=f._intentional,b=u,g=[!1!==m[0]?u[0]-m[0]:0,!1!==m[1]?u[1]-m[1]:0],v=ye(g,c),h=o?t:[0,0];return g=Ze(r,ye(g,a),h),xe({},f,{intentional:!1!==m[0]||!1!==m[1],_initial:a,_movement:b,movement:g,values:e,offset:Ze(r,v,h),delta:je(g,s)})},r.clean=function(){this.clearTimeout()},t=e,(n=[{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||Xe}}])&&Pe(t.prototype,n),e}()));function vt(e,t){try{return function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){if(t.constructor!==n.constructor)return!1;var r,a,o,i;if(Array.isArray(t)){if((r=t.length)!==n.length)return!1;for(a=r;0!=a--;)if(!e(t[a],n[a]))return!1;return!0}if("function"==typeof Map&&t instanceof Map&&n instanceof Map){if(t.size!==n.size)return!1;for(i=t.entries();!(a=i.next()).done;)if(!n.has(a.value[0]))return!1;for(i=t.entries();!(a=i.next()).done;)if(!e(a.value[1],n.get(a.value[0])))return!1;return!0}if("function"==typeof Set&&t instanceof Set&&n instanceof Set){if(t.size!==n.size)return!1;for(i=t.entries();!(a=i.next()).done;)if(!n.has(a.value[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((r=(o=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(a=r;0!=a--;)if(!Object.prototype.hasOwnProperty.call(n,o[a]))return!1;if("undefined"!=typeof Element&&t instanceof Element)return!1;for(a=r;0!=a--;)if(!("_owner"===o[a]&&t.$$typeof||e(t[o[a]],n[o[a]])))return!1;return!0}return t!=t&&n!=n}(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}var ht=n(12),Ot=function({label:e,className:t,onDragChange:n,onDragEnd:r,direction:a="left",...o}){const c=function(e,t){void 0===t&&(t={}),Ye.set("drag",gt);var o=Object(he.useRef)();return o.current||(o.current=function(e,t){var n,r,a=[],o=!1;return function(){for(var i=arguments.length,c=new Array(i),s=0;s<i;s++)c[s]=arguments[s];return o&&n===this&&t(c,a)||(r=e.apply(this,c),o=!0,n=this,a=c),r}}(ze,vt)),function(e,t,n){void 0===n&&(n={});var r=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=Oe.a.useMemo((function(){return new nt(r)}),[]);return a.config=t,a.handlers=e,a.nativeRefs=n,Oe.a.useEffect(a.effect,[]),a.config.domTarget?mt:a.bind}({drag:({delta:e,dragging:t})=>{const o="left"===a?-2:2;t?n(e[0]*o):r()}},o.current(t))}();return Object(i.createElement)("div",{className:"pattern-preview__drag-handle "+t},Object(i.createElement)("button",ce()({className:"pattern-preview__drag-handle-button","aria-label":e},o,{onKeyDown:e=>{const{keyCode:t}=e;"left"===a&&t===ht.LEFT||"right"===a&&t===ht.RIGHT?n(20):("left"===a&&t===ht.RIGHT||"right"===a&&t===ht.LEFT)&&n(-20)},onKeyUp:r},c())))},yt=function e({blockContent:t}){const n=Object(fe.useViewportMatch)("mobile",">="),r=Object(fe.useViewportMatch)("large",">="),a=Object(fe.useViewportMatch)("wide",">="),o=Object(fe.useInstanceId)(e),[s,l]=Object(i.useState)(window.innerWidth<960?window.innerWidth:960),u=Object(i.useCallback)(e=>l(t=>t+e),[l]),d=()=>{s<280&&l(280)},p=Object(i.useMemo)(()=>n?a?[{label:"Full (1200px)",value:1200},{label:"Default (960px)",value:960},{label:"Medium (480px)",value:480},{label:"Narrow (320px)",value:320}]:r?[{label:"Default (960px)",value:960},{label:"Medium (480px)",value:480},{label:"Narrow (320px)",value:320}]:[{label:Object(c.__)("Medium (480px)","wporg-patterns"),value:480},{label:Object(c.__)("Narrow (320px)","wporg-patterns"),value:320}]:[],[n,r,a]);let f=!1;if(!p.some(e=>e.value===s)){const e=Math.max(Math.floor(s),280);f={
     1!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.data},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.url},function(e,t){e.exports=window.React},function(e,t){e.exports=window.wp.dataControls},function(e,t,n){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)for(var c in r)n.call(r,c)&&r[c]&&e.push(c);else e.push(r.toString())}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()},function(e,t){e.exports=window.wp.primitives},function(e,t){e.exports=window.wp.compose},function(e,t){function n(){return e.exports=n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,n.apply(this,arguments)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=window.wp.a11y},function(e,t){e.exports=window.wp.keycodes},function(e,t){e.exports=window.wp.coreData},function(e,t){e.exports=window.wp.htmlEntities},function(e,t){e.exports=window.lodash},function(e,t){e.exports=window.wp.apiFetch},function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"fetchPatterns",(function(){return k})),n.d(r,"loadPattern",(function(){return N})),n.d(r,"loadPatterns",(function(){return C})),n.d(r,"setErrorPatterns",(function(){return A})),n.d(r,"setCurrentQuery",(function(){return I})),n.d(r,"fetchCategories",(function(){return R})),n.d(r,"loadCategories",(function(){return L})),n.d(r,"fetchPatternFlagReasons",(function(){return D})),n.d(r,"loadPatternFlagReasons",(function(){return F})),n.d(r,"loadFavorites",(function(){return M})),n.d(r,"addFavorite",(function(){return B})),n.d(r,"removeFavorite",(function(){return q}));var a={};n.r(a),n.d(a,"getPatternsByQuery",(function(){return H})),n.d(a,"getPattern",(function(){return U})),n.d(a,"getCategories",(function(){return z})),n.d(a,"getPatternFlagReasons",(function(){return W})),n.d(a,"getFavorites",(function(){return Y}));var o={};n.r(o),n.d(o,"isLoadingPatternsByQuery",(function(){return X})),n.d(o,"getPatterns",(function(){return J})),n.d(o,"getPatternsByQuery",(function(){return Z})),n.d(o,"getPatternTotalsByQuery",(function(){return ee})),n.d(o,"getPatternTotalPagesByQuery",(function(){return te})),n.d(o,"getPattern",(function(){return ne})),n.d(o,"getCurrentQuery",(function(){return re})),n.d(o,"isLoadingCategories",(function(){return ae})),n.d(o,"hasLoadedCategories",(function(){return oe})),n.d(o,"getCategories",(function(){return ie})),n.d(o,"getCategoryBySlug",(function(){return ce})),n.d(o,"getPatternFlagReasons",(function(){return se})),n.d(o,"isLoadingPatternFlagReasons",(function(){return le})),n.d(o,"getFavorites",(function(){return ue})),n.d(o,"isFavorite",(function(){return pe}));var i=n(0),c=n(1),s=n(2),l=({name:e,url:t,avatar:n})=>Object(i.createElement)("a",{href:t,className:"pattern__author-avatar"},Object(i.createElement)("img",{alt:"",src:n}),e);const u=({style:e,children:t})=>Object(i.createElement)("span",{className:"pattern-skeleton__container",style:e},t),p=e=>Object(i.createElement)("span",{className:"pattern-skeleton",style:e});var d=n(10),f=n.n(d),m=n(8),g=function(e){return Object(i.createElement)(m.SVG,f()({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),Object(i.createElement)(m.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"}))};function b(e){return e*(2/3)}const h=()=>{const[e,t]=Object(i.useState)(),n=Object(i.useRef)();return Object(i.useEffect)(()=>{n.current&&t(b(n.current.clientWidth)+"px")},[n]),Object(i.createElement)("div",{ref:n},Object(i.createElement)(u,null,Object(i.createElement)(p,{height:e}),Object(i.createElement)(p,{height:"14px",marginTop:"1rem"}),Object(i.createElement)(u,{style:{flexDirection:"row",marginTop:"0.5rem",alignItems:"center"}},Object(i.createElement)(p,{height:"18px",width:"18px",marginRight:"0.5rem",borderRadius:"32px"}),Object(i.createElement)(p,{height:"12px",width:"100px",marginRight:"0.75rem"}),Object(i.createElement)(g,{width:"16px",height:"16px",fill:"#787c82",className:"pattern-favorite-button__filled"}),Object(i.createElement)(p,{height:"12px",width:"32px",marginLeft:"0.5rem"}))))};var v=({length:e=6})=>Array(e).fill().map((e,t)=>Object(i.createElement)(h,{key:t})),O=n(4);const y=e=>e.split("?")[0],j=(e,t)=>{if(!t||!e)return"";const n=Object(O.getQueryArgs)(e);if(n[t])return n[t];const r=(e=>e.replace(/^\//,""))(y(e).replace(/\/$/,"")).split("/"),a=r.indexOf(t);return-1===a?"":r[a+1]||""},_=e=>j(e,"pattern-categories"),w=e=>j(e,"search"),E=Object(i.createContext)();function S({children:e}){const[t,n]=Object(i.useState)(Object(O.getPathAndQueryString)(window.location.href)),r=e=>{window.history.pushState("","",e),n(e)};return Object(i.createElement)(E.Provider,{value:{path:t,update:e=>{const n=(e=>(e=>{const t={};return Object.keys(e).forEach(n=>{const r=e[n];null!=r&&r.toString().length>0&&(t[n]=r)}),t})({...Object(O.getQueryArgs)(t),...Object(O.getQueryArgs)(e)}))(e),a=y(e),o=Object(O.addQueryArgs)(a,n);r(o)},replace:r}},e)}function P(){const e=Object(i.useContext)(E);if(void 0===e)throw new Error("useRoute must be used within a Provider");return e}function x({currentPage:e=1,totalPages:t}){const{path:n,update:r}=P();if(!t||t<=1)return null;const a=e>1,o=e<t,s=n.replace(/page\/\d+\/?$/,""),l=function(e,t=1){const n=Array.from({length:e},(e,t)=>t+1),r=[];return e<=5?n:(r.push(...n.slice(0,2)),t>=2&&t<=e-1&&r.push(...n.slice(t-2,t+1)),r.push(...n.slice(-2)),r.filter((e,t,n)=>n.indexOf(e)===t).reduce((e,t,n,r)=>{if(0===n)return e.push(t),e;const a=Math.abs(r[n]-r[n-1]);return 0===a||(a>1&&e.push("…"),e.push(t)),e},[]))}(t,e),u=(e,t)=>{e.preventDefault(),1===t&&r(""+s),r(`${s}page/${t}/`)};return Object(i.createElement)("nav",{className:"pagination","aria-label":Object(c.__)("Pagination","wporg-patterns")},Object(i.createElement)("ul",{className:"pagination__list"},Object(i.createElement)("li",{className:"pagination__item pagination__item-previous-page"},a&&Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${e-1}`,onClick:t=>u(t,e-1)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.__)("Previous page","wporg-patterns")),Object(i.createElement)("span",{"aria-hidden":!0},Object(c._x)("Previous","previous page link label","wporg-patterns")))),l.map((t,n)=>"…"===t?Object(i.createElement)("li",{className:"pagination__item",key:`${n}-${t}`},t):Object(i.createElement)("li",{className:"pagination__item",key:t},Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${t}`,"aria-current":t===e?"page":void 0,onClick:e=>u(e,t)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.sprintf)(// translators: %s is the page number.
     2Object(c.__)("Page %s","wporg-patterns"),t)),Object(i.createElement)("span",{"aria-hidden":!0},t)))),Object(i.createElement)("li",{className:"pagination__item pagination__item-next-page"},o&&Object(i.createElement)("a",{className:"pagination__link",href:`${s}page/${e+1}`,onClick:t=>u(t,e+1)},Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.__)("Next page","wporg-patterns")),Object(i.createElement)("span",{"aria-hidden":!0},Object(c._x)("Next","next page link label","wporg-patterns"))))))}var T=n(6);function k(e){return{type:"FETCH_BLOCK_PATTERNS",query:e}}function N(e,t){return{type:"LOAD_BLOCK_PATTERN",postId:e,pattern:t}}function C(e,{page:t,patterns:n,total:r,totalPages:a}){return{type:"LOAD_BLOCK_PATTERNS",query:e,page:t,patterns:n,total:r,totalPages:a}}function A(e,{page:t,error:n}){return{type:"ERROR_BLOCK_PATTERNS",query:e,page:t,error:n}}function I(e){return{type:"SET_CURRENT_QUERY",query:e}}function R(){return{type:"FETCH_CATEGORIES"}}function L(e){return{type:"LOAD_CATEGORIES",categories:e}}function D(){return{type:"FETCH_PATTERN_FLAG_REASONS"}}function F(e){return{type:"LOAD_PATTERN_FLAG_REASONS",reasons:e}}function M(e){return{type:"LOAD_FAVORITES",patternIds:e}}function*B(e){const t=yield Object(T.apiFetch)({path:"/wporg/v1/pattern-favorites",method:"POST",data:{id:e}});if("number"==typeof t)return{type:"ADD_FAVORITE",patternId:e,count:t}}function*q(e){const t=yield Object(T.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 n="";for(let r=0;r<t.length;r++){const a=t[r];let o=e[a];switch(Array.isArray(o)&&(o=e[a].join()),a){case"page":case"per_page":case"_fields":break;default:n+=(n?"&":"")+Object(O.addQueryArgs)("",{[a]:o}).slice(1)}}return n}function K(){return{id:-1,slug:"",name:Object(c.__)("All","wporg-patterns"),link:wporgPatternsUrl.site}}function G(e={},t){switch(t.type){case"LOAD_BLOCK_PATTERNS":{const n=(t.patterns||[]).reduce((e,t)=>({...e,[t.id]:t}),{});return{...e,...n}}case"LOAD_BLOCK_PATTERN":return{...e,[t.postId]:t.pattern};case"ADD_FAVORITE":case"REMOVE_FAVORITE":{const n={...e[t.patternId],favorite_count:t.count};return{...e,[t.patternId]:n}}default:return e}}function V(e={},t){const n=(t.patterns||[]).map(({id:e})=>e),{page:r,total:a,totalPages:o}=t;switch(t.type){case"LOAD_BLOCK_PATTERNS":{const i={...e[t.query]||{},total:a,totalPages:o};return i[r]=n,{...e,[t.query]:i}}case"ERROR_BLOCK_PATTERNS":{const n=e[t.query]||{};return n[r]=[],{...e,[t.query]:n}}default:return e}}var $=Object(s.combineReducers)({patterns:function(e={},t){return{byId:G(e.byId,t),queries:V(e.queries,t)}},categories:function(e,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[K(),...e]}return e},currentQuery:function(e,t){switch(t.type){case"SET_CURRENT_QUERY":return t.query}return e},patternFlagReasons:function(e,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:n}=t;switch(t.type){case"LOAD_FAVORITES":return t.patternIds;case"ADD_FAVORITE":return e.includes(n)?e:[...e,n];case"REMOVE_FAVORITE":return e.filter(e=>e!==n)}return e}});function*H(e){const t=Q(e);try{yield k(t);const n=yield Object(T.apiFetch)({path:Object(O.addQueryArgs)("/wp/v2/wporg-pattern",{...e,locale:JSON.parse(wporgLocale)}),parse:!1}),{total:r,totalPages:a,results:o}=yield Object(T.__unstableAwaitPromise)(async function(e){try{var t,n;return{total:Number((null===(t=e.headers)||void 0===t?void 0:t.get("X-WP-Total"))||0),totalPages:Number((null===(n=e.headers)||void 0===n?void 0:n.get("X-WP-TotalPages"))||0),results:await e.json()}}catch(e){return{}}}(n));yield C(t,{page:e.page||1,patterns:o,total:r,totalPages:a})}catch(n){const r=yield Object(T.__unstableAwaitPromise)(async function(e){try{return await e.json()}catch(e){return{}}}(n));yield A(t,{page:e.page||1,error:r})}}function*U(e){try{const t=yield Object(T.apiFetch)({path:Object(O.addQueryArgs)("/wp/v2/wporg-pattern/"+e)});yield N(e,t)}catch(e){}}function*z(){try{yield{type:"FETCH_CATEGORIES"};const e=yield Object(T.apiFetch)({path:Object(O.addQueryArgs)("/wp/v2/pattern-categories")});yield L(e)}catch(e){}}function*W(){try{yield{type:"FETCH_PATTERN_FLAG_REASONS"};const e=yield Object(T.apiFetch)({path:Object(O.addQueryArgs)("/wp/v2/wporg-pattern-flag-reason")});yield F(e)}catch(e){}}function*Y(){try{const e=yield Object(T.apiFetch)({path:"/wporg/v1/pattern-favorites"});yield M(e)}catch(e){}}function X(e,t){var n,r;const a=Q(t),o=(null==t?void 0:t.page)||1;return!Array.isArray(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r[o])}function J(e){return Object.values(e.patterns.byId)}function Z(e,t){var n,r;const a=Q(t),o=(null==t?void 0:t.page)||1;return((null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r[o])||[]).map(t=>e.patterns.byId[t])}function ee(e,t){var n,r;const a=Q(t);return(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r.total)||0}function te(e,t){var n,r;const a=Q(t);return(null===(n=e.patterns.queries)||void 0===n||null===(r=n[a])||void 0===r?void 0:r.totalPages)||0}function ne(e,t){return e.patterns.byId[t]||null}function re(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 ce(e,t){if(!oe(e))return;const[n]=e.categories.filter(e=>e.slug===t);return n}function se(e){return e.patternFlagReasons}function le(e){return null===e.patternFlagReasons}function ue(e){return e.favorites}function pe(e,t){var n;return null===(n=e.favorites)||void 0===n?void 0:n.includes(t)}const de=Object(s.createReduxStore)("wporg/pattern-directory",{reducer:$,selectors:o,actions:r,controls:T.controls,resolvers:a});Object(s.register)(de);var fe=function({header:e,children:t,query:n,showPagination:r=!0}){const{isLoading:a,posts:o,totalPages:c}=Object(s.useSelect)(e=>{const{getPatternTotalPagesByQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:a}=e(de);return{isLoading:n&&a(n),posts:n?r(n):[],totalPages:n?t(n):0}});return Object(i.createElement)(i.Fragment,null,o.length?e:null,Object(i.createElement)("div",{className:"pattern-grid"},a?Object(i.createElement)(v,{length:null==n?void 0:n.per_page}):o.map(t)),r&&Object(i.createElement)(x,{totalPages:c,currentPage:null==n?void 0:n.page}))},me=n(9),ge=n(3);function be(e){e.dir=document.dir,e.body.className="pattern-wrapper";for(const t of document.body.classList)t.startsWith("admin-color-")&&e.body.classList.add(t)}var he=Object(i.forwardRef)((function({contentRef:e,children:t,head:n,headHTML:r,bodyStyle:a="",themeSlug:o="twentytwentyone",...s},l){const[u,p]=Object(i.useState)();r+=`<link rel="stylesheet" href="https://wp-themes.com/wp-content/themes/${o}/style.css" media="all" />`,r+=`<style>\n    body {\n        display: flex;\n        min-height: 100vh;\n        align-items: center;\n        justify-content: center;\n        background-color: white;\n    }\n    .pattern-wrapper {\n        padding: 0;\n        ${a}\n    }\n    body > div {\n        width: 100%;\n        max-height: 100%;\n        pointer-events: none;\n    }\n    </style>`;const d=Object(i.useCallback)(t=>{function n(){const{contentDocument:n}=t,{readyState:a,body:o}=n;return("interactive"===a||"complete"===a)&&("function"==typeof e?e(o):e&&(e.current=o),function(e,t){e.head.innerHTML="<style>body{margin:0}</style>"+t}(n,r),be(n),function(e){const{defaultView:t}=e,{frameElement:n}=t;function r(e){const r=Object.getPrototypeOf(e).constructor.name,a=window[r],o={};for(const t in e)o[t]=e[t];if(e instanceof t.MouseEvent){const e=n.getBoundingClientRect();o.clientX+=e.left,o.clientY+=e.top}const i=new a(e.type,o);!n.dispatchEvent(i)&&e.preventDefault()}const a=["keydown","keypress","dragover"];for(const t of a)e.addEventListener(t,r)}(n),be(n),p(n),!0)}t&&(n()||t.addEventListener("load",()=>{n()}))},[]);return Object(i.createElement)("iframe",f()({title:Object(c.__)("Pattern Preview","wporg-patterns"),tabIndex:"-1"},s,{ref:Object(me.useMergeRefs)([l,d])}),u&&Object(i.createPortal)(t,u.body),u&&Object(i.createPortal)(n,u.head))})),ve=function({html:e}){return Object(i.createElement)("div",null,Object(i.createElement)(he,{className:"pattern-preview__viewport-iframe",style:{width:"100%",height:"50vh",minHeight:"600px",overflowY:"auto"},headHTML:window.__editorStyles.html},Object(i.createElement)("div",{dangerouslySetInnerHTML:{__html:e}})))},Oe=n(5),ye=n.n(Oe);function je(e,t){return e.map((function(e,n){return e+t[n]}))}function _e(e,t){return e.map((function(e,n){return e-t[n]}))}function we(e){return Math.hypot.apply(Math,e)}function Ee(e){return Math.sign?Math.sign(e):Number(e>0)-Number(e<0)||+e}function Se(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}function Pe(e,t,n,r){return void 0===r&&(r=.15),0===r?function(e,t,n){return Math.max(t,Math.min(e,n))}(e,t,n):e<t?-Se(t-e,n-t,r)+t:e>n?+Se(e-n,n-t,r)+n:e}function xe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Te(){return(Te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ke(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function Ne(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Ce(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}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(n=e[Symbol.iterator]()).next.bind(n)}function Ie(){}function Re(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?Ie:1===t.length?t[0]:function(){for(var e,n,r=Ae(t);!(n=r()).done;){var a=n.value;e=a.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,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return e.apply(void 0,n)}return e}function Fe(e,t){void 0===e&&(e={});for(var n={},r=0,a=Object.entries(t);r<a.length;r++){var o=a[r],i=o[0],c=o[1];switch(typeof c){case"function":n[i]=c.call(n,e[i],i,e);break;case"object":n[i]=Fe(e[i],c);break;case"boolean":c&&(n[i]=e[i])}}return n}function Me(){return"undefined"!=typeof window&&"ontouchstart"in window}function Be(e){return"pointerId"in e?null:"touchend"===e.type?e.changedTouches:e.targetTouches}function qe(e){return Array.from(Be(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 Ke=function(e){return e};function Ge(e,t){void 0===t&&(t=Ke);var n=Be(e),r=n?n[0]:e;return t([r.clientX,r.clientY])}var Ve=Te({},{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 Ve.bounds(e(t))};var t=e,n=t.left,r=void 0===n?-1/0:n,a=t.right,o=void 0===a?1/0:a,i=t.top,c=void 0===i?-1/0:i,s=t.bottom;return[[r,o],[c,void 0===s?1/0:s]]}}),$e="undefined"!=typeof window&&window.document&&window.document.createElement,He={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=$e?window:void 0),e})),eventOptions:function(e){var t=void 0===e?{}:e,n=t.passive,r=void 0===n||n,a=t.capture;return{passive:r,capture:void 0!==a&&a}},transform:!0},Ue=Te({},Ve,{useTouch:function(e){void 0===e&&(e=!1);var t=Me(),n="undefined"!=typeof window&&"onpointerdown"in window;return!(!e||!t)||!(!t||n)},experimental_preventWindowScrollY:function(e){return void 0===e&&(e=!1),e},threshold:function(e,t,n){var r=n.filterTaps,a=void 0!==r&&r,o=n.lockDirection,i=void 0!==o&&o,c=n.axis,s=Le(e,a?3:i||(void 0===c?void 0:c)?1:0);return this.filterTaps=a,s},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){switch(void 0===e&&(e=0),e){case!0:return 180;case!1:return 0;default:return e}}});function ze(e){var t,n=e.domTarget,r=e.eventOptions,a=e.window,o=e.enabled,i=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,["domTarget","eventOptions","window","enabled"]),c=(void 0===(t={domTarget:n,eventOptions:r,window:a,enabled:o})&&(t={}),Fe(t,He));return c.drag=function(e){return void 0===e&&(e={}),Fe(e,Ue)}(i),c}function We(e){return Te({_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,timeStamp:0,startTime:0,elapsedTime:0,cancel:Ie,canceled:!1,memo:void 0,args:void 0},e)}function Ye(){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:We({_pointerId:void 0,axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,tap:!1,swipe:[0,0]}),pinch:We({_pointerIds:[],da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:We({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:We({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:We({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var Xe=new Map,Je=function(e){return e};function Ze(e,t){return Math.abs(e)>=t&&Ee(e)*t}function et(e,t,n){var r=t[0],a=t[1],o=n[0],i=n[1],c=e[0],s=c[0],l=c[1],u=e[1],p=u[0],d=u[1];return[Pe(r,s,l,o),Pe(a,p,d,i)]}function tt(e,t,n){var r=e.state,a=t.timeStamp,o=t.type,i=r.values;return{_lastEventType:o,event:t,timeStamp:a,elapsedTime:n?0:a-r.startTime,previous:i}}function nt(e,t,n,r){var a=e.state,o=e.config,i=e.stateKey,c=e.args,s=e.transform,l=a.offset,u=n.timeStamp,p=o.initial,d=o.bounds,f=_e(s(o.threshold),s([0,0])).map(Math.abs),m=Te({},Ye()[i],{_active:!0,args:c,values:t,initial:null!=r?r:t,_threshold:f,offset:l,lastOffset:l,startTime:u});return Te({},m,{_initial:De(p,m),_bounds:De(d,m)})}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,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];for(var a,o={},i=Ae(t.classes);!(a=i()).done;){var c=a.value;new c(t,n).addBindings(o)}var s=function(e){dt(o,e,(function(r){return t.nativeRefs[e](Te({},t.state.shared,{event:r,args:n}))}))};for(var l in t.nativeRefs)s(l);return t.config.domTarget?st(t,o):lt(t,o)},this.effect=function(){return t.config.domTarget&&t.bind(),t.clean},this.clean=function(){var e=pt(t.config),n=t.config.eventOptions;e&&mt(e,ut(t.domListeners),n),Object.values(t.timeouts).forEach(clearTimeout),function(e){var t=e.config,n=t.window,r=t.eventOptions,a=e.windowListeners;if(n){for(var o in a){mt(n,a[o],r)}e.windowListeners={}}}(t)},this.classes=e,this.state=Ye(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function at(e,t){"pointerId"in t?e.pointerIds.add(t.pointerId):e.touchIds=new Set(qe(t))}function ot(e,t){"pointerId"in t?e.pointerIds.delete(t.pointerId):qe(t).forEach((function(t){return e.touchIds.delete(t)}))}function it(e,t,n){var r=e.config,a=e.windowListeners;void 0===n&&(n=r.eventOptions),r.window&&(mt(r.window,a[t],n),delete a[t])}function ct(e,t,n,r){var a=e.config,o=e.windowListeners;void 0===n&&(n=[]),void 0===r&&(r=a.eventOptions),a.window&&(mt(a.window,o[t],r),ft(a.window,o[t]=n,r))}function st(e,t){var n=e.config,r=e.domListeners,a=pt(n);if(!a)throw new Error("domTarget must be defined");var o=n.eventOptions;mt(a,ut(r),o);for(var i=0,c=Object.entries(t);i<c.length;i++){var s=c[i],l=s[0],u=s[1],p=l.slice(2).toLowerCase();r.push([p,Re.apply(void 0,u)])}ft(a,r,o)}function lt(e,t){for(var n={},r=e.config.eventOptions.capture?"Capture":"",a=0,o=Object.entries(t);a<o.length;a++){var i=o[a],c=i[0],s=i[1],l=Array.isArray(s)?s:[s];n[c+r]=Re.apply(void 0,l)}return n}function ut(e){return void 0===e&&(e=[]),e.splice(0,e.length)}function pt(e){var t=e.domTarget;return t&&"current"in t?t.current:t}function dt(e,t,n){e[t]||(e[t]=[]),e[t].push(n)}function ft(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var r,a=Ae(t);!(r=a()).done;){var o=r.value,i=o[0],c=o[1];e.addEventListener(i,c,n)}}function mt(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var r,a=Ae(t);!(r=a()).done;){var o=r.value,i=o[0],c=o[1];e.removeEventListener(i,c,n)}}function gt(){}function bt(e){"persist"in e&&"function"==typeof e.persist&&e.persist()}var ht=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 n=e.target,r=e.pointerId;n&&"setPointerCapture"in n&&n.setPointerCapture(r),t.updateGestureState({_dragTarget:n,_dragPointerId:r})}},t.releasePointerCapture=function(){if(!t.config.useTouch&&!document.pointerLockElement){var e=t.state,n=e._dragTarget,r=e._dragPointerId;if(r&&n&&"releasePointerCapture"in n&&(!("hasPointerCapture"in n)||n.hasPointerCapture(r)))try{n.releasePointerCapture(r)}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){bt(e),ct(t.controller,t.stateKey,[["touchmove",t.preventScroll],["touchend",t.clean.bind(Ne(t))],["touchcancel",t.clean.bind(Ne(t))]],{passive:!1}),t.setTimeout(t.startDrag.bind(Ne(t)),250,e)},t.setUpDelayedDragTrigger=function(e){t.state._dragDelayed=!0,bt(e),t.setTimeout(t.startDrag.bind(Ne(t)),t.config.delay,e)},t.setStartState=function(e){var n=Ge(e,t.transform);t.updateSharedState(Qe(e)),t.updateGestureState(Te({},nt(Ne(t),n,e),tt(Ne(t),e,!0),{_pointerId:t.getEventId(e)})),t.updateGestureState(t.getMovement(n))},t.onDragStart=function(e){at(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 n;if(document.pointerLockElement){var r=e.movementX,a=e.movementY;n=je(t.transform([r,a]),t.state.values)}else n=Ge(e,t.transform);var o=t.getKinematics(n,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 c=tt(Ne(t),e),s=we(o._movement),l=t.state._dragIsTap;l&&s>=3&&(l=!1),t.updateGestureState(Te({},c,o,{_dragIsTap:l})),t.fireGestureHandler()}},t.onDragEnd=function(e){if(ot(t.controller,e),t.isValidEvent(e)&&(t.clean(),t.state._active)){t.state._active=!1;var n=t.state._dragIsTap,r=t.state.velocities,a=r[0],o=r[1],i=t.state.movement,c=i[0],s=i[1],l=t.state._intentional,u=l[0],p=l[1],d=t.config.swipeVelocity,f=d[0],m=d[1],g=t.config.swipeDistance,b=g[0],h=g[1],v=t.config.swipeDuration,O=Te({},tt(Ne(t),e),t.getMovement(t.state.values)),y=[0,0];O.elapsedTime<v&&(!1!==u&&Math.abs(a)>f&&Math.abs(c)>b&&(y[0]=Ee(a)),!1!==p&&Math.abs(o)>m&&Math.abs(s)>h&&(y[1]=Ee(o))),t.updateSharedState({buttons:0}),t.updateGestureState(Te({},O,{tap:n,swipe:y})),t.fireGestureHandler(t.config.filterTaps&&!0===n)}},t.clean=function(){e.prototype.clean.call(Ne(t)),t.state._dragStarted=!1,t.releasePointerCapture(),it(t.controller,t.stateKey)},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}ke(t,e);var n=t.prototype;return n.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())},n.addBindings=function(e){this.config.useTouch?(dt(e,"onTouchStart",this.onDragStart),dt(e,"onTouchMove",this.onDragChange),dt(e,"onTouchEnd",this.onDragEnd),dt(e,"onTouchCancel",this.onDragEnd)):(dt(e,"onPointerDown",this.onDragStart),dt(e,"onPointerMove",this.onDragChange),dt(e,"onPointerUp",this.onDragEnd),dt(e,"onPointerCancel",this.onDragEnd)),this.config.filterTaps&&dt(e,this.controller.config.eventOptions.capture?"onClick":"onClickCapture",this.onClick)},t}(function(e){function t(){return e.apply(this,arguments)||this}ke(t,e);var n=t.prototype;return n.getInternalMovement=function(e,t){return _e(e,t.initial)},n.checkIntentionality=function(e,t){if(!1===e[0]&&!1===e[1])return{_intentional:e,axis:this.state.axis};var n=t.map(Math.abs),r=n[0],a=n[1],o=this.state.axis||(r>a?"x":r<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}},n.getKinematics=function(e,t){var n=this.getMovement(e);if(!n._blocked){var r=t.timeStamp-this.state.timeStamp;Object.assign(n,function(e,t,n){var r=we(t),a=0===r?0:1/r,o=0===n?0:1/n,i=o*r,c=t.map((function(e){return o*e})),s=t.map((function(e){return a*e}));return{velocities:c,velocity:i,distance:we(e),direction:s}}(n.movement,n.delta,r))}return n},n.mapStateValues=function(e){return{xy:e.values,vxvy:e.velocities}},t}(function(){function e(e,t){var n=this;void 0===t&&(t=[]),this.controller=e,this.args=t,this.debounced=!0,this.setTimeout=function(e,t){var r;void 0===t&&(t=140),clearTimeout(n.controller.timeouts[n.stateKey]);for(var a=arguments.length,o=new Array(a>2?a-2:0),i=2;i<a;i++)o[i-2]=arguments[i];n.controller.timeouts[n.stateKey]=(r=window).setTimeout.apply(r,[e,t].concat(o))},this.clearTimeout=function(){clearTimeout(n.controller.timeouts[n.stateKey])},this.fireGestureHandler=function(e){if(void 0===e&&(e=!1),n.state._blocked)return n.debounced||(n.state._active=!1,n.clean()),null;if(!e&&!n.state.intentional&&!n.config.triggerAllEvents)return null;if(n.state.intentional){var t=n.state.active,r=n.state._active;n.state.active=r,n.state.first=r&&!t,n.state.last=t&&!r,n.controller.state.shared[n.ingKey]=r}var a=n.controller.pointerIds.size||n.controller.touchIds.size,o=n.controller.state.shared.buttons>0||a>0,i=Te({},n.controller.state.shared,n.state,n.mapStateValues(n.state),{locked:!!document.pointerLockElement,touches:a,down:o}),c=n.handler(i);return n.state.memo=void 0!==c?c:n.state.memo,i},this.controller=e,this.args=t}var t,n,r=e.prototype;return r.updateSharedState=function(e){Object.assign(this.controller.state.shared,e)},r.updateGestureState=function(e){Object.assign(this.state,e)},r.checkIntentionality=function(e,t){return{_intentional:e,_blocked:!1}},r.getMovement=function(e){var t=this.config.rubberband,n=this.state,r=n._bounds,a=n._initial,o=n._active,i=n._intentional,c=n.lastOffset,s=n.movement,l=n._threshold,u=this.getInternalMovement(e,this.state),p=!1===i[0]?Ze(u[0],l[0]):i[0],d=!1===i[1]?Ze(u[1],l[1]):i[1],f=this.checkIntentionality([p,d],u);if(f._blocked)return Te({},f,{_movement:u,delta:[0,0]});var m=f._intentional,g=u,b=[!1!==m[0]?u[0]-m[0]:0,!1!==m[1]?u[1]-m[1]:0],h=je(b,c),v=o?t:[0,0];return b=et(r,je(b,a),v),Te({},f,{intentional:!1!==m[0]||!1!==m[1],_initial:a,_movement:g,movement:b,values:e,offset:et(r,h,v),delta:_e(b,s)})},r.clean=function(){this.clearTimeout()},t=e,(n=[{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||Je}}])&&xe(t.prototype,n),e}()));function vt(e,t){try{return function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){if(t.constructor!==n.constructor)return!1;var r,a,o,i;if(Array.isArray(t)){if((r=t.length)!==n.length)return!1;for(a=r;0!=a--;)if(!e(t[a],n[a]))return!1;return!0}if("function"==typeof Map&&t instanceof Map&&n instanceof Map){if(t.size!==n.size)return!1;for(i=t.entries();!(a=i.next()).done;)if(!n.has(a.value[0]))return!1;for(i=t.entries();!(a=i.next()).done;)if(!e(a.value[1],n.get(a.value[0])))return!1;return!0}if("function"==typeof Set&&t instanceof Set&&n instanceof Set){if(t.size!==n.size)return!1;for(i=t.entries();!(a=i.next()).done;)if(!n.has(a.value[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((r=(o=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(a=r;0!=a--;)if(!Object.prototype.hasOwnProperty.call(n,o[a]))return!1;if("undefined"!=typeof Element&&t instanceof Element)return!1;for(a=r;0!=a--;)if(!("_owner"===o[a]&&t.$$typeof||e(t[o[a]],n[o[a]])))return!1;return!0}return t!=t&&n!=n}(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}var Ot=n(12),yt=function({label:e,className:t,onDragChange:n,onDragEnd:r,direction:a="left",...o}){const c=function(e,t){void 0===t&&(t={}),Xe.set("drag",ht);var o=Object(Oe.useRef)();return o.current||(o.current=function(e,t){var n,r,a=[],o=!1;return function(){for(var i=arguments.length,c=new Array(i),s=0;s<i;s++)c[s]=arguments[s];return o&&n===this&&t(c,a)||(r=e.apply(this,c),o=!0,n=this,a=c),r}}(ze,vt)),function(e,t,n){void 0===n&&(n={});var r=function(e){var t=new Set;return e.drag&&t.add(Xe.get("drag")),e.wheel&&t.add(Xe.get("wheel")),e.scroll&&t.add(Xe.get("scroll")),e.move&&t.add(Xe.get("move")),e.pinch&&t.add(Xe.get("pinch")),e.hover&&t.add(Xe.get("hover")),t}(e),a=ye.a.useMemo((function(){return new rt(r)}),[]);return a.config=t,a.handlers=e,a.nativeRefs=n,ye.a.useEffect(a.effect,[]),a.config.domTarget?gt:a.bind}({drag:({delta:e,dragging:t})=>{const o="left"===a?-2:2;t?n(e[0]*o):r()}},o.current(t))}();return Object(i.createElement)("div",{className:"pattern-preview__drag-handle "+t},Object(i.createElement)("button",f()({className:"pattern-preview__drag-handle-button","aria-label":e},o,{onKeyDown:e=>{const{keyCode:t}=e;"left"===a&&t===Ot.LEFT||"right"===a&&t===Ot.RIGHT?n(20):("left"===a&&t===Ot.RIGHT||"right"===a&&t===Ot.LEFT)&&n(-20)},onKeyUp:r},c())))},jt=function e({blockContent:t}){const n=Object(me.useViewportMatch)("mobile",">="),r=Object(me.useViewportMatch)("large",">="),a=Object(me.useViewportMatch)("wide",">="),o=Object(me.useInstanceId)(e),[s,l]=Object(i.useState)(window.innerWidth<960?window.innerWidth:960),u=Object(i.useCallback)(e=>l(t=>t+e),[l]),p=()=>{s<280&&l(280)},d=Object(i.useMemo)(()=>n?a?[{label:"Full (1200px)",value:1200},{label:"Default (960px)",value:960},{label:"Medium (480px)",value:480},{label:"Narrow (320px)",value:320}]:r?[{label:"Default (960px)",value:960},{label:"Medium (480px)",value:480},{label:"Narrow (320px)",value:320}]:[{label:Object(c.__)("Medium (480px)","wporg-patterns"),value:480},{label:Object(c.__)("Narrow (320px)","wporg-patterns"),value:320}]:[],[n,r,a]);let f=!1;if(!d.some(e=>e.value===s)){const e=Math.max(Math.floor(s),280);f={
    33/* translators: %s is the width in pixels, ex 600. */
    4 label:Object(c.sprintf)(Object(c.__)("Current (%spx)","wporg-patterns"),e),value:e}}return Object(i.createElement)(i.Fragment,null,Object(i.createElement)("div",{className:"pattern-preview__size-control"},n&&Object(i.createElement)(me.SelectControl,{hideLabelFromVision:!0,label:Object(c.__)("Preview Width","wporg-patterns"),value:s,options:f?[f,...p]:p,onChange:e=>l(Number(e))})),Object(i.createElement)("div",{className:"pattern-preview__viewport",style:{width:s+40}},Object(i.createElement)(Ot,{label:Object(c.__)("Drag to resize","wporg-patterns"),className:"is-left",onDragChange:u,onDragEnd:d,direction:"left","aria-describedby":"pattern-preview__resize-help-"+o}),Object(i.createElement)(ve,{html:t}),Object(i.createElement)(Ot,{label:Object(c.__)("Drag to resize","wporg-patterns"),className:"is-right",onDragChange:u,onDragEnd:d,direction:"right","aria-describedby":"pattern-preview__resize-help-"+o}),Object(i.createElement)(me.VisuallyHidden,{id:"pattern-preview__resize-help-"+o,className:"pattern-preview__resize-help"},Object(c.__)("Use left and right arrow keys to resize the preview.","wporg-patterns"))))},jt=n(7),_t=n.n(jt),wt=n(15),Et=n(11),St=({isSmall:e=!1,onSuccess:t=wt.noop,content:n})=>{const[r,a]=Object(i.useState)(!1);if(!n){const e=document.getElementById("block-data");n=JSON.parse(decodeURIComponent(e.value))}Object(i.useEffect)(()=>{if(!r)return;Object(Et.speak)(Object(c.__)("Copied pattern to clipboard.","wporg-patterns"));const e=setTimeout(()=>a(!1),2e4);return()=>{clearTimeout(e)}},[r]);let o=Object(c.__)("Copy Pattern","wporg-patterns");e&&(o=r?Object(c.__)("Copied","wporg-patterns"):Object(c.__)("Copy","wporg-patterns"));const s=_t()({"pattern-copy-button":!0,"is-small-label":e});return Object(i.createElement)(me.Button,{className:s,isPrimary:!0,onClick:({target:e})=>{const r=(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 n=document.execCommand("copy");return document.body.removeChild(t),n})(n);a(r),e.focus(),r&&t()}},o)},Pt=n(13),xt=function(e){return Object(i.createElement)(se.SVG,ce()({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),Object(i.createElement)(se.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"}))},Tt=({showLabel:e=!0,patternId:t})=>{const{hasPermission:n,isFavorite:r}=Object(s.useSelect)(e=>(e(re).getFavorites(),{hasPermission:!!e(Pt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(re).isFavorite(t)})),{addFavorite:a,removeFavorite:o}=Object(s.useDispatch)(re),l=Object(i.useCallback)(()=>{r?o(t):a(t)},[r]);if(!n)return null;const u=_t()("button button-link pattern-favorite-button",{"is-favorited":r,"has-label":e}),d=_t()({"screen-reader-text":!e});return Object(i.createElement)("button",{className:u,onClick:l},Object(i.createElement)(le,{className:"pattern-favorite-button__filled"}),Object(i.createElement)(xt,{className:"pattern-favorite-button__outline"}),Object(i.createElement)("span",{className:d},r?Object(c.__)("Remove from favorites","wporg-patterns"):Object(c.__)("Add to favorites","wporg-patterns")))},Ct=({onClick:e})=>Object(i.createElement)(me.Notice,{className:"pattern-actions__notice",status:"success",isDismissible:!1,actions:[{label:Object(c.__)("Learn More","wporg-patterns"),onClick:e,variant:"secondary"}]},Object(i.createElement)("div",null,Object(i.createElement)("b",null,Object(c.__)("Pattern copied!","wporg-patterns")),Object(c.__)(" Now you can paste it into any WordPress post or page.","wporg-patterns")));const Nt=()=>Object(i.createElement)("div",{style:{height:"220px"}},Object(i.createElement)("img",{src:wporgPatternsUrl.assets+"/images/copy-paste-demo.gif",alt:Object(c.__)("GIF of copy and pasting.","wporg-patterns")}));var kt=({onFinish:e})=>Object(i.createElement)(me.Animate,{type:"appear",options:{origin:"bottom"}},({className:t})=>Object(i.createElement)(me.Guide,{className:"pattern-actions__guide "+t,onFinish:e,finishButtonText:Object(c.__)("Close","wporg-patterns"),pages:[{image:Object(i.createElement)(Nt,null),content:Object(i.createElement)("div",{className:"pattern-actions__guide-content"},Object(i.createElement)("h3",{className:"pattern-actions__guide-title"},Object(c.__)("How to use patterns on your WordPress site.","wporg-patterns")),Object(i.createElement)("p",null,Object(c.__)("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")),Object(i.createElement)("ol",null,Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(c.__)("Open any post or page in the WordPress block editor.","wporg-patterns"))),Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(c.__)("Place your cursor where you want to add the pattern.","wporg-patterns"))),Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(i.createInterpolateElement)(Object(c.__)("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:Object(i.createElement)("kbd",{className:"pattern-actions__guide-shortcut"})})))))}]})),At=({postId:e})=>{const[t,n]=Object(i.useState)(!1),[r,a]=Object(i.useState)(!1);return Object(i.createElement)("div",{className:"pattern-actions"},Object(i.createElement)("div",{className:"pattern-actions__container"},Object(i.createElement)(St,{onSuccess:()=>n(!0)}),Object(i.createElement)(Tt,{patternId:e}),t&&Object(i.createElement)(Ct,{onClick:()=>a(!0)}),r&&Object(i.createElement)(kt,{onFinish:()=>a(!1)})))},It=n(14),Rt=function({className:e,html:t}){const n=Object(i.useRef)(),[r,a]=Object(i.useState)("100%"),[o,s]=Object(i.useState)(.3125);Object(i.useEffect)(()=>{const e=()=>{try{a(ue(n.current.clientWidth)),s(n.current.clientWidth/800)}catch(e){}};return e(),window.addEventListener("resize",e),()=>{window.addEventListener("resize",e)}},[]);const l={border:"none",width:"800px",maxWidth:"none",height:ue(800)+"px",transform:`scale(${o})`,transformOrigin:Object(c.isRTL)()?"top right":"top left",pointerEvents:"none"};return Object(i.createElement)("div",{className:e,ref:n,style:{height:r},tabIndex:"-1"},Object(i.createElement)(ge,{className:"pattern-grid__preview-iframe",style:l,bodyStyle:"overflow: hidden;",headHTML:window.__editorStyles.html},Object(i.createElement)("div",{dangerouslySetInnerHTML:{__html:t}})))},Lt=({className:e,label:t,patternId:n})=>{const{hasPermission:r,isFavorite:a}=Object(s.useSelect)(e=>(e(re).getFavorites(),{hasPermission:!!e(Pt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(re).isFavorite(n)})),{addFavorite:o,removeFavorite:c}=Object(s.useDispatch)(re),l=Object(i.useCallback)(()=>{a?c(n):o(n)},[a]),u=_t()(e,"button button-link pattern-favorite-button-small",{"is-favorited":a});return r?Object(i.createElement)("button",{className:u,onClick:l},Object(i.createElement)(le,{className:"pattern-favorite-button__filled"}),Object(i.createElement)("span",null,t)):Object(i.createElement)("span",{className:u},Object(i.createElement)(le,{className:"pattern-favorite-button__filled"}),Object(i.createElement)("span",null,t))},Dt=function({pattern:e,showAvatar:t}){const n=function(e){switch(e.status){case"pending":return Object(c.__)("Pending","wporg-patterns");case"draft":return Object(c.__)("Draft","wporg-patterns");case"declined":return Object(c.__)("Declined","wporg-patterns")}return""}(e);return Object(i.createElement)("div",{className:"pattern-grid__pattern"},Object(i.createElement)("div",{className:"pattern-grid__pattern-frame"},Object(i.createElement)("a",{href:e.link,rel:"bookmark"},Object(i.createElement)("span",{className:"screen-reader-text"},Object(It.decodeEntities)(e.title.rendered)),Object(i.createElement)(me.Disabled,null,Object(i.createElement)(Rt,{className:"pattern-grid__preview",html:e.content.rendered}))),n?Object(i.createElement)("div",{className:"pattern-grid__status is-"+e.status},Object(i.createElement)("span",null,n)):null,Object(i.createElement)("div",{className:"pattern-grid__actions"},Object(i.createElement)(Tt,{showLabel:!1,patternId:e.id}),Object(i.createElement)(St,{isSmall:!0,content:e.pattern_content}))),Object(i.createElement)("h2",{className:"pattern-grid__title"},Object(i.createElement)("a",{href:e.link},Object(It.decodeEntities)(e.title.rendered))),Object(i.createElement)("p",{className:"pattern-grid__meta"},t&&e.author_meta?Object(i.createElement)("a",{href:e.author_meta.url,className:"pattern-grid__author-avatar"},Object(i.createElement)("img",{alt:"",src:e.author_meta.avatar}),e.author_meta.name):null,e.favorite_count>0?Object(i.createElement)(Lt,{className:"pattern-grid__favorite-count",patternId:e.id,label:Object(i.createElement)(i.Fragment,null,Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.sprintf)(
     4label:Object(c.sprintf)(Object(c.__)("Current (%spx)","wporg-patterns"),e),value:e}}return Object(i.createElement)(i.Fragment,null,Object(i.createElement)("div",{className:"pattern-preview__size-control"},n&&Object(i.createElement)(ge.SelectControl,{hideLabelFromVision:!0,label:Object(c.__)("Preview Width","wporg-patterns"),value:s,options:f?[f,...d]:d,onChange:e=>l(Number(e))})),Object(i.createElement)("div",{className:"pattern-preview__viewport",style:{width:s+40}},Object(i.createElement)(yt,{label:Object(c.__)("Drag to resize","wporg-patterns"),className:"is-left",onDragChange:u,onDragEnd:p,direction:"left","aria-describedby":"pattern-preview__resize-help-"+o}),Object(i.createElement)(ve,{html:t}),Object(i.createElement)(yt,{label:Object(c.__)("Drag to resize","wporg-patterns"),className:"is-right",onDragChange:u,onDragEnd:p,direction:"right","aria-describedby":"pattern-preview__resize-help-"+o}),Object(i.createElement)(ge.VisuallyHidden,{id:"pattern-preview__resize-help-"+o,className:"pattern-preview__resize-help"},Object(c.__)("Use left and right arrow keys to resize the preview.","wporg-patterns"))))},_t=n(7),wt=n.n(_t),Et=n(15),St=n(11),Pt=({isSmall:e=!1,onSuccess:t=Et.noop,content:n})=>{const[r,a]=Object(i.useState)(!1);if(!n){const e=document.getElementById("block-data");n=JSON.parse(decodeURIComponent(e.value))}Object(i.useEffect)(()=>{if(!r)return;Object(St.speak)(Object(c.__)("Copied pattern to clipboard.","wporg-patterns"));const e=setTimeout(()=>a(!1),2e4);return()=>{clearTimeout(e)}},[r]);let o=Object(c.__)("Copy Pattern","wporg-patterns");e&&(o=r?Object(c.__)("Copied","wporg-patterns"):Object(c.__)("Copy","wporg-patterns"));const s=wt()({"pattern-copy-button":!0,"is-small-label":e});return Object(i.createElement)(ge.Button,{className:s,isPrimary:!0,onClick:({target:e})=>{const r=(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 n=document.execCommand("copy");return document.body.removeChild(t),n})(n);a(r),e.focus(),r&&t()}},o)},xt=n(13),Tt=function(e){return Object(i.createElement)(m.SVG,f()({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e),Object(i.createElement)(m.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"}))},kt=({showLabel:e=!0,patternId:t})=>{const{hasPermission:n,isFavorite:r}=Object(s.useSelect)(e=>(e(de).getFavorites(),{hasPermission:!!e(xt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(de).isFavorite(t)})),{addFavorite:a,removeFavorite:o}=Object(s.useDispatch)(de),l=Object(i.useCallback)(()=>{r?o(t):a(t)},[r]);if(!n)return null;const u=wt()("button button-link pattern-favorite-button",{"is-favorited":r,"has-label":e}),p=wt()({"screen-reader-text":!e});return Object(i.createElement)("button",{className:u,onClick:l},Object(i.createElement)(g,{className:"pattern-favorite-button__filled"}),Object(i.createElement)(Tt,{className:"pattern-favorite-button__outline"}),Object(i.createElement)("span",{className:p},r?Object(c.__)("Remove from favorites","wporg-patterns"):Object(c.__)("Add to favorites","wporg-patterns")))},Nt=({onClick:e})=>Object(i.createElement)(ge.Notice,{className:"pattern-actions__notice",status:"success",isDismissible:!1,actions:[{label:Object(c.__)("Learn More","wporg-patterns"),onClick:e,variant:"secondary"}]},Object(i.createElement)("div",null,Object(i.createElement)("b",null,Object(c.__)("Pattern copied!","wporg-patterns")),Object(c.__)(" Now you can paste it into any WordPress post or page.","wporg-patterns")));const Ct=()=>Object(i.createElement)("div",{style:{height:"220px"}},Object(i.createElement)("img",{src:wporgPatternsUrl.assets+"/images/copy-paste-demo.gif",alt:Object(c.__)("GIF of copy and pasting.","wporg-patterns")}));var At=({onFinish:e})=>Object(i.createElement)(ge.Animate,{type:"appear",options:{origin:"bottom"}},({className:t})=>Object(i.createElement)(ge.Guide,{className:"pattern-actions__guide "+t,onFinish:e,finishButtonText:Object(c.__)("Close","wporg-patterns"),pages:[{image:Object(i.createElement)(Ct,null),content:Object(i.createElement)("div",{className:"pattern-actions__guide-content"},Object(i.createElement)("h3",{className:"pattern-actions__guide-title"},Object(c.__)("How to use patterns on your WordPress site.","wporg-patterns")),Object(i.createElement)("p",null,Object(c.__)("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")),Object(i.createElement)("ol",null,Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(c.__)("Open any post or page in the WordPress block editor.","wporg-patterns"))),Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(c.__)("Place your cursor where you want to add the pattern.","wporg-patterns"))),Object(i.createElement)("li",null,Object(i.createElement)("p",null,Object(i.createInterpolateElement)(Object(c.__)("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:Object(i.createElement)("kbd",{className:"pattern-actions__guide-shortcut"})})))))}]})),It=({postId:e})=>{const[t,n]=Object(i.useState)(!1),[r,a]=Object(i.useState)(!1);return Object(i.createElement)("div",{className:"pattern-actions"},Object(i.createElement)("div",{className:"pattern-actions__container"},Object(i.createElement)(Pt,{onSuccess:()=>n(!0)}),Object(i.createElement)(kt,{patternId:e}),t&&Object(i.createElement)(Nt,{onClick:()=>a(!0)}),r&&Object(i.createElement)(At,{onFinish:()=>a(!1)})))},Rt=n(14),Lt=function({className:e,html:t}){const n=Object(i.useRef)(),[r,a]=Object(i.useState)("100%"),[o,s]=Object(i.useState)(.3125);Object(i.useEffect)(()=>{const e=()=>{try{a(b(n.current.clientWidth)),s(n.current.clientWidth/800)}catch(e){}};return e(),window.addEventListener("resize",e),()=>{window.addEventListener("resize",e)}},[]);const l={border:"none",width:"800px",maxWidth:"none",height:b(800)+"px",transform:`scale(${o})`,transformOrigin:Object(c.isRTL)()?"top right":"top left",pointerEvents:"none"};return Object(i.createElement)("div",{className:e,ref:n,style:{height:r},tabIndex:"-1"},Object(i.createElement)(he,{className:"pattern-grid__preview-iframe",style:l,bodyStyle:"overflow: hidden;",headHTML:window.__editorStyles.html},Object(i.createElement)("div",{dangerouslySetInnerHTML:{__html:t}})))},Dt=({className:e,label:t,patternId:n})=>{const{hasPermission:r,isFavorite:a}=Object(s.useSelect)(e=>(e(de).getFavorites(),{hasPermission:!!e(xt.store).canUser("create","../../wporg/v1/pattern-favorites"),isFavorite:e(de).isFavorite(n)})),{addFavorite:o,removeFavorite:c}=Object(s.useDispatch)(de),l=Object(i.useCallback)(()=>{a?c(n):o(n)},[a]),u=wt()(e,"button button-link pattern-favorite-button-small",{"is-favorited":a});return r?Object(i.createElement)("button",{className:u,onClick:l},Object(i.createElement)(g,{className:"pattern-favorite-button__filled"}),Object(i.createElement)("span",null,t)):Object(i.createElement)("span",{className:u},Object(i.createElement)(g,{className:"pattern-favorite-button__filled"}),Object(i.createElement)("span",null,t))},Ft=function({pattern:e,showAvatar:t}){const n=function(e){switch(e.status){case"pending":return Object(c.__)("Pending","wporg-patterns");case"draft":return Object(c.__)("Draft","wporg-patterns");case"declined":return Object(c.__)("Declined","wporg-patterns")}return""}(e);return Object(i.createElement)("div",{className:"pattern-grid__pattern"},Object(i.createElement)("div",{className:"pattern-grid__pattern-frame"},Object(i.createElement)("a",{href:e.link,rel:"bookmark"},Object(i.createElement)("span",{className:"screen-reader-text"},Object(Rt.decodeEntities)(e.title.rendered)),Object(i.createElement)(ge.Disabled,null,Object(i.createElement)(Lt,{className:"pattern-grid__preview",html:e.content.rendered}))),n?Object(i.createElement)("div",{className:"pattern-grid__status is-"+e.status},Object(i.createElement)("span",null,n)):null,Object(i.createElement)("div",{className:"pattern-grid__actions"},Object(i.createElement)(kt,{showLabel:!1,patternId:e.id}),Object(i.createElement)(Pt,{isSmall:!0,content:e.pattern_content}))),Object(i.createElement)("h2",{className:"pattern-grid__title"},Object(i.createElement)("a",{href:e.link},Object(Rt.decodeEntities)(e.title.rendered))),Object(i.createElement)("p",{className:"pattern-grid__meta"},t&&e.author_meta?Object(i.createElement)("a",{href:e.author_meta.url,className:"pattern-grid__author-avatar"},Object(i.createElement)("img",{alt:"",src:e.author_meta.avatar}),e.author_meta.name):null,e.favorite_count>0?Object(i.createElement)(Dt,{className:"pattern-grid__favorite-count",patternId:e.id,label:Object(i.createElement)(i.Fragment,null,Object(i.createElement)("span",{className:"screen-reader-text"},Object(c.sprintf)(
    55/* translators: %s is the favorite count for a pattern. */
    6 Object(c._n)("Favorited %s times","Favorited %s times",e.favorite_count,"wporg-patterns"),e.favorite_count)),Object(i.createElement)("span",{"aria-hidden":!0},e.favorite_count))}):null))},Ft=function({icon:e,size:t=24,...n}){return Object(i.cloneElement)(e,{width:t,height:t,...n})},Mt=Object(i.createElement)(se.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(i.createElement)(se.Path,{d:"M18.3 5.6L9.9 16.9l-4.6-3.4-.9 1.2 5.8 4.3 9.3-12.6z"})),Bt=n(16),Kt=n.n(Bt);const 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{}}};var qt=({postId:e,onClose:t})=>{const[n,r]=Object(i.useReducer)(Qt,{}),[a,o]=Object(i.useState)(""),[l,d]=Object(i.useState)(""),p=Object(i.useRef)(),f=Object(c.__)("Your report has been submitted.","wporg-patterns"),{isLoading:m,mappedReasons:b}=Object(s.useSelect)(e=>{const{getPatternFlagReasons:t,isLoadingPatternFlagReasons:n}=e(re),r=t()||[];return{isLoading:n(),mappedReasons:r.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()}))}}),g=()=>{t(n.isSubmitted)};return Object(i.createElement)(me.Modal,{className:"pattern-report-modal "+(n.isSubmitted?"":"pattern-report-modal__has-fixed-height"),title:Object(c.__)("Report this pattern","wporg-patterns"),onRequestClose:g},Object(i.createElement)("div",{ref:p},m?Object(i.createElement)(me.Spinner,null):n.isSubmitted?Object(i.createElement)("p",{className:"pattern-report-modal__copy"},f):Object(i.createElement)("form",{onSubmit:t=>{t.preventDefault(),a&&l.length&&!n.isSubmitted&&!n.isSubmitting&&(r({status:"submitting"}),Kt()({path:Object(u.addQueryArgs)("/wp/v2/wporg-pattern-flag"),method:"POST",data:{parent:e,"wporg-pattern-flag-reason":a,excerpt:l}}).then(()=>{r({status:"submitted"}),Object(Et.speak)(f),p.current.closest('[role="dialog"]').focus()}).catch(e=>{r({status:"error",message:e.message}),Object(Et.speak)(Object(c.sprintf)(
     6Object(c._n)("Favorited %s times","Favorited %s times",e.favorite_count,"wporg-patterns"),e.favorite_count)),Object(i.createElement)("span",{"aria-hidden":!0},e.favorite_count))}):null))},Mt=function({icon:e,size:t=24,...n}){return Object(i.cloneElement)(e,{width:t,height:t,...n})},Bt=Object(i.createElement)(m.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(i.createElement)(m.Path,{d:"M18.3 5.6L9.9 16.9l-4.6-3.4-.9 1.2 5.8 4.3 9.3-12.6z"})),qt=n(16),Qt=n.n(qt);const 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{}}};var Gt=({postId:e,onClose:t})=>{const[n,r]=Object(i.useReducer)(Kt,{}),[a,o]=Object(i.useState)(""),[l,u]=Object(i.useState)(""),p=Object(i.useRef)(),d=Object(c.__)("Your report has been submitted.","wporg-patterns"),{isLoading:f,mappedReasons:m}=Object(s.useSelect)(e=>{const{getPatternFlagReasons:t,isLoadingPatternFlagReasons:n}=e(de),r=t()||[];return{isLoading:n(),mappedReasons:r.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()}))}}),g=()=>{t(n.isSubmitted)};return Object(i.createElement)(ge.Modal,{className:"pattern-report-modal "+(n.isSubmitted?"":"pattern-report-modal__has-fixed-height"),title:Object(c.__)("Report this pattern","wporg-patterns"),onRequestClose:g},Object(i.createElement)("div",{ref:p},f?Object(i.createElement)(ge.Spinner,null):n.isSubmitted?Object(i.createElement)("p",{className:"pattern-report-modal__copy"},d):Object(i.createElement)("form",{onSubmit:t=>{t.preventDefault(),a&&l.length&&!n.isSubmitted&&!n.isSubmitting&&(r({status:"submitting"}),Qt()({path:Object(O.addQueryArgs)("/wp/v2/wporg-pattern-flag"),method:"POST",data:{parent:e,"wporg-pattern-flag-reason":a,excerpt:l}}).then(()=>{r({status:"submitted"}),Object(St.speak)(d),p.current.closest('[role="dialog"]').focus()}).catch(e=>{r({status:"error",message:e.message}),Object(St.speak)(Object(c.sprintf)(
    77/* translators: %s: Error message. */
    8 Object(c.__)("Error: %s","wporg-patterns"),e.message))}))}},Object(i.createElement)(me.RadioControl,{className:"pattern-report-modal__radio",label:Object(c.__)("Please choose a reason:","wporg-patterns"),selected:a,options:b,onChange:o,required:!0}),Object(i.createElement)(me.TextareaControl,{label:"Please provide details (required)",value:l,onChange:d,required:!0}),n.hasError&&Object(i.createElement)("div",{className:"notice notice-large notice-alt notice-error"},n.message),Object(i.createElement)("div",{className:"pattern-report-modal__actions"},Object(i.createElement)(me.Button,{isSecondary:!0,onClick:g},Object(c.__)("Cancel","wporg-patterns")),Object(i.createElement)(me.Button,{type:"submit",isBusy:n.isSubmitting,isPrimary:!0},n.isSubmitting?Object(c.__)("Submitting …","wporg-patterns"):Object(c.__)("Report","wporg-patterns"))))))},Gt=({postId:e,userHasReported:t})=>{const[n,r]=Object(i.useState)(!1),[a,o]=Object(i.useState)(!1),s=t||a,l=!!wporgPatternsData.userId;return s?Object(i.createElement)("p",{className:"pattern-report-button__copy"},Object(i.createElement)(Ft,{icon:Mt}),Object(c.__)("You've reported this pattern","wporg-patterns")):l?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(me.Button,{className:"pattern-report-button",isLink:!0,onClick:()=>r(!0)},Object(c.__)("Report this pattern","wporg-patterns")),n&&Object(i.createElement)(qt,{postId:e,onClose:e=>{r(!1),o(e)}})):Object(i.createElement)("p",{className:"pattern-report-button__copy"},Object(i.createElement)("a",{href:Object(u.addQueryArgs)("/wp-login.php",{redirect_to:window.location.pathname})},Object(c.__)("Login to report this pattern","wporg-patterns")))},Vt=({postId:e,userHasReported:t})=>{e=Number(e)||0;const n=Object(s.useSelect)(t=>t(re).getPattern(e),[e]);return n?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(At,{postId:e}),Object(i.createElement)("div",{className:"pattern-preview__container"},Object(i.createElement)(yt,{blockContent:n.content.rendered}),Object(i.createElement)("div",{className:"pattern__meta"},Object(i.createElement)(Gt,{userHasReported:"true"===t,postId:e}))),Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)(pe,{query:{author:n.author,per_page:3,exclude:e},showPagination:!1,header:Object(i.createElement)(i.Fragment,null,Object(i.createElement)("h2",null,Object(c.__)("More from this designer","wporg-patterns")),Object(i.createElement)(l,n.author_meta))},e=>Object(i.createElement)(Dt,{key:e.id,pattern:e})))):null},$t=function({query:e}){const{path:t}=v(),[n,r]=Object(i.useState)(),[a,o]=Object(i.useState)(),[l]=Object(i.useState)({title:"",links:[]}),u=Object(i.useRef)(null),{isAllCategory:d,category:p,count:b,isLoadingPatterns:g}=Object(s.useSelect)(n=>{const{getCategoryBySlug:r,isLoadingPatternsByQuery:a,getPatternTotalsByQuery:o}=n(re),i=r(f(t));return{isAllCategory:i&&-1===i.id,isLoadingPatterns:a(e),category:i,count:o(e)}},[t,e]);Object(i.useEffect)(()=>{if(g)return void o(p?(e=p.name,Object(i.createInterpolateElement)(Object(c.sprintf)(
     8Object(c.__)("Error: %s","wporg-patterns"),e.message))}))}},Object(i.createElement)(ge.RadioControl,{className:"pattern-report-modal__radio",label:Object(c.__)("Please choose a reason:","wporg-patterns"),selected:a,options:m,onChange:o,required:!0}),Object(i.createElement)(ge.TextareaControl,{label:"Please provide details (required)",value:l,onChange:u,required:!0}),n.hasError&&Object(i.createElement)("div",{className:"notice notice-large notice-alt notice-error"},n.message),Object(i.createElement)("div",{className:"pattern-report-modal__actions"},Object(i.createElement)(ge.Button,{isSecondary:!0,onClick:g},Object(c.__)("Cancel","wporg-patterns")),Object(i.createElement)(ge.Button,{type:"submit",isBusy:n.isSubmitting,isPrimary:!0},n.isSubmitting?Object(c.__)("Submitting …","wporg-patterns"):Object(c.__)("Report","wporg-patterns"))))))},Vt=({postId:e,userHasReported:t})=>{const[n,r]=Object(i.useState)(!1),[a,o]=Object(i.useState)(!1),s=t||a,l=!!wporgPatternsData.userId;return s?Object(i.createElement)("p",{className:"pattern-report-button__copy"},Object(i.createElement)(Mt,{icon:Bt}),Object(c.__)("You've reported this pattern","wporg-patterns")):l?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(ge.Button,{className:"pattern-report-button",isLink:!0,onClick:()=>r(!0)},Object(c.__)("Report this pattern","wporg-patterns")),n&&Object(i.createElement)(Gt,{postId:e,onClose:e=>{r(!1),o(e)}})):Object(i.createElement)("p",{className:"pattern-report-button__copy"},Object(i.createElement)("a",{href:Object(O.addQueryArgs)("/wp-login.php",{redirect_to:window.location.pathname})},Object(c.__)("Login to report this pattern","wporg-patterns")))},$t=({postId:e,userHasReported:t})=>{e=Number(e)||0;const n=Object(s.useSelect)(t=>t(de).getPattern(e),[e]);return n?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(It,{postId:e}),Object(i.createElement)("div",{className:"pattern-preview__container"},Object(i.createElement)(jt,{blockContent:n.content.rendered}),Object(i.createElement)("div",{className:"pattern__meta"},Object(i.createElement)(Vt,{userHasReported:"true"===t,postId:e}))),Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)(fe,{query:{author:n.author,per_page:3,exclude:e},showPagination:!1,header:Object(i.createElement)(i.Fragment,null,Object(i.createElement)("h2",null,Object(c.__)("More from this designer","wporg-patterns")),Object(i.createElement)(l,n.author_meta))},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e})))):null},Ht=function(){return Object(i.createElement)("div",{className:"pattern-grid__empty-header"},Object(i.createElement)("h2",null,Object(c.__)("No results found","wporg-patterns")),Object(i.createElement)("p",null,Object(i.createInterpolateElement)(Object(c.__)("View <a>all block patterns</a> or browse some of our recent patterns.","wporg-patterns"),{a:Object(i.createElement)("a",{href:wporgPatternsUrl.site})})))},Ut=function({query:e}){const{path:t}=P(),[n,r]=Object(i.useState)(),[a,o]=Object(i.useState)(),[l]=Object(i.useState)({title:"",links:[]}),u=Object(i.useRef)(null),{isAllCategory:p,category:d,count:f,isLoadingPatterns:m}=Object(s.useSelect)(n=>{const{getCategoryBySlug:r,isLoadingPatternsByQuery:a,getPatternTotalsByQuery:o}=n(de),i=r(_(t));return{isAllCategory:i&&-1===i.id,isLoadingPatterns:a(e),category:i,count:o(e)}},[t,e]);Object(i.useEffect)(()=>{if(m)return void o(d?(e=d.name,Object(i.createInterpolateElement)(Object(c.sprintf)(
    99/* translators: %s category name. */
    10 Object(c.__)("Loading <b>%s</b> patterns.","wporg-patterns"),e,"wporg-patterns"),{b:Object(i.createElement)("b",null)})):Object(c.__)("Loading patterns","wporg-patterns"));var e;if(d)return void o("");p&&o(((e,t)=>Object(i.createInterpolateElement)(Object(c.sprintf)(
     10Object(c.__)("Loading <b>%s</b> patterns.","wporg-patterns"),e,"wporg-patterns"),{b:Object(i.createElement)("b",null)})):Object(c.__)("Loading patterns","wporg-patterns"));var e;if(p)return void o("");d&&o(((e,t)=>Object(i.createInterpolateElement)(Object(c.sprintf)(
    1111/* translators: %1$d: number of patterns. %2$s category name. */
    12 Object(c._n)("%1$d <b>%2$s</b> pattern.","%1$d <b>%2$s</b> patterns.",e,"wporg-patterns"),e,t,"wporg-patterns"),{b:Object(i.createElement)("b",null)}))(b,p.name));const n=m(t);n.length>0&&o(((e,t)=>Object(i.createInterpolateElement)(Object(c.sprintf)(
     12Object(c._n)("%1$d <b>%2$s</b> pattern.","%1$d <b>%2$s</b> patterns.",e,"wporg-patterns"),e,t,"wporg-patterns"),{b:Object(i.createElement)("b",null)}))(f,d.name));const n=w(t);n.length>0&&o(((e,t)=>Object(i.createInterpolateElement)(Object(c.sprintf)(
    1313/* translators: %1$d: number of patterns. %2$s search term.  */
    14 Object(c._n)("%1$d pattern found for <b>%2$s</b>","%1$d patterns found for <b>%2$s</b>",e,"wporg-patterns"),e,t,"wporg-patterns"),{b:Object(i.createElement)("b",null)}))(b,n))},[p,g]),Object(i.useEffect)(()=>{const e=a?u.current.offsetHeight:0;r(e)},[a]);const h=_t()({"category-context-bar__spinner":!0,"category-context-bar__spinner--is-hidden":!g});return Object(i.createElement)("header",{className:"category-context-bar",style:{height:n+"px"}},Object(i.createElement)("div",{ref:u},Object(i.createElement)("h2",{className:"category-context-bar__copy"},Object(i.createElement)("span",{className:h},Object(i.createElement)(me.Spinner,null)),Object(i.createElement)("span",null,a)),l.links&&l.links.length>0&&Object(i.createElement)("div",{className:"category-context-bar__links"},Object(i.createElement)("h3",{className:"category-context-bar__title"},l.title),Object(i.createElement)("ul",null,l.links.map(e=>Object(i.createElement)("li",{key:e.href},Object(i.createElement)("a",{href:e.href},e.label)))))))},Ht=()=>Object(i.createElement)(ae,{style:{flexDirection:"row"}},Array(7).fill().map((e,t)=>Object(i.createElement)(oe,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"}))),zt=({current:e,isLoading:t,label:n=Object(c.__)("Main Menu","wporg-patterns"),onClick:r,options:a})=>t?Object(i.createElement)(Ht,null):a.length?Object(i.createElement)(i.Fragment,null,Object(i.createElement)("h2",{className:"screen-reader-text"},n),Object(i.createElement)("ul",{className:"pattern-menu"},a.map(t=>Object(i.createElement)("li",{key:t.value},Object(i.createElement)("a",{className:_t()({"pattern-menu__item":!0,"is-active":e===t.slug}),href:t.value,onClick:r,"aria-current":e===t.slug?"page":void 0},t.label))))):null,Ut=({onClick:e,options:t,label:n=Object(c.__)("Browse categories","wporg-patterns")})=>{const[r,a]=Object(i.useState)(!1);return Object(i.createElement)(me.PanelBody,{className:"pattern-menu is-mobile",title:n,initialOpen:r,opened:r,onToggle:()=>a(!r)},Object(i.createElement)("ul",null,t.map(t=>Object(i.createElement)("li",{key:t.value},Object(i.createElement)("a",{href:t.value,onClick:t=>{a(!1),e(t)}},t.label)))))},Wt=e=>Object(fe.useViewportMatch)("medium","<")?Object(i.createElement)(Ut,e):Object(i.createElement)(zt,e),Yt=({basePath:e="/",query:t})=>{const{path:n,update:r}=v(),a=f(n);e=wporgPatternsUrl.site+e;const{categories:o,isLoading:c}=Object(s.useSelect)(e=>{const{getCategories:t,isLoadingCategories:n}=e(re);return{categories:t(),isLoading:n()}});return Object(i.createElement)(i.Fragment,null,Object(i.createElement)("nav",{className:"pattern-grid-menu"},Object(i.createElement)(Wt,{current:a,options:o?o.map(t=>({value:t.slug?`${e}pattern-categories/${t.slug}/`:e,slug:t.slug,label:t.name})):[],onClick:e=>{e.preventDefault(),r(e.target.pathname)},isLoading:c})),Object(i.createElement)($t,{query:t}))},Xt=Object.prototype.hasOwnProperty;function Jt(e,t,n){for(n of e.keys())if(Zt(n,t))return n}function Zt(e,t){var n,r,a;if(e===t)return!0;if(e&&t&&(n=e.constructor)===t.constructor){if(n===Date)return e.getTime()===t.getTime();if(n===RegExp)return e.toString()===t.toString();if(n===Array){if((r=e.length)===t.length)for(;r--&&Zt(e[r],t[r]););return-1===r}if(n===Set){if(e.size!==t.size)return!1;for(r of e){if((a=r)&&"object"==typeof a&&!(a=Jt(t,a)))return!1;if(!t.has(a))return!1}return!0}if(n===Map){if(e.size!==t.size)return!1;for(r of e){if((a=r[0])&&"object"==typeof a&&!(a=Jt(t,a)))return!1;if(!Zt(r[1],t.get(a)))return!1}return!0}if(n===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(n===DataView){if((r=e.byteLength)===t.byteLength)for(;r--&&e.getInt8(r)===t.getInt8(r););return-1===r}if(ArrayBuffer.isView(e)){if((r=e.byteLength)===t.byteLength)for(;r--&&e[r]===t[r];);return-1===r}if(!n||"object"==typeof e){for(n in r=0,e){if(Xt.call(e,n)&&++r&&!Xt.call(t,n))return!1;if(!(n in t)||!Zt(e[n],t[n]))return!1}return Object.keys(t).length===r}}return e!=e&&t!=t}var en=function(e,t){return Object(he.useEffect)(e,(n=t,r=Object(he.useRef)(),a=Object(he.useRef)(0),Zt(n,r.current)||(r.current=n,a.current+=1),[a.current]));var n,r,a},tn=()=>{const{setCurrentQuery:e}=Object(s.useDispatch)(re),{path:t}=v();let n=!0;const r=Object(u.getQueryArgs)(t),a=f(t),o=Object(s.useSelect)(e=>{if(a){n=!1;const{getCategoryBySlug:t,hasLoadedCategories:r}=e(re);if(r()){n=!0;const e=t(a);return(null==e?void 0:e.id)||!1}}return!1},[a]);o&&(r["pattern-categories"]=o);const i=p(t,"author");i&&(r.author_name=i);const c=(e=>Number(p(e,"page")||1))(t);c>1&&(r.page=c);const l=m(t);l.length>0&&(r.search=l);const d=p(t,"my-patterns");return d&&"page"!==d&&(r.status=d),en(()=>{n&&e(r)},[r,n]),null},nn=()=>{const{path:e}=v(),t=f(e),n=Object(s.useSelect)(e=>{const{getCategoryBySlug:n,hasLoadedCategories:r}=e(re);var a;if(r())return(null===(a=n(t))||void 0===a?void 0:a.name)||I().name},[t]),r=p(e,"author");return Object(i.useEffect)(()=>{n&&!r&&(e=>{const t=document.getElementById("breadcrumb-part");if(t){
     14Object(c._n)("%1$d pattern found for <b>%2$s</b>","%1$d patterns found for <b>%2$s</b>",e,"wporg-patterns"),e,t,"wporg-patterns"),{b:Object(i.createElement)("b",null)}))(f,n))},[d,m]),Object(i.useEffect)(()=>{const e=a?u.current.offsetHeight:0;r(e)},[a]);const g=wt()({"category-context-bar__spinner":!0,"category-context-bar__spinner--is-hidden":!m});return Object(i.createElement)("header",{className:"category-context-bar",style:{height:n+"px"}},Object(i.createElement)("div",{ref:u},Object(i.createElement)("h2",{className:"category-context-bar__copy"},Object(i.createElement)("span",{className:g},Object(i.createElement)(ge.Spinner,null)),Object(i.createElement)("span",null,a)),l.links&&l.links.length>0&&Object(i.createElement)("div",{className:"category-context-bar__links"},Object(i.createElement)("h3",{className:"category-context-bar__title"},l.title),Object(i.createElement)("ul",null,l.links.map(e=>Object(i.createElement)("li",{key:e.href},Object(i.createElement)("a",{href:e.href},e.label)))))))},zt=()=>Object(i.createElement)(u,{style:{flexDirection:"row"}},Array(7).fill().map((e,t)=>Object(i.createElement)(p,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"}))),Wt=({current:e,isLoading:t,label:n=Object(c.__)("Main Menu","wporg-patterns"),onClick:r,options:a})=>t?Object(i.createElement)(zt,null):a.length?Object(i.createElement)(i.Fragment,null,Object(i.createElement)("h2",{className:"screen-reader-text"},n),Object(i.createElement)("ul",{className:"pattern-menu"},a.map(t=>Object(i.createElement)("li",{key:t.value},Object(i.createElement)("a",{className:wt()({"pattern-menu__item":!0,"is-active":e===t.slug}),href:t.value,onClick:r,"aria-current":e===t.slug?"page":void 0},t.label))))):null,Yt=({onClick:e,options:t,label:n=Object(c.__)("Browse categories","wporg-patterns")})=>{const[r,a]=Object(i.useState)(!1);return Object(i.createElement)(ge.PanelBody,{className:"pattern-menu is-mobile",title:n,initialOpen:r,opened:r,onToggle:()=>a(!r)},Object(i.createElement)("ul",null,t.map(t=>Object(i.createElement)("li",{key:t.value},Object(i.createElement)("a",{href:t.value,onClick:t=>{a(!1),e(t)}},t.label)))))},Xt=e=>Object(me.useViewportMatch)("medium","<")?Object(i.createElement)(Yt,e):Object(i.createElement)(Wt,e),Jt=({basePath:e="/",query:t})=>{const{path:n,update:r}=P(),a=_(n);e=wporgPatternsUrl.site+e;const{categories:o,isLoading:c}=Object(s.useSelect)(e=>{const{getCategories:t,isLoadingCategories:n}=e(de);return{categories:t(),isLoading:n()}});return Object(i.createElement)(i.Fragment,null,Object(i.createElement)("nav",{className:"pattern-grid-menu"},Object(i.createElement)(Xt,{current:a,options:o?o.map(t=>({value:t.slug?`${e}pattern-categories/${t.slug}/`:e,slug:t.slug,label:t.name})):[],onClick:e=>{e.preventDefault(),r(e.target.pathname)},isLoading:c})),Object(i.createElement)(Ut,{query:t}))},Zt=Object.prototype.hasOwnProperty;function en(e,t,n){for(n of e.keys())if(tn(n,t))return n}function tn(e,t){var n,r,a;if(e===t)return!0;if(e&&t&&(n=e.constructor)===t.constructor){if(n===Date)return e.getTime()===t.getTime();if(n===RegExp)return e.toString()===t.toString();if(n===Array){if((r=e.length)===t.length)for(;r--&&tn(e[r],t[r]););return-1===r}if(n===Set){if(e.size!==t.size)return!1;for(r of e){if((a=r)&&"object"==typeof a&&!(a=en(t,a)))return!1;if(!t.has(a))return!1}return!0}if(n===Map){if(e.size!==t.size)return!1;for(r of e){if((a=r[0])&&"object"==typeof a&&!(a=en(t,a)))return!1;if(!tn(r[1],t.get(a)))return!1}return!0}if(n===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(n===DataView){if((r=e.byteLength)===t.byteLength)for(;r--&&e.getInt8(r)===t.getInt8(r););return-1===r}if(ArrayBuffer.isView(e)){if((r=e.byteLength)===t.byteLength)for(;r--&&e[r]===t[r];);return-1===r}if(!n||"object"==typeof e){for(n in r=0,e){if(Zt.call(e,n)&&++r&&!Zt.call(t,n))return!1;if(!(n in t)||!tn(e[n],t[n]))return!1}return Object.keys(t).length===r}}return e!=e&&t!=t}var nn=function(e,t){return Object(Oe.useEffect)(e,(n=t,r=Object(Oe.useRef)(),a=Object(Oe.useRef)(0),tn(n,r.current)||(r.current=n,a.current+=1),[a.current]));var n,r,a},rn=()=>{const{setCurrentQuery:e}=Object(s.useDispatch)(de),{path:t}=P();let n=!0;const r=Object(O.getQueryArgs)(t),a=_(t),o=Object(s.useSelect)(e=>{if(a){n=!1;const{getCategoryBySlug:t,hasLoadedCategories:r}=e(de);if(r()){n=!0;const e=t(a);return(null==e?void 0:e.id)||!1}}return!1},[a]);o&&(r["pattern-categories"]=o);const i=j(t,"author");i&&(r.author_name=i);const c=(e=>Number(j(e,"page")||1))(t);c>1&&(r.page=c);const l=w(t);l.length>0&&(r.search=l);const u=j(t,"my-patterns");return u&&"page"!==u&&(r.status=u),nn(()=>{n&&e(r)},[r,n]),null},an=()=>{const{path:e}=P(),t=_(e),n=Object(s.useSelect)(e=>{const{getCategoryBySlug:n,hasLoadedCategories:r}=e(de);var a;if(r())return(null===(a=n(t))||void 0===a?void 0:a.name)||K().name},[t]),r=j(e,"author");return Object(i.useEffect)(()=>{n&&!r&&(e=>{const t=document.getElementById("breadcrumb-part");if(t){
    1515// translators: %s is the category name.
    16 const n=Object(c.sprintf)(Object(c.__)("Category: %s","wporg-patterns"),e);t.innerText=n}})(n)},[e]),null},rn=function(){const{path:e,update:t}=v();let n=p(e,"my-patterns");"page"===n&&(n="all");const r=[{value:wporgPatternsUrl.site+"/my-patterns/",slug:"all",label:Object(c.__)("All","wporg-patterns")},{value:wporgPatternsUrl.site+"/my-patterns/draft/",slug:"draft",label:Object(c.__)("Drafts","wporg-patterns")},{value:wporgPatternsUrl.site+"/my-patterns/pending/",slug:"pending",label:Object(c.__)("Pending Review","wporg-patterns")}];return Object(i.createElement)("nav",{className:"pattern-grid-menu"},Object(i.createElement)(Wt,{label:Object(c.__)("Menu","wporg-patterns"),current:n||"all",options:r,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1}))};const an=document.getElementById("patterns__container");an&&Object(i.render)(Object(i.createElement)(()=>{const e=Object(s.useSelect)(e=>e(re).getCurrentQuery());return Object(i.createElement)(g,null,Object(i.createElement)(tn,null),Object(i.createElement)(nn,null),Object(i.createElement)(Yt,{query:e}),Object(i.createElement)(pe,{query:e},e=>Object(i.createElement)(Dt,{key:e.id,pattern:e,showAvatar:!0})))},null),an);const on=document.getElementById("my-patterns__container");on&&Object(i.render)(Object(i.createElement)(()=>{const e=Object(s.useSelect)(e=>e(re).getCurrentQuery()),t=wporgPatternsData.userId;if(!t){const e=Object(u.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)("p",null,Object(c.__)("Please log in to view your patterns.","wporg-patterns")),Object(i.createElement)("a",{className:"button button-primary",href:e},Object(c.__)("Log in","wporg-patterns")))}const n={status:"any",...e,author:t};return Object(i.createElement)(g,null,Object(i.createElement)(tn,null),Object(i.createElement)(rn,null),Object(i.createElement)(pe,{query:n},e=>Object(i.createElement)(Dt,{key:e.id,pattern:e})))},null),on);const cn=document.getElementById("my-favorites__container");cn&&Object(i.render)(Object(i.createElement)(()=>{const{favorites:e,query:t}=Object(s.useSelect)(e=>({favorites:e(re).getFavorites(),query:e(re).getCurrentQuery()}));if(!wporgPatternsData.userId){const e=Object(u.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)("p",null,Object(c.__)("Please log in to view your favorite patterns.","wporg-patterns")),Object(i.createElement)("a",{className:"button button-primary",href:e},Object(c.__)("Log in","wporg-patterns")))}if(!e.length)return Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)("p",null,Object(c.__)("You haven’t favorited any patterns yet.","wporg-patterns")));const n={...t,include:e};return Object(i.createElement)(g,null,Object(i.createElement)(tn,null),Object(i.createElement)(Yt,{basePath:"/my-favorites/",query:n}),Object(i.createElement)(pe,{query:n},e=>Object(i.createElement)(Dt,{key:e.id,pattern:e})))},null),cn);const sn=document.querySelectorAll(".pattern__container");for(let e=0;e<sn.length;e++){const t=sn[e],n=t.dataset;Object(i.render)(Object(i.createElement)(Vt,n),t,()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach(e=>e.hidden=!0)})}const ln=document.getElementById("patterns-search__container");ln&&Object(i.render)(Object(i.createElement)(()=>{const e=Object(s.useSelect)(e=>e(re).getCurrentQuery());return Object(i.createElement)(g,null,Object(i.createElement)(tn,null),Object(i.createElement)($t,{query:e}),Object(i.createElement)(pe,{query:e},e=>Object(i.createElement)(Dt,{key:e.id,pattern:e,showAvatar:!0})))},ln.dataset),ln)}]);
     16const n=Object(c.sprintf)(Object(c.__)("Category: %s","wporg-patterns"),e);t.innerText=n}})(n)},[e]),null},on=function(){return Object(i.createElement)("div",{className:"pattern-grid__empty-header"},Object(i.createElement)("h2",null,Object(c.__)("No favorites here","wporg-patterns")),Object(i.createElement)("p",null,Object(i.createInterpolateElement)(Object(c.__)("You haven’t favorited any patterns yet. Take a look at the <a>block patterns</a> to find some you like, and click the heart to save them.","wporg-patterns"),{a:Object(i.createElement)("a",{href:wporgPatternsUrl.site})})))},cn=function(){const{path:e,update:t}=P();let n=j(e,"my-patterns");"page"===n&&(n="all");const r=[{value:wporgPatternsUrl.site+"/my-patterns/",slug:"all",label:Object(c.__)("All","wporg-patterns")},{value:wporgPatternsUrl.site+"/my-patterns/draft/",slug:"draft",label:Object(c.__)("Drafts","wporg-patterns")},{value:wporgPatternsUrl.site+"/my-patterns/pending/",slug:"pending",label:Object(c.__)("Pending Review","wporg-patterns")}];return Object(i.createElement)("nav",{className:"pattern-grid-menu"},Object(i.createElement)(Xt,{label:Object(c.__)("Menu","wporg-patterns"),current:n||"all",options:r,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1}))};const sn=document.getElementById("patterns__container");sn&&Object(i.render)(Object(i.createElement)(()=>{const{isEmpty:e,query:t}=Object(s.useSelect)(e=>{const{getCurrentQuery:t,getPatternsByQuery:n,isLoadingPatternsByQuery:r}=e(de),a=t(),o=a&&r(a),i=a?n(a):[];return{isEmpty:!o&&!i.length,query:a}});return Object(i.createElement)(S,null,Object(i.createElement)(rn,null),Object(i.createElement)(an,null),Object(i.createElement)(Jt,{query:t}),e?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(Ht,null),Object(i.createElement)(fe,{query:{per_page:6},showPagination:!1},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e,showAvatar:!0}))):Object(i.createElement)(fe,{query:t},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e,showAvatar:!0})))},null),sn);const ln=document.getElementById("my-patterns__container");ln&&Object(i.render)(Object(i.createElement)(()=>{const e=wporgPatternsData.userId,{isEmpty:t,query:n}=Object(s.useSelect)(t=>{const{getCurrentQuery:n,getPatternsByQuery:r,isLoadingPatternsByQuery:a}=t(de),o={status:"any",...n()||{},author:e},i=e&&a(o),c=e?r(o):[];return{isEmpty:!i&&!c.length,query:o}});if(!e){const e=Object(O.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)("p",null,Object(c.__)("Please log in to view your patterns.","wporg-patterns")),Object(i.createElement)("a",{className:"button button-primary",href:e},Object(c.__)("Log in","wporg-patterns")))}return Object(i.createElement)(S,null,Object(i.createElement)(rn,null),Object(i.createElement)(cn,null),t?Object(i.createElement)("div",{className:"pattern-grid__empty-header"},Object(i.createElement)("h2",null,Object(c.__)("Nothing found","wporg-patterns")),Object(i.createElement)("p",null,Object(c.__)("You haven’t created any patterns yet.","wporg-patterns"))):Object(i.createElement)(fe,{query:n},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e})))},null),ln);const un=document.getElementById("my-favorites__container");un&&Object(i.render)(Object(i.createElement)(()=>{const{isEmpty:e,query:t}=Object(s.useSelect)(e=>{const{getCurrentQuery:t,getFavorites:n,getPatternsByQuery:r,isLoadingPatternsByQuery:a}=e(de),o=t()||{},i=n();if(null===i)return{query:!1,isEmpty:!1};const c={...o,include:i},s=!!i.length&&a(c),l=i.length?r(c):[];return{query:c,isEmpty:!s&&!l.length}});if(!wporgPatternsData.userId){const e=Object(O.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return Object(i.createElement)("div",{className:"entry-content"},Object(i.createElement)("p",null,Object(c.__)("Please log in to view your favorite patterns.","wporg-patterns")),Object(i.createElement)("a",{className:"button button-primary",href:e},Object(c.__)("Log in","wporg-patterns")))}return e?Object(i.createElement)(on,null):Object(i.createElement)(S,null,Object(i.createElement)(rn,null),Object(i.createElement)(Jt,{basePath:"/my-favorites/",query:t}),Object(i.createElement)(fe,{query:t},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e})))},null),un);const pn=document.querySelectorAll(".pattern__container");for(let e=0;e<pn.length;e++){const t=pn[e],n=t.dataset;Object(i.render)(Object(i.createElement)($t,n),t,()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach(e=>e.hidden=!0)})}const dn=document.getElementById("patterns-search__container");dn&&Object(i.render)(Object(i.createElement)(()=>{const{isEmpty:e,query:t}=Object(s.useSelect)(e=>{const{getCurrentQuery:t,getPatternsByQuery:n,isLoadingPatternsByQuery:r}=e(de),a=t(),o=a&&r(a),i=a?n(a):[];return{isEmpty:!o&&!i.length,query:a}});return Object(i.createElement)(S,null,Object(i.createElement)(rn,null),Object(i.createElement)(Ut,{query:t}),e?Object(i.createElement)(i.Fragment,null,Object(i.createElement)(Ht,null),Object(i.createElement)(fe,{query:{per_page:6},showPagination:!1},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e,showAvatar:!0}))):Object(i.createElement)(fe,{query:t},e=>Object(i.createElement)(Ft,{key:e.id,pattern:e,showAvatar:!0})))},dn.dataset),dn)}]);

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_components.scss

    r11090 r11121  
    2121@import "../../../wporg/css/components/wporg-footer";
    2222@import "../../../wporg/css/components/wporg-header";
     23@import "404";
    2324@import "category-context-bar";
    2425@import "copy-button";

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern-grid.scss

    r11117 r11121  
     1.pattern-grid__empty-header {
     2    margin: 2rem auto 4rem;
     3    max-width: 960px;
     4    text-align: center;
     5
     6    h2 {
     7        margin-top: 0;
     8        font-weight: 700;
     9        line-height: 1.2;
     10    }
     11
     12    p {
     13        margin-left: auto;
     14        margin-right: auto;
     15        max-width: 34rem;
     16    }
     17}
     18
    119.pattern-grid {
    220    display: grid;

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css

    r11120 r11121  
    1 @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%}.gutters>.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}svg:not(:root){overflow:hidden}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-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}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;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-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,.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;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 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-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{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: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:before,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:"";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}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}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 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-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}.error-404 .page-content,.error-404 .page-title{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}.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>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{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:""}@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;padding:0 1.5625rem}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{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}.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;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{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-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-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 ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{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.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,#wporg-header ul li.download .uparrow{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: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: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 .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{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:"";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{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}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-left:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-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){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-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;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-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 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}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 0 0 2rem}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.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__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{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;right:0;opacity:0;padding:.375rem;position:absolute;left:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.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{fill:#787c82;height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem}.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}.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}.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;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}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.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:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}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__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}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 .entry-content{margin-right:auto;margin-left:auto;max-width:960px}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%}.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);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;text-decoration:underline}.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{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){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{flex-basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-right:1rem;margin-top:0}}.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}
     1@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%}.gutters>.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}svg:not(:root){overflow:hidden}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-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}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;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-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,.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;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 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-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{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: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:before,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:"";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}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}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 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-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}.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}.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>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{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:""}@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;padding:0 1.5625rem}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{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}.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;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{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-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-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 ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{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.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,#wporg-header ul li.download .uparrow{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: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: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 .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{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:"";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{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 125.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:0 1rem 4rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;text-align:center}.error-404 .pattern-search{border:1px solid #000}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-left:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-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){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-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;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-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 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}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 0 0 2rem}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;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__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{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;right:0;opacity:0;padding:.375rem;position:absolute;left:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.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{fill:#787c82;height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem}.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}.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}.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;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}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.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:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}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__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}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 .entry-content{margin-right:auto;margin-left:auto;max-width:960px}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%}.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);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;text-decoration:underline}.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{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){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{flex-basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-right:1rem;margin-top:0}}.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}

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css

    r11120 r11121  
    1 @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-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{-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}svg:not(:root){overflow:hidden}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}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"/%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}.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{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,.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;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 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-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}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:before{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:"";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-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{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-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-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 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{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{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>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{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-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:""}@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: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;padding:0 1.5625rem}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{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}.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;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: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: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/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.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{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.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,#wporg-header ul li.download .uparrow{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;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{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:"";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{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}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-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){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-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;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-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-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 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}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 2rem 0 0}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.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__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{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.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{fill:#787c82;height:1rem;margin-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem}.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}.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 #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{
     1@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-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{-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}svg:not(:root){overflow:hidden}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}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"/%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}.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{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,.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;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 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-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}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:before{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:"";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-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{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-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-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 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.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{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>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{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-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:""}@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: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;padding:0 1.5625rem}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{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}.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;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: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: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/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.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{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.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,#wporg-header ul li.download .uparrow{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;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{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:"";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{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 125.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:0 1rem 4rem;min-height:28rem}.error-404 .page-title{font-size:2.125rem;font-weight:700;text-align:center}.error-404 .pattern-search{border:1px solid #000}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-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){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-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;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-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-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 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}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 2rem 0 0}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid__empty-header{margin:2rem auto 4rem;max-width:960px;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__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{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.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{fill:#787c82;height:1rem;margin-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem}.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}.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 #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{
    22  /*!rtl:ignore*/left:0}.pattern-preview__drag-handle.is-right{
    33  /*!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: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}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.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:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:active{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}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-wporg-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__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}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 .entry-content{margin-left:auto;margin-right:auto;max-width:960px}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}body.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.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);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;text-decoration:underline}.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{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){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{flex-basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-left:1rem;margin-top:0}}.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}

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php

    r11117 r11121  
    1414
    1515add_filter( 'archive_template', __NAMESPACE__ . '\use_index_php_as_template' );
    16 
    17 add_filter( 'pre_handle_404', __NAMESPACE__ . '\bypass_404_page', 10, 2 );
    18 
    1916add_action( 'template_redirect', __NAMESPACE__ . '\rewrite_search_url' );
    2017
    … …  
    227224
    228225/**
    229  * Handle a possible 404 page when viewing patterns, which might happen if the JS pagination is
    230  * different than the WP default.
    231  *
    232  * @param bool     $preempt  Whether to short-circuit default header status handling. Default false.
    233  * @param WP_Query $wp_query WordPress Query object.
    234  * @return bool
    235  */
    236 function bypass_404_page( $preempt, $wp_query ) {
    237     if ( isset( $wp_query->query_vars['post_type'][0] ) && POST_TYPE === $wp_query->query_vars['post_type'][0] ) {
    238         return true;
    239     }
    240     return $preempt;
    241 }
    242 
    243 /**
    244226 * Get the full, filtered content of a post, ignoring more and noteaser tags and pagination.
    245227 *

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-favorites/index.js

    r11117 r11121  
    1010 * Internal dependencies
    1111 */
     12import EmptyHeader from './empty-header';
    1213import PatternGrid from '../pattern-grid';
    1314import PatternGridMenu from '../pattern-grid-menu';
    … …  
    1718
    1819const MyFavorites = () => {
    19     const { favorites, query } = useSelect( ( select ) => ( {
    20         favorites: select( patternStore ).getFavorites(),
    21         query: select( patternStore ).getCurrentQuery(),
    22     } ) );
     20    const { isEmpty, query } = useSelect( ( select ) => {
     21        const { getCurrentQuery, getFavorites, getPatternsByQuery, isLoadingPatternsByQuery } = select(
     22            patternStore
     23        );
     24        const _query = getCurrentQuery() || {};
     25        const favorites = getFavorites();
     26
     27        // Favorites haven't loaded yet.
     28        if ( favorites === null ) {
     29            return {
     30                query: false,
     31                isEmpty: false,
     32            };
     33        }
     34
     35        const modifiedQuery = { ..._query, include: favorites };
     36        const isLoading = !! favorites.length && isLoadingPatternsByQuery( modifiedQuery );
     37        const posts = favorites.length ? getPatternsByQuery( modifiedQuery ) : [];
     38
     39        return {
     40            query: modifiedQuery,
     41            isEmpty: ! isLoading && ! posts.length,
     42        };
     43    } );
     44
    2345    const isLoggedIn = !! wporgPatternsData.userId;
    2446
    … …  
    3557    }
    3658
    37     if ( ! favorites.length ) {
    38         return (
    39             <div className="entry-content">
    40                 <p>{ __( 'You haven’t favorited any patterns yet.', 'wporg-patterns' ) }</p>
    41             </div>
    42         );
     59    if ( isEmpty ) {
     60        return <EmptyHeader />;
    4361    }
    44 
    45     const modifiedQuery = { ...query, include: favorites };
    4662
    4763    return (
    4864        <RouteProvider>
    4965            <QueryMonitor />
    50             <PatternGridMenu basePath="/my-favorites/" query={ modifiedQuery } />
    51             <PatternGrid query={ modifiedQuery }>
     66            <PatternGridMenu basePath="/my-favorites/" query={ query } />
     67            <PatternGrid query={ query }>
    5268                { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } /> }
    5369            </PatternGrid>

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js

    r11117 r11121  
    1717
    1818const MyPatterns = () => {
    19     const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );
    2019    const author = wporgPatternsData.userId;
     20    const { isEmpty, query } = useSelect( ( select ) => {
     21        const { getCurrentQuery, getPatternsByQuery, isLoadingPatternsByQuery } = select( patternStore );
     22        const _query = getCurrentQuery() || {};
     23
     24        // Show all patterns regardless of status, but if the current query has a status (the view is draft, for
     25        // example), that will override `any`. Lastly, make sure this shows the current user's patterns.
     26        const modifiedQuery = { status: 'any', ..._query, author: author };
     27        const isLoading = author && isLoadingPatternsByQuery( modifiedQuery );
     28        const posts = author ? getPatternsByQuery( modifiedQuery ) : [];
     29
     30        return {
     31            isEmpty: ! isLoading && ! posts.length,
     32            query: modifiedQuery,
     33        };
     34    } );
    2135
    2236    if ( ! author ) {
    … …  
    3145        );
    3246    }
    33     // Show all patterns regardless of status, but if the current query has a status (the view is draft, for
    34     // example), that will override `any`. Lastly, make sure this shows the current user's patterns.
    35     const modifiedQuery = { status: 'any', ...query, author: author };
    3647
    3748    return (
    … …  
    3950            <QueryMonitor />
    4051            <Menu />
    41             <PatternGrid query={ modifiedQuery }>
    42                 { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } /> }
    43             </PatternGrid>
     52            { isEmpty ? (
     53                <div className="pattern-grid__empty-header">
     54                    <h2>{ __( 'Nothing found', 'wporg-patterns' ) }</h2>
     55                    <p>{ __( 'You haven’t created any patterns yet.', 'wporg-patterns' ) }</p>
     56                </div>
     57            ) : (
     58                <PatternGrid query={ query }>
     59                    { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } /> }
     60                </PatternGrid>
     61            ) }
    4462        </RouteProvider>
    4563    );

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-grid/index.js

    r11090 r11121  
    77 * Internal dependencies
    88 */
     9import GridSkeleton from './grid-skeleton';
    910import Pagination from './pagination';
    1011import { store as patternStore } from '../../store';
    11 import CardSkeleton from './card-skeleton';
    1212
    1313function PatternGrid( { header, children, query, showPagination = true } ) {
    … …  
    2828            { posts.length ? header : null }
    2929            <div className="pattern-grid">
    30                 { isLoading
    31                     ? Array( 6 )
    32                             .fill()
    33                             .map( ( val, idx ) => <CardSkeleton key={ idx } /> )
    34                     : posts.map( children ) }
     30                { isLoading ? <GridSkeleton length={ query?.per_page } /> : posts.map( children ) }
    3531            </div>
    3632            { showPagination && <Pagination totalPages={ totalPages } currentPage={ query?.page } /> }

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns-search/index.js

    r11117 r11121  
    88 */
    99import CategoryContextBar from '../category-context-bar';
     10import EmptyHeader from '../patterns/empty-header';
    1011import PatternGrid from '../pattern-grid';
     12import PatternThumbnail from '../pattern-thumbnail';
    1113import QueryMonitor from '../query-monitor';
    12 import PatternThumbnail from '../pattern-thumbnail';
    1314import { RouteProvider } from '../../hooks';
    1415import { store as patternStore } from '../../store';
    1516
    1617const PatternsSearch = () => {
    17     const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );
     18    const { isEmpty, query } = useSelect( ( select ) => {
     19        const { getCurrentQuery, getPatternsByQuery, isLoadingPatternsByQuery } = select( patternStore );
     20        const _query = getCurrentQuery();
     21        const isLoading = _query && isLoadingPatternsByQuery( _query );
     22        const posts = _query ? getPatternsByQuery( _query ) : [];
     23
     24        return {
     25            isEmpty: ! isLoading && ! posts.length,
     26            query: _query,
     27        };
     28    } );
    1829
    1930    return (
    … …  
    2132            <QueryMonitor />
    2233            <CategoryContextBar query={ query } />
    23             <PatternGrid query={ query }>
    24                 { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
    25             </PatternGrid>
     34            { isEmpty ? (
     35                <>
     36                    <EmptyHeader />
     37                    <PatternGrid query={ { per_page: 6 } } showPagination={ false }>
     38                        { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
     39                    </PatternGrid>
     40                </>
     41            ) : (
     42                <PatternGrid query={ query }>
     43                    { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
     44                </PatternGrid>
     45            ) }
    2646        </RouteProvider>
    2747    );

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns/index.js

    r11117 r11121  
    77 * Internal dependencies
    88 */
     9import EmptyHeader from './empty-header';
    910import PatternGrid from '../pattern-grid';
    1011import PatternGridMenu from '../pattern-grid-menu';
    … …  
    1718
    1819const Patterns = () => {
    19     const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );
     20    const { isEmpty, query } = useSelect( ( select ) => {
     21        const { getCurrentQuery, getPatternsByQuery, isLoadingPatternsByQuery } = select( patternStore );
     22        const _query = getCurrentQuery();
     23        const isLoading = _query && isLoadingPatternsByQuery( _query );
     24        const posts = _query ? getPatternsByQuery( _query ) : [];
     25
     26        return {
     27            isEmpty: ! isLoading && ! posts.length,
     28            query: _query,
     29        };
     30    } );
    2031
    2132    return (
    … …  
    2435            <BreadcrumbMonitor />
    2536            <PatternGridMenu query={ query } />
    26             <PatternGrid query={ query }>
    27                 { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
    28             </PatternGrid>
     37            { isEmpty ? (
     38                <>
     39                    <EmptyHeader />
     40                    <PatternGrid query={ { per_page: 6 } } showPagination={ false }>
     41                        { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
     42                    </PatternGrid>
     43                </>
     44            ) : (
     45                <PatternGrid query={ query }>
     46                    { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
     47                </PatternGrid>
     48            ) }
    2949        </RouteProvider>
    3050    );

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/reducer.js

    r11114 r11121  
    131131 * @return {Object} Updated state.
    132132 */
    133 export function favorites( state = [], action ) {
     133export function favorites( state = null, action ) {
    134134    const { patternId } = action;
    135135    switch ( action.type ) {

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/selectors.js

    r11003 r11121  
    185185 */
    186186export function isFavorite( state, patternId ) {
    187     return state.favorites.includes( patternId );
     187    return state.favorites?.includes( patternId );
    188188}
Note: See TracChangeset for help on using the changeset viewer.