Version Description
- Experimental navigation sidebar in block editor, can be enabled in config or with a hook.
- Default content included in the donation block can be edited.
- Track when the launch button is clicked.
Download this release
Release Info
Developer | philipmjackson |
Plugin | Full Site Editing |
Version | 1.12 |
Comparing to | |
See all releases |
Code changes from version 1.11 to 1.12
- donations/context.js +11 -0
- donations/controls.js +42 -0
- donations/dist/donations.asset.php +1 -1
- donations/dist/donations.css +1 -1
- donations/dist/donations.js +22 -2
- donations/dist/donations.rtl.css +1 -1
- donations/donations.js +0 -110
- donations/edit.js +13 -12
- donations/index.js +97 -65
- donations/stripe-nudge.js +1 -8
- donations/style.scss +34 -2
- donations/tab.js +122 -0
- donations/tabs.js +88 -0
- editor-domain-picker/dist/editor-domain-picker.asset.php +1 -1
- editor-domain-picker/dist/editor-domain-picker.css +1 -1
- editor-domain-picker/dist/editor-domain-picker.js +3 -3
- editor-domain-picker/dist/editor-domain-picker.rtl.css +1 -1
- editor-domain-picker/src/domain-picker-button/index.tsx +8 -34
- editor-domain-picker/src/domain-picker-fse/index.tsx +49 -0
- editor-domain-picker/src/domain-picker-modal/index.tsx +4 -9
- editor-domain-picker/src/hooks/use-current-domain.ts +22 -0
- editor-gutenboarding-launch/dist/editor-gutenboarding-launch.asset.php +1 -1
- editor-gutenboarding-launch/dist/editor-gutenboarding-launch.js +7 -1
- editor-gutenboarding-launch/index.ts +5 -0
- editor-plans-grid/dist/editor-plans-grid.asset.php +1 -1
- editor-plans-grid/dist/editor-plans-grid.css +1 -1
- editor-plans-grid/dist/editor-plans-grid.js +1 -1
- editor-plans-grid/dist/editor-plans-grid.rtl.css +1 -1
- editor-plans-grid/src/hooks/use-selected-plan.ts +19 -1
- editor-plans-grid/src/plans-grid-button/index.tsx +4 -30
- editor-plans-grid/src/plans-grid-fse/index.tsx +23 -0
- editor-plans-grid/src/plans-modal/index.tsx +5 -9
- editor-site-launch/dist/editor-site-launch.asset.php +1 -0
- editor-site-launch/dist/editor-site-launch.css +1 -0
- editor-site-launch/dist/editor-site-launch.js +12 -0
- editor-site-launch/dist/editor-site-launch.rtl.css +1 -0
- editor-site-launch/index.php +50 -0
- editor-site-launch/index.ts +22 -0
- editor-site-launch/src/launch-button/index.tsx +40 -0
- editor-site-launch/src/launch-modal/index.tsx +44 -0
- editor-site-launch/src/launch-modal/styles.scss +31 -0
- editor-site-launch/src/launch-step/index.tsx +22 -0
- editor-site-launch/src/launch-step/styles.scss +20 -0
- editor-site-launch/src/launch-steps/domain-step/index.tsx +52 -0
- editor-site-launch/src/launch-steps/plan-step/index.tsx +45 -0
- editor-site-launch/src/launch-steps/privacy-step/index.tsx +39 -0
- editor-site-launch/src/launch/index.tsx +71 -0
- full-site-editing-plugin.php +10 -2
- newspack-blocks/synced-newspack-blocks/blocks/carousel/view.php +19 -19
- newspack-blocks/synced-newspack-blocks/blocks/homepage-articles/class-wp-rest-newspack-articles-controller.php +26 -26
- newspack-blocks/synced-newspack-blocks/blocks/homepage-articles/view.php +15 -15
- newspack-blocks/synced-newspack-blocks/class-newspack-blocks-api.php +43 -43
- newspack-blocks/synced-newspack-blocks/class-newspack-blocks.php +12 -12
- readme.txt +6 -1
- wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.asset.php +1 -1
- wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.css +1 -1
- wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.js +2 -2
- wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.rtl.css +1 -1
- wpcom-block-editor-nav-sidebar/src/actions.ts +8 -1
- wpcom-block-editor-nav-sidebar/src/attach-sidebar.tsx +46 -91
- wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/index.tsx +157 -107
- wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/style.scss +55 -55
- wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/index.tsx +41 -0
- wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/style.scss +9 -0
- wpcom-block-editor-nav-sidebar/src/store.ts +12 -1
- wpcom-block-editor-nav-sidebar/src/wp-interface-types.d.ts +3 -0
donations/context.js
ADDED
@@ -0,0 +1,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* WordPress dependencies
|
3 |
+
*/
|
4 |
+
// eslint-disable-next-line wpcalypso/import-docblock
|
5 |
+
import { createContext } from '@wordpress/element';
|
6 |
+
|
7 |
+
const Context = createContext( {
|
8 |
+
activeTab: 'one-time',
|
9 |
+
} );
|
10 |
+
|
11 |
+
export default Context;
|
donations/controls.js
ADDED
@@ -0,0 +1,42 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* WordPress dependencies
|
3 |
+
*/
|
4 |
+
// eslint-disable-next-line wpcalypso/import-docblock
|
5 |
+
import { ExternalLink, PanelBody, ToggleControl } from '@wordpress/components';
|
6 |
+
import { __ } from '@wordpress/i18n';
|
7 |
+
import { InspectorControls } from '@wordpress/block-editor';
|
8 |
+
|
9 |
+
const Controls = ( props ) => {
|
10 |
+
const { attributes, setAttributes, products, siteSlug } = props;
|
11 |
+
const { monthlyPlanId, annuallyPlanId, showCustomAmount } = attributes;
|
12 |
+
return (
|
13 |
+
<InspectorControls>
|
14 |
+
<PanelBody title={ __( 'Settings', 'full-site-editing' ) }>
|
15 |
+
<ToggleControl
|
16 |
+
checked={ !! monthlyPlanId }
|
17 |
+
onChange={ ( value ) =>
|
18 |
+
setAttributes( { monthlyPlanId: value ? products[ '1 month' ] : null } )
|
19 |
+
}
|
20 |
+
label={ __( 'Show monthly donations', 'full-site-editing' ) }
|
21 |
+
/>
|
22 |
+
<ToggleControl
|
23 |
+
checked={ !! annuallyPlanId }
|
24 |
+
onChange={ ( value ) =>
|
25 |
+
setAttributes( { annuallyPlanId: value ? products[ '1 year' ] : null } )
|
26 |
+
}
|
27 |
+
label={ __( 'Show annual donations', 'full-site-editing' ) }
|
28 |
+
/>
|
29 |
+
<ToggleControl
|
30 |
+
checked={ showCustomAmount }
|
31 |
+
onChange={ ( value ) => setAttributes( { showCustomAmount: value } ) }
|
32 |
+
label={ __( 'Show custom amount option', 'full-site-editing' ) }
|
33 |
+
/>
|
34 |
+
<ExternalLink href={ `https://wordpress.com/earn/payments/${ siteSlug }` }>
|
35 |
+
{ __( 'View donation earnings', 'full-site-editing' ) }
|
36 |
+
</ExternalLink>
|
37 |
+
</PanelBody>
|
38 |
+
</InspectorControls>
|
39 |
+
);
|
40 |
+
};
|
41 |
+
|
42 |
+
export default Controls;
|
donations/dist/donations.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('lodash', 'react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'daae50ea70c3b8ca940761082140a975');
|
donations/dist/donations.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.donations__container{border:1px solid #a7aaad}.donations__container .donations__tabs{display:flex;border-bottom:1px solid #a7aaad}.donations__container .donations__tabs .components-button{font-weight:700;display:inline-block;flex-grow:1;text-align:center;font-size:16px;padding:16px;height:auto;border-radius:0;border-left:1px solid #a7aaad}.donations__container .donations__tabs .components-button:first-child{border-left:none}.donations__container .donations__tabs .components-button:hover{color:inherit}.donations__container .donations__tabs .components-button.is-active{background-color:#2271b1;box-shadow:none;color:#fff}.donations__container .donations__content{padding:24px}
|
1 |
+
.editor-styles-wrapper .donations__container{border:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs{display:flex;border-bottom:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs .components-button{font-weight:700;display:inline-block;flex-grow:1;text-align:center;font-size:16px;padding:16px;height:auto;border-radius:0;border-left:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs .components-button:first-child{border-left:none}.editor-styles-wrapper .donations__container .donations__tabs .components-button:hover{color:inherit}.editor-styles-wrapper .donations__container .donations__tabs .components-button.is-active{background-color:#2271b1;box-shadow:none;color:#fff}.editor-styles-wrapper .donations__container .donations__content{padding:0 24px}.editor-styles-wrapper .donations__container .donations__amounts{margin-top:30px;margin-bottom:30px}.editor-styles-wrapper .donations__container .donations__amounts .donations__amount:not(.alignleft):not(.alignright){margin-top:0;margin-bottom:0}.editor-styles-wrapper .donations__container .donations__amount .wp-block-button__link{background-color:#fff;color:inherit;border:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__custom-amount .wp-block-button__link{cursor:default}.editor-styles-wrapper .donations__container .donations__custom-amount-placeholder{margin-left:8px;color:#a7aaad;padding-right:40px}.editor-styles-wrapper .donations__container .donations__separator{line-height:8px;height:8px}
|
donations/dist/donations.js
CHANGED
@@ -1,6 +1,26 @@
|
|
1 |
-
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return 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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=19)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t,n){var r=n(13),o=n(14),i=n(15),c=n(17);e.exports=function(e,t){return r(e)||o(e,t)||i(e,t)||c()}},function(e,t){function n(e,t,n,r,o,i,c){try{var a=e[i](c),u=a.value}catch(l){return void n(l)}a.done?t(u):Promise.resolve(u).then(r,o)}e.exports=function(e){return function(){var t=this,r=arguments;return new Promise((function(o,i){var c=e.apply(t,r);function a(e){n(c,o,i,a,u,"next",e)}function u(e){n(c,o,i,a,u,"throw",e)}a(void 0)}))}}},function(e,t){!function(){e.exports=this.wp.apiFetch}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,n){var r;
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
-
*/!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)&&r.length){var c=o.apply(null,r);c&&e.push(c)}else if("object"===i)for(var a in r)n.call(r,a)&&r[a]&&e.push(a)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},function(e,t,n){var r=n(12);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}e.exports=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var c,a=e[Symbol.iterator]();!(r=(c=a.next()).done)&&(n.push(c.value),!t||n.length!==t);r=!0);}catch(u){o=!0,i=u}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}return n}}},function(e,t,n){var r=n(16);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(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(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(9),o=n.n(r),i=n(4),c=n.n(i),a=n(0),u=n(5),l=n.n(u),s=n(7),f=n(1),p=n(3),d=n.n(p),b=n(8),m=n.n(b),O=n(6),g=n(2),_=n(10),j=n(11),h=Object(_.compose)([Object(j.withDispatch)((function(e,t){var n,r=t.stripeConnectUrl;return{autosaveAndRedirect:(n=c()(regeneratorRuntime.mark((function t(n){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.preventDefault(),t.next=3,e("core/editor").savePost();case 3:window.top.location.href=r;case 4:case"end":return t.stop()}}),t)}))),function(e){return n.apply(this,arguments)})}}))])((function(e){var t=e.autosaveAndRedirect,n=e.stripeConnectUrl;return Object(a.createElement)(O.Warning,{actions:n&&[Object(a.createElement)(g.Button,{key:"connect",href:n,onClick:t,target:"_top",isDefault:!0,className:"premium-content-block-nudge__button stripe-nudge__button"},Object(f.__)("Connect","full-site-editing"))],className:"donations__nudge premium-content-block-nudge"},Object(a.createElement)("span",{className:"donations__nudge-info premium-content-block-nudge__info"},Object(a.createElement)(g.Dashicon,{icon:"star-filled"}),Object(a.createElement)("span",{className:"donations__nudge-text-container premium-content-block-nudge__text-container"},Object(a.createElement)("span",{className:"donations__nudge-title premium-content-block-nudge__title"},Object(f.__)("Connect to Stripe to use this block on your site","full-site-editing")),Object(a.createElement)("span",{className:"donations__nudge-message premium-content-block-nudge__message"},Object(f.__)("This block will be hidden from your visitors until you connect to Stripe.","full-site-editing")))))})),y=function(e){var t=e.attributes,n=e.products,r=e.setAttributes,o=e.siteSlug,i=e.stripeConnectUrl,c=t.oneTimePlanId,u=t.monthlyPlanId,l=t.annuallyPlanId,s=t.showCustomAmount,p=Object(a.useState)("one-time"),b=d()(p,2),_=b[0],j=b[1],y=function(e){return _===e};return Object(a.useEffect)((function(){c||r({oneTimePlanId:n["one-time"]})}),[c]),Object(a.createElement)(O.__experimentalBlock.div,null,i&&Object(a.createElement)(h,{stripeConnectUrl:i}),Object(a.createElement)("div",{className:"donations__container"},(u||l)&&Object(a.createElement)("div",{className:"donations__tabs"},Object(a.createElement)(g.Button,{className:m()({"is-active":y("one-time")}),onClick:function(){return j("one-time")}},Object(f.__)("One-Time","full-site-editing")),u&&Object(a.createElement)(g.Button,{className:m()({"is-active":y("monthly")}),onClick:function(){return j("monthly")}},Object(f.__)("Monthly","full-site-editing")),l&&Object(a.createElement)(g.Button,{className:m()({"is-active":y("annually")}),onClick:function(){return j("annually")}},Object(f.__)("Annually","full-site-editing"))),Object(a.createElement)("div",{className:"donations__content"},Object(a.createElement)("div",null,y("one-time")&&Object(f.__)("Make a one-time donation","full-site-editing"),y("monthly")&&Object(f.__)("Make a monthly donation","full-site-editing"),y("annually")&&Object(f.__)("Make a yearly donation","full-site-editing")),s&&Object(a.createElement)("div",null,Object(f.__)("Or enter a custom amount","full-site-editing")," "))),Object(a.createElement)(O.InspectorControls,null,Object(a.createElement)(g.PanelBody,{title:Object(f.__)("Settings","full-site-editing")},Object(a.createElement)(g.ToggleControl,{checked:!!u,onChange:function(e){r({monthlyPlanId:e?n["1 month"]:null})},label:Object(f.__)("Show monthly donations","full-site-editing")}),Object(a.createElement)(g.ToggleControl,{checked:!!l,onChange:function(e){r({annuallyPlanId:e?n["1 year"]:null})},label:Object(f.__)("Show annual donations","full-site-editing")}),Object(a.createElement)(g.ToggleControl,{checked:s,onChange:function(e){r({showCustomAmount:e})},label:Object(f.__)("Show custom amount option","full-site-editing")}),Object(a.createElement)(g.ExternalLink,{href:"https://wordpress.com/earn/payments/".concat(o)},Object(f.__)("View donation earnings","full-site-editing")))))},v=function(e){var t=e.error;return Object(a.createElement)("div",{className:"donations__loading-status"},Object(a.createElement)(g.Placeholder,{icon:"lock",label:Object(f.__)("Donations","full-site-editing"),instructions:t}))},w=function(){return Object(a.createElement)("div",{className:"donations__loading-status"},Object(a.createElement)(g.Placeholder,{icon:"lock",label:Object(f.__)("Donations","full-site-editing"),instructions:Object(f.__)("Loading data…","full-site-editing")},Object(a.createElement)(g.Spinner,null)))},k=function(e){var t=e.upgradeUrl;return Object(a.createElement)("div",{className:"donations__upgrade-plan"},Object(a.createElement)(g.Placeholder,{icon:"lock",label:Object(f.__)("Donations","full-site-editing"),instructions:Object(f.__)("You'll need to upgrade your plan to use the Donations block.","full-site-editing")},Object(a.createElement)(g.Button,{isSecondary:!0,isLarge:!0,href:t,target:"_blank",className:"donations__button plan-nudge__button"},Object(f.__)("Upgrade Your Plan","full-site-editing")),Object(a.createElement)("div",{className:"donations__disclaimer membership-button__disclaimer"},Object(a.createElement)(g.ExternalLink,{href:"https://wordpress.com/support/donations-block/"},Object(f.__)("Read more about Donations and related fees.","full-site-editing")))))},E=function(){var e=c()(regeneratorRuntime.mark((function e(t){var n;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,l()({path:"/wpcom/v2/memberships/products",method:"POST",data:{type:"donation",currency:t}});case 3:return n=e.sent,e.abrupt("return",n);case 7:return e.prev=7,e.t0=e.catch(0),e.abrupt("return",Promise.reject(e.t0.message));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t){return e.apply(this,arguments)}}(),x=function(){var e=c()(regeneratorRuntime.mark((function e(){var t,n,r,o=arguments;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=o.length>0&&void 0!==o[0]?o[0]:null,n="/wpcom/v2/memberships/status",t&&(n+="?type=".concat(t)),e.prev=3,e.next=6,l()({path:n,method:"GET"});case 6:return r=e.sent,e.abrupt("return",r);case 10:return e.prev=10,e.t0=e.catch(3),e.abrupt("return",Promise.reject(e.t0.message));case 13:case"end":return e.stop()}}),e,null,[[3,10]])})));return function(){return e.apply(this,arguments)}}(),P=function(e){var t=e.attributes,n=e.setAttributes,r=Object(a.useState)(!0),o=d()(r,2),i=o[0],c=o[1],u=Object(a.useState)(""),l=d()(u,2),s=l[0],p=l[1],b=Object(a.useState)(!1),m=d()(b,2),O=m[0],g=m[1],_=Object(a.useState)(!1),j=d()(_,2),h=j[0],P=j[1],S=Object(a.useState)([]),C=d()(S,2),D=C[0],A=C[1],N=Object(a.useState)(""),T=d()(N,2),L=T[0],I=T[1],B=Object(a.useState)(""),U=d()(B,2),M=U[0],R=U[1],W=function(e){p(e),c(!1)},Y=function(e,t){return e.reduce((function(e,n){var r=n.id,o=n.currency,i=n.type,c=n.interval;return o===t&&"donation"===i&&(e[c]=r),e}),{})},q=function(e){if(!e&&"object"!=typeof e||e.errors)p(Object(f.__)("Could not load data from WordPress.com.","full-site-editing"));else{g(e.should_upgrade_to_access_memberships),I(e.upgrade_url),P(e.connect_url),R(e.site_slug);var t=Y(e.products,"USD");n=t,(r=Object.keys(n)).includes("one-time")&&r.includes("1 month")&&r.includes("1 year")?A(t):E("USD").then((function(e){return A(Y(e,"USD"))}),W)}var n,r;c(!1)};return Object(a.useEffect)((function(){x("donation").then(q,W)}),[]),i?Object(a.createElement)(w,null):s?Object(a.createElement)(v,{error:s}):O?Object(a.createElement)(k,{upgradeUrl:L}):Object(a.createElement)(y,{attributes:t,products:D,stripeConnectUrl:h,setAttributes:n,siteSlug:M})},S=(n(18),function(){var e=c()(regeneratorRuntime.mark((function e(){var t,n,r;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,l()({path:"/wpcom/v2/memberships/status"});case 3:t=e.sent,e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(0),e.abrupt("return");case 9:if(!t.should_upgrade_to_access_memberships){e.next=17;break}if(n=Object(s.getBlockType)("a8c/donations")){e.next=14;break}return e.abrupt("return");case 14:r=Object(f._x)("paid","Short label appearing near a block requiring a paid plan","full-site-editing"),Object(s.unregisterBlockType)("a8c/donations"),Object(s.registerBlockType)("a8c/donations",o()({},n,{title:"".concat(n.title," (").concat(r,")")}));case 17:case"end":return e.stop()}}),e,null,[[0,6]])})));return function(){return e.apply(this,arguments)}}());Object(s.registerBlockType)("a8c/donations",{title:Object(f.__)("Donations (a8c-only)","full-site-editing"),description:Object(f.__)("Collect one-time, monthly, or annually recurring donations.","full-site-editing"),attributes:{oneTimePlanId:{type:"number",default:null},monthlyPlanId:{type:"number",default:null},annuallyPlanId:{type:"number",default:null},showCustomAmount:{type:"boolean",default:!1}},category:"common",icon:Object(a.createElement)("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(a.createElement)("path",{d:"M12.7439 14.4271L8.64053 13.165L8.51431 13.8718L8.09208 20.7415C8.06165 21.2365 8.61087 21.5526 9.02363 21.2776L12.7439 18.799L16.7475 21.304C17.1687 21.5676 17.7094 21.2343 17.6631 20.7396L17.0212 13.8718L17.0212 13.165L12.7439 14.4271Z",fill:"black"}),Object(a.createElement)("circle",{cx:"12.7439",cy:"8.69796",r:"5.94466",stroke:"black",strokeWidth:"1.5",fill:"none"}),Object(a.createElement)("path",{d:"M9.71023 8.12461L11.9543 10.3687L15.7776 6.54533",stroke:"black",strokeWidth:"1.5",fill:"none"})),supports:{html:!1},edit:P,save:function(){return Object(a.createElement)("div",null,"Donations block")}}),S()}]));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return 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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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=57)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t,n){var r=n(35),i=n(36),o=n(19),s=n(37);e.exports=function(e,t){return r(e)||i(e,t)||o(e,t)||s()}},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},n.apply(this,arguments)}e.exports=n},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.React}()},function(e,t){function n(e,t,n,r,i,o,s){try{var c=e[o](s),a=c.value}catch(l){return void n(l)}c.done?t(a):Promise.resolve(a).then(r,i)}e.exports=function(e){return function(){var t=this,r=arguments;return new Promise((function(i,o){var s=e.apply(t,r);function c(e){n(s,i,o,c,a,"next",e)}function a(e){n(s,i,o,c,a,"throw",e)}c(void 0)}))}}},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,n){var r=n(11);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}e.exports=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){!function(){e.exports=this.wp.apiFetch}()},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t){!function(){e.exports=this.wp.url}()},function(e,t,n){"use strict";var r=n(23),i=n(22);function o(e,t){return 55296==(64512&e.charCodeAt(t))&&(!(t<0||t+1>=e.length)&&56320==(64512&e.charCodeAt(t+1)))}function s(e){return(e>>>24|e>>>8&65280|e<<8&16711680|(255&e)<<24)>>>0}function c(e){return 1===e.length?"0"+e:e}function a(e){return 7===e.length?"0"+e:6===e.length?"00"+e:5===e.length?"000"+e:4===e.length?"0000"+e:3===e.length?"00000"+e:2===e.length?"000000"+e:1===e.length?"0000000"+e:e}t.inherits=i,t.toArray=function(e,t){if(Array.isArray(e))return e.slice();if(!e)return[];var n=[];if("string"==typeof e)if(t){if("hex"===t)for((e=e.replace(/[^a-z0-9]+/gi,"")).length%2!=0&&(e="0"+e),i=0;i<e.length;i+=2)n.push(parseInt(e[i]+e[i+1],16))}else for(var r=0,i=0;i<e.length;i++){var s=e.charCodeAt(i);s<128?n[r++]=s:s<2048?(n[r++]=s>>6|192,n[r++]=63&s|128):o(e,i)?(s=65536+((1023&s)<<10)+(1023&e.charCodeAt(++i)),n[r++]=s>>18|240,n[r++]=s>>12&63|128,n[r++]=s>>6&63|128,n[r++]=63&s|128):(n[r++]=s>>12|224,n[r++]=s>>6&63|128,n[r++]=63&s|128)}else for(i=0;i<e.length;i++)n[i]=0|e[i];return n},t.toHex=function(e){for(var t="",n=0;n<e.length;n++)t+=c(e[n].toString(16));return t},t.htonl=s,t.toHex32=function(e,t){for(var n="",r=0;r<e.length;r++){var i=e[r];"little"===t&&(i=s(i)),n+=a(i.toString(16))}return n},t.zero2=c,t.zero8=a,t.join32=function(e,t,n,i){var o=n-t;r(o%4==0);for(var s=new Array(o/4),c=0,a=t;c<s.length;c++,a+=4){var l;l="big"===i?e[a]<<24|e[a+1]<<16|e[a+2]<<8|e[a+3]:e[a+3]<<24|e[a+2]<<16|e[a+1]<<8|e[a],s[c]=l>>>0}return s},t.split32=function(e,t){for(var n=new Array(4*e.length),r=0,i=0;r<e.length;r++,i+=4){var o=e[r];"big"===t?(n[i]=o>>>24,n[i+1]=o>>>16&255,n[i+2]=o>>>8&255,n[i+3]=255&o):(n[i+3]=o>>>24,n[i+2]=o>>>16&255,n[i+1]=o>>>8&255,n[i]=255&o)}return n},t.rotr32=function(e,t){return e>>>t|e<<32-t},t.rotl32=function(e,t){return e<<t|e>>>32-t},t.sum32=function(e,t){return e+t>>>0},t.sum32_3=function(e,t,n){return e+t+n>>>0},t.sum32_4=function(e,t,n,r){return e+t+n+r>>>0},t.sum32_5=function(e,t,n,r,i){return e+t+n+r+i>>>0},t.sum64=function(e,t,n,r){var i=e[t],o=r+e[t+1]>>>0,s=(o<r?1:0)+n+i;e[t]=s>>>0,e[t+1]=o},t.sum64_hi=function(e,t,n,r){return(t+r>>>0<t?1:0)+e+n>>>0},t.sum64_lo=function(e,t,n,r){return t+r>>>0},t.sum64_4_hi=function(e,t,n,r,i,o,s,c){var a=0,l=t;return a+=(l=l+r>>>0)<t?1:0,a+=(l=l+o>>>0)<o?1:0,e+n+i+s+(a+=(l=l+c>>>0)<c?1:0)>>>0},t.sum64_4_lo=function(e,t,n,r,i,o,s,c){return t+r+o+c>>>0},t.sum64_5_hi=function(e,t,n,r,i,o,s,c,a,l){var u=0,p=t;return u+=(p=p+r>>>0)<t?1:0,u+=(p=p+o>>>0)<o?1:0,u+=(p=p+c>>>0)<c?1:0,e+n+i+s+a+(u+=(p=p+l>>>0)<l?1:0)>>>0},t.sum64_5_lo=function(e,t,n,r,i,o,s,c,a,l){return t+r+o+c+l>>>0},t.rotr64_hi=function(e,t,n){return(t<<32-n|e>>>n)>>>0},t.rotr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0},t.shr64_hi=function(e,t,n){return e>>>n},t.shr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0}},function(e,t,n){var r=n(38),i=n(39),o=n(19),s=n(40);e.exports=function(e){return r(e)||i(e)||o(e)||s()}},function(e,t,n){"use strict";var r,i="object"==typeof Reflect?Reflect:null,o=i&&"function"==typeof i.apply?i.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};r=i&&"function"==typeof i.ownKeys?i.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var s=Number.isNaN||function(e){return e!=e};function c(){c.init.call(this)}e.exports=c,c.EventEmitter=c,c.prototype._events=void 0,c.prototype._eventsCount=0,c.prototype._maxListeners=void 0;var a=10;function l(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function u(e){return void 0===e._maxListeners?c.defaultMaxListeners:e._maxListeners}function p(e,t,n,r){var i,o,s,c;if(l(n),void 0===(o=e._events)?(o=e._events=Object.create(null),e._eventsCount=0):(void 0!==o.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),o=e._events),s=o[t]),void 0===s)s=o[t]=n,++e._eventsCount;else if("function"==typeof s?s=o[t]=r?[n,s]:[s,n]:r?s.unshift(n):s.push(n),(i=u(e))>0&&s.length>i&&!s.warned){s.warned=!0;var a=new Error("Possible EventEmitter memory leak detected. "+s.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");a.name="MaxListenersExceededWarning",a.emitter=e,a.type=t,a.count=s.length,c=a,console&&console.warn&&console.warn(c)}return e}function m(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function f(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=m.bind(r);return i.listener=n,r.wrapFn=i,i}function d(e,t,n){var r=e._events;if(void 0===r)return[];var i=r[t];return void 0===i?[]:"function"==typeof i?n?[i.listener||i]:[i]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(i):b(i,i.length)}function g(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function b(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}Object.defineProperty(c,"defaultMaxListeners",{enumerable:!0,get:function(){return a},set:function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");a=e}}),c.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},c.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},c.prototype.getMaxListeners=function(){return u(this)},c.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var r="error"===e,i=this._events;if(void 0!==i)r=r&&void 0===i.error;else if(!r)return!1;if(r){var s;if(t.length>0&&(s=t[0]),s instanceof Error)throw s;var c=new Error("Unhandled error."+(s?" ("+s.message+")":""));throw c.context=s,c}var a=i[e];if(void 0===a)return!1;if("function"==typeof a)o(a,this,t);else{var l=a.length,u=b(a,l);for(n=0;n<l;++n)o(u[n],this,t)}return!0},c.prototype.addListener=function(e,t){return p(this,e,t,!1)},c.prototype.on=c.prototype.addListener,c.prototype.prependListener=function(e,t){return p(this,e,t,!0)},c.prototype.once=function(e,t){return l(t),this.on(e,f(this,e,t)),this},c.prototype.prependOnceListener=function(e,t){return l(t),this.prependListener(e,f(this,e,t)),this},c.prototype.removeListener=function(e,t){var n,r,i,o,s;if(l(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(i=-1,o=n.length-1;o>=0;o--)if(n[o]===t||n[o].listener===t){s=n[o].listener,i=o;break}if(i<0)return this;0===i?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,i),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,s||t)}return this},c.prototype.off=c.prototype.removeListener,c.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var i,o=Object.keys(n);for(r=0;r<o.length;++r)"removeListener"!==(i=o[r])&&this.removeAllListeners(i);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},c.prototype.listeners=function(e){return d(this,e,!0)},c.prototype.rawListeners=function(e){return d(this,e,!1)},c.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):g.call(e,t)},c.prototype.listenerCount=g,c.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]}},function(e,t,n){var r=n(20);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(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(e,t,n){"use strict";function r(e){return function(){return e}}var i=function(){};i.thatReturns=r,i.thatReturnsFalse=r(!1),i.thatReturnsTrue=r(!0),i.thatReturnsNull=r(null),i.thatReturnsThis=function(){return this},i.thatReturnsArgument=function(e){return e},e.exports=i},function(e,t){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t){function n(e,t){if(!e)throw new Error(t||"Assertion failed")}e.exports=n,n.equal=function(e,t,n){if(e!=t)throw new Error(n||"Assertion failed: "+e+" != "+t)}},function(e,t,n){var r;
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
+
*/!function(){"use strict";var n={}.hasOwnProperty;function i(){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)&&r.length){var s=i.apply(null,r);s&&e.push(s)}else if("object"===o)for(var c in r)n.call(r,c)&&r[c]&&e.push(c)}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},function(e,t){!function(){e.exports=this.lodash}()},function(e,t,n){t.log=function(){var e;return"object"==typeof console&&console.log&&(e=console).log.apply(e,arguments)},t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,i=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(i=r))})),t.splice(i,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(n){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(n){}!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],e.exports=n(41)(t),e.exports.formatters.j=function(e){try{return JSON.stringify(e)}catch(t){return"[UnexpectedJSONParseError]: "+t.message}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=c(n(7)),o=c(n(43)),s=c(n(46));function c(e){return e&&e.__esModule?e:{default:e}}var a=void 0;function l(e,t){var n,s,c,u,p,m,f,d,g=[],b={};for(m=0;m<e.length;m++)if("string"!==(p=e[m]).type){if(!t.hasOwnProperty(p.value)||void 0===t[p.value])throw new Error("Invalid interpolation, missing component node: `"+p.value+"`");if("object"!==r(t[p.value]))throw new Error("Invalid interpolation, component node must be a ReactElement or null: `"+p.value+"`","\n> "+a);if("componentClose"===p.type)throw new Error("Missing opening component token: `"+p.value+"`");if("componentOpen"===p.type){n=t[p.value],c=m;break}g.push(t[p.value])}else g.push(p.value);return n&&(u=function(e,t){var n,r,i=t[e],o=0;for(r=e+1;r<t.length;r++)if((n=t[r]).value===i.value){if("componentOpen"===n.type){o++;continue}if("componentClose"===n.type){if(0===o)return r;o--}}throw new Error("Missing closing component token `"+i.value+"`")}(c,e),f=l(e.slice(c+1,u),t),s=i.default.cloneElement(n,{},f),g.push(s),u<e.length-1&&(d=l(e.slice(u+1),t),g=g.concat(d))),1===g.length?g[0]:(g.forEach((function(e,t){e&&(b["interpolation-child-"+t]=e)})),(0,o.default)(b))}t.default=function(e){var t=e.mixedString,n=e.components,i=e.throwErrors;if(a=t,!n)return t;if("object"!==(void 0===n?"undefined":r(n))){if(i)throw new Error("Interpolation Error: unable to process `"+t+"` because components is not an object");return t}var o=(0,s.default)(t);try{return l(o,n)}catch(c){if(i)throw new Error("Interpolation Error: unable to process `"+t+"` because of error `"+c.message+"`");return t}}},function(e,t,n){var r=n(18),i=n(22);function o(e){if(!(this instanceof o))return new o(e);"number"==typeof e&&(e={max:e}),e||(e={}),r.EventEmitter.call(this),this.cache={},this.head=this.tail=null,this.length=0,this.max=e.max||1e3,this.maxAge=e.maxAge||0}e.exports=o,i(o,r.EventEmitter),Object.defineProperty(o.prototype,"keys",{get:function(){return Object.keys(this.cache)}}),o.prototype.clear=function(){this.cache={},this.head=this.tail=null,this.length=0},o.prototype.remove=function(e){if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){var t=this.cache[e];return delete this.cache[e],this._unlink(e,t.prev,t.next),t.value}},o.prototype._unlink=function(e,t,n){this.length--,0===this.length?this.head=this.tail=null:this.head===e?(this.head=t,this.cache[this.head].next=null):this.tail===e?(this.tail=n,this.cache[this.tail].prev=null):(this.cache[t].next=n,this.cache[n].prev=t)},o.prototype.peek=function(e){if(this.cache.hasOwnProperty(e)){var t=this.cache[e];if(this._checkAge(e,t))return t.value}},o.prototype.set=function(e,t){var n;if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){if((n=this.cache[e]).value=t,this.maxAge&&(n.modified=Date.now()),e===this.head)return t;this._unlink(e,n.prev,n.next)}else n={value:t,modified:0,next:null,prev:null},this.maxAge&&(n.modified=Date.now()),this.cache[e]=n,this.length===this.max&&this.evict();return this.length++,n.next=null,n.prev=this.head,this.head&&(this.cache[this.head].next=e),this.head=e,this.tail||(this.tail=e),t},o.prototype._checkAge=function(e,t){return!(this.maxAge&&Date.now()-t.modified>this.maxAge)||(this.remove(e),this.emit("evict",{key:e,value:t.value}),!1)},o.prototype.get=function(e){if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){var t=this.cache[e];if(this._checkAge(e,t))return this.head!==e&&(e===this.tail?(this.tail=t.next,this.cache[this.tail].prev=null):this.cache[t.prev].next=t.next,this.cache[t.next].prev=t.prev,this.cache[this.head].next=e,t.prev=this.head,t.next=null,this.head=e),t.value}},o.prototype.evict=function(){if(this.tail){var e=this.tail,t=this.remove(this.tail);this.emit("evict",{key:e,value:t})}}},function(e,t,n){"use strict";var r=n(16),i=n(47),o=n(48),s=r.rotl32,c=r.sum32,a=r.sum32_5,l=o.ft_1,u=i.BlockHash,p=[1518500249,1859775393,2400959708,3395469782];function m(){if(!(this instanceof m))return new m;u.call(this),this.h=[1732584193,4023233417,2562383102,271733878,3285377520],this.W=new Array(80)}r.inherits(m,u),e.exports=m,m.blockSize=512,m.outSize=160,m.hmacStrength=80,m.padLength=64,m.prototype._update=function(e,t){for(var n=this.W,r=0;r<16;r++)n[r]=e[t+r];for(;r<n.length;r++)n[r]=s(n[r-3]^n[r-8]^n[r-14]^n[r-16],1);var i=this.h[0],o=this.h[1],u=this.h[2],m=this.h[3],f=this.h[4];for(r=0;r<n.length;r++){var d=~~(r/20),g=a(s(i,5),l(d,o,u,m),f,n[r],p[d]);f=m,m=u,u=s(o,30),o=i,i=g}this.h[0]=c(this.h[0],i),this.h[1]=c(this.h[1],o),this.h[2]=c(this.h[2],u),this.h[3]=c(this.h[3],m),this.h[4]=c(this.h[4],f)},m.prototype._digest=function(e){return"hex"===e?r.toHex32(this.h,"big"):r.split32(this.h,"big")}},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(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)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}},function(e,t,n){var r=n(49);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t,n){var r=n(50),i=n(51),o=n(52);e.exports=function(e){return function(){var t,n=r(e);if(i()){var s=r(this).constructor;t=Reflect.construct(n,arguments,s)}else t=n.apply(this,arguments);return o(this,t)}}},function(e,t,n){"use strict";e.exports=n(54)},function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,i=!1,o=void 0;try{for(var s,c=e[Symbol.iterator]();!(r=(s=c.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(a){i=!0,o=a}finally{try{r||null==c.return||c.return()}finally{if(i)throw o}}return n}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,n){var r=n(20);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,n){var r=n(17);e.exports=function(e){function t(e){for(var t=0,n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return i.colors[Math.abs(t)%i.colors.length]}function i(e){var n;function r(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];if(r.enabled){var s=r,c=Number(new Date),a=c-(n||c);s.diff=a,s.prev=n,s.curr=c,n=c,t[0]=i.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O");var l=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(function(e,n){if("%%"===e)return e;l++;var r=i.formatters[n];if("function"==typeof r){var o=t[l];e=r.call(s,o),t.splice(l,1),l--}return e})),i.formatArgs.call(s,t);var u=s.log||i.log;u.apply(s,t)}}return r.namespace=e,r.enabled=i.enabled(e),r.useColors=i.useColors(),r.color=t(e),r.destroy=o,r.extend=s,"function"==typeof i.init&&i.init(r),i.instances.push(r),r}function o(){var e=i.instances.indexOf(this);return-1!==e&&(i.instances.splice(e,1),!0)}function s(e,t){var n=i(this.namespace+(void 0===t?":":t)+e);return n.log=this.log,n}function c(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return i.debug=i,i.default=i,i.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},i.disable=function(){var e=[].concat(r(i.names.map(c)),r(i.skips.map(c).map((function(e){return"-"+e})))).join(",");return i.enable(""),e},i.enable=function(e){var t;i.save(e),i.names=[],i.skips=[];var n=("string"==typeof e?e:"").split(/[\s,]+/),r=n.length;for(t=0;t<r;t++)n[t]&&("-"===(e=n[t].replace(/\*/g,".*?"))[0]?i.skips.push(new RegExp("^"+e.substr(1)+"$")):i.names.push(new RegExp("^"+e+"$")));for(t=0;t<i.instances.length;t++){var o=i.instances[t];o.enabled=i.enabled(o.namespace)}},i.enabled=function(e){if("*"===e[e.length-1])return!0;var t,n;for(t=0,n=i.skips.length;t<n;t++)if(i.skips[t].test(e))return!1;for(t=0,n=i.names.length;t<n;t++)if(i.names[t].test(e))return!0;return!1},i.humanize=n(42),Object.keys(e).forEach((function(t){i[t]=e[t]})),i.instances=[],i.names=[],i.skips=[],i.formatters={},i.selectColor=t,i.enable(i.load()),i}},function(e,t){var n=1e3,r=6e4,i=60*r,o=24*i;function s(e,t,n,r){var i=t>=1.5*n;return Math.round(e/n)+" "+r+(i?"s":"")}e.exports=function(e,t){t=t||{};var c=typeof e;if("string"===c&&e.length>0)return function(e){if((e=String(e)).length>100)return;var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t)return;var s=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*s;case"weeks":case"week":case"w":return 6048e5*s;case"days":case"day":case"d":return s*o;case"hours":case"hour":case"hrs":case"hr":case"h":return s*i;case"minutes":case"minute":case"mins":case"min":case"m":return s*r;case"seconds":case"second":case"secs":case"sec":case"s":return s*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return s;default:return}}(e);if("number"===c&&isFinite(e))return t.long?function(e){var t=Math.abs(e);if(t>=o)return s(e,t,o,"day");if(t>=i)return s(e,t,i,"hour");if(t>=r)return s(e,t,r,"minute");if(t>=n)return s(e,t,n,"second");return e+" ms"}(e):function(e){var t=Math.abs(e);if(t>=o)return Math.round(e/o)+"d";if(t>=i)return Math.round(e/i)+"h";if(t>=r)return Math.round(e/r)+"m";if(t>=n)return Math.round(e/n)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t,n){"use strict";var r=n(7),i="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,o=n(21),s=n(44),c=n(45),a="function"==typeof Symbol&&Symbol.iterator;function l(e,t){return e&&"object"==typeof e&&null!=e.key?(n=e.key,r={"=":"=0",":":"=2"},"$"+(""+n).replace(/[=:]/g,(function(e){return r[e]}))):t.toString(36);var n,r}function u(e,t,n,r){var o,c=typeof e;if("undefined"!==c&&"boolean"!==c||(e=null),null===e||"string"===c||"number"===c||"object"===c&&e.$$typeof===i)return n(r,e,""===t?"."+l(e,0):t),1;var p=0,m=""===t?".":t+":";if(Array.isArray(e))for(var f=0;f<e.length;f++)p+=u(o=e[f],m+l(o,f),n,r);else{var d=function(e){var t=e&&(a&&e[a]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(d){0;for(var g,b=d.call(e),h=0;!(g=b.next()).done;)p+=u(o=g.value,m+l(o,h++),n,r)}else if("object"===c){0;var y=""+e;s(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"===y?"object with keys {"+Object.keys(e).join(", ")+"}":y,"")}}return p}var p=/\/+/g;function m(e){return(""+e).replace(p,"$&/")}var f,d,g=b,b=function(e){if(this.instancePool.length){var t=this.instancePool.pop();return this.call(t,e),t}return new this(e)},h=function(e){s(e instanceof this,"Trying to release an instance into a pool of a different type."),e.destructor(),this.instancePool.length<this.poolSize&&this.instancePool.push(e)};function y(e,t,n,r){this.result=e,this.keyPrefix=t,this.func=n,this.context=r,this.count=0}function v(e,t,n){var i,s,c=e.result,a=e.keyPrefix,l=e.func,u=e.context,p=l.call(u,t,e.count++);Array.isArray(p)?O(p,c,n,o.thatReturnsArgument):null!=p&&(r.isValidElement(p)&&(i=p,s=a+(!p.key||t&&t.key===p.key?"":m(p.key)+"/")+n,p=r.cloneElement(i,{key:s},void 0!==i.props?i.props.children:void 0)),c.push(p))}function O(e,t,n,r,i){var o="";null!=n&&(o=m(n)+"/");var s=y.getPooled(t,o,r,i);!function(e,t,n){null==e||u(e,"",t,n)}(e,v,s),y.release(s)}y.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},f=function(e,t,n,r){if(this.instancePool.length){var i=this.instancePool.pop();return this.call(i,e,t,n,r),i}return new this(e,t,n,r)},(d=y).instancePool=[],d.getPooled=f||g,d.poolSize||(d.poolSize=10),d.release=h;e.exports=function(e){if("object"!=typeof e||!e||Array.isArray(e))return c(!1,"React.addons.createFragment only accepts a single object. Got: %s",e),e;if(r.isValidElement(e))return c(!1,"React.addons.createFragment does not accept a ReactElement without a wrapper object."),e;s(1!==e.nodeType,"React.addons.createFragment(...): Encountered an invalid child; DOM elements are not valid children of React components.");var t=[];for(var n in e)O(e[n],t,n,o.thatReturnsArgument);return t}},function(e,t,n){"use strict";e.exports=function(e,t,n,r,i,o,s,c){if(!e){var a;if(void 0===t)a=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,i,o,s,c],u=0;(a=new Error(t.replace(/%s/g,(function(){return l[u++]})))).name="Invariant Violation"}throw a.framesToPop=1,a}}},function(e,t,n){"use strict";var r=n(21);e.exports=r},function(e,t,n){"use strict";function r(e){return e.match(/^\{\{\//)?{type:"componentClose",value:e.replace(/\W/g,"")}:e.match(/\/\}\}$/)?{type:"componentSelfClosing",value:e.replace(/\W/g,"")}:e.match(/^\{\{/)?{type:"componentOpen",value:e.replace(/\W/g,"")}:{type:"string",value:e}}e.exports=function(e){return e.split(/(\{\{\/?\s*\w+\s*\/?\}\})/g).map(r)}},function(e,t,n){"use strict";var r=n(16),i=n(23);function o(){this.pending=null,this.pendingTotal=0,this.blockSize=this.constructor.blockSize,this.outSize=this.constructor.outSize,this.hmacStrength=this.constructor.hmacStrength,this.padLength=this.constructor.padLength/8,this.endian="big",this._delta8=this.blockSize/8,this._delta32=this.blockSize/32}t.BlockHash=o,o.prototype.update=function(e,t){if(e=r.toArray(e,t),this.pending?this.pending=this.pending.concat(e):this.pending=e,this.pendingTotal+=e.length,this.pending.length>=this._delta8){var n=(e=this.pending).length%this._delta8;this.pending=e.slice(e.length-n,e.length),0===this.pending.length&&(this.pending=null),e=r.join32(e,0,e.length-n,this.endian);for(var i=0;i<e.length;i+=this._delta32)this._update(e,i,i+this._delta32)}return this},o.prototype.digest=function(e){return this.update(this._pad()),i(null===this.pending),this._digest(e)},o.prototype._pad=function(){var e=this.pendingTotal,t=this._delta8,n=t-(e+this.padLength)%t,r=new Array(n+this.padLength);r[0]=128;for(var i=1;i<n;i++)r[i]=0;if(e<<=3,"big"===this.endian){for(var o=8;o<this.padLength;o++)r[i++]=0;r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=e>>>24&255,r[i++]=e>>>16&255,r[i++]=e>>>8&255,r[i++]=255&e}else for(r[i++]=255&e,r[i++]=e>>>8&255,r[i++]=e>>>16&255,r[i++]=e>>>24&255,r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=0,o=8;o<this.padLength;o++)r[i++]=0;return r}},function(e,t,n){"use strict";var r=n(16).rotr32;function i(e,t,n){return e&t^~e&n}function o(e,t,n){return e&t^e&n^t&n}function s(e,t,n){return e^t^n}t.ft_1=function(e,t,n,r){return 0===e?i(t,n,r):1===e||3===e?s(t,n,r):2===e?o(t,n,r):void 0},t.ch32=i,t.maj32=o,t.p32=s,t.s0_256=function(e){return r(e,2)^r(e,13)^r(e,22)},t.s1_256=function(e){return r(e,6)^r(e,11)^r(e,25)},t.g0_256=function(e){return r(e,7)^r(e,18)^e>>>3},t.g1_256=function(e){return r(e,17)^r(e,19)^e>>>10}},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(t,r)}e.exports=n},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(t)}e.exports=n},function(e,t){e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},function(e,t,n){var r=n(53),i=n(14);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?i(e):t}},function(e,t){function n(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=n=function(e){return typeof e}:e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(t)}e.exports=n},function(e,t,n){"use strict";
|
7 |
+
/** @license React v1.3.0
|
8 |
+
* use-subscription.production.min.js
|
9 |
+
*
|
10 |
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
11 |
+
*
|
12 |
+
* This source code is licensed under the MIT license found in the
|
13 |
+
* LICENSE file in the root directory of this source tree.
|
14 |
+
*/Object.defineProperty(t,"__esModule",{value:!0});var r=n(55),i=n(7);t.useSubscription=function(e){var t=e.getCurrentValue,n=e.subscribe,o=i.useState((function(){return{getCurrentValue:t,subscribe:n,value:t()}}));e=o[0];var s=o[1];return o=e.value,e.getCurrentValue===t&&e.subscribe===n||(o=t(),s({getCurrentValue:t,subscribe:n,value:o})),i.useDebugValue(o),i.useEffect((function(){function e(){if(!i){var e=t();s((function(i){return i.getCurrentValue!==t||i.subscribe!==n||i.value===e?i:r({},i,{value:e})}))}}var i=!1,o=n(e);return e(),function(){i=!0,o()}}),[t,n]),o}},function(e,t,n){"use strict";
|
15 |
+
/*
|
16 |
+
object-assign
|
17 |
+
(c) Sindre Sorhus
|
18 |
+
@license MIT
|
19 |
+
*/var r=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function s(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(i){return!1}}()?Object.assign:function(e,t){for(var n,c,a=s(e),l=1;l<arguments.length;l++){for(var u in n=Object(arguments[l]))i.call(n,u)&&(a[u]=n[u]);if(r){c=r(n);for(var p=0;p<c.length;p++)o.call(n,c[p])&&(a[c[p]]=n[c[p]])}}return a}},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r,i,o,s,c=n(10),a=n.n(c),l=n(8),u=n.n(l),p=n(0),m=n(12),f=n.n(m),d=n(9),g=n(1),b=n(5),h=n.n(b),y=n(4),v=n.n(y),O=n(24),_=n.n(O),j=n(3),w=n(2),C=Object(p.createContext)({activeTab:"one-time"}),E=function(e){var t=e.attributes,n=e.setAttributes,r=e.products,i=e.siteSlug,o=t.monthlyPlanId,s=t.annuallyPlanId,c=t.showCustomAmount;return Object(p.createElement)(j.InspectorControls,null,Object(p.createElement)(w.PanelBody,{title:Object(g.__)("Settings","full-site-editing")},Object(p.createElement)(w.ToggleControl,{checked:!!o,onChange:function(e){return n({monthlyPlanId:e?r["1 month"]:null})},label:Object(g.__)("Show monthly donations","full-site-editing")}),Object(p.createElement)(w.ToggleControl,{checked:!!s,onChange:function(e){return n({annuallyPlanId:e?r["1 year"]:null})},label:Object(g.__)("Show annual donations","full-site-editing")}),Object(p.createElement)(w.ToggleControl,{checked:c,onChange:function(e){return n({showCustomAmount:e})},label:Object(g.__)("Show custom amount option","full-site-editing")}),Object(p.createElement)(w.ExternalLink,{href:"https://wordpress.com/earn/payments/".concat(i)},Object(g.__)("View donation earnings","full-site-editing"))))},x=n(11),S=n.n(x),k=n(17),P=n.n(k),F=n(26),N=n.n(F),A=n(27),T=n.n(A);r={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},i=["(","?"],o={")":["("],":":["?","?:"]},s=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var L={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e<t},"<=":function(e,t){return e<=t},">":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,n){if(e)throw t;return n}};function R(e){var t=function(e){for(var t,n,c,a,l=[],u=[];t=e.match(s);){for(n=t[0],(c=e.substr(0,t.index).trim())&&l.push(c);a=u.pop();){if(o[n]){if(o[n][0]===a){n=o[n][1]||n;break}}else if(i.indexOf(a)>=0||r[a]<r[n]){u.push(a);break}l.push(a)}o[n]||u.push(n),e=e.substr(t.index+n.length)}return(e=e.trim())&&l.push(e),l.concat(u.reverse())}(e);return function(e){return function(e,t){var n,r,i,o,s,c,a=[];for(n=0;n<e.length;n++){if(s=e[n],o=L[s]){for(r=o.length,i=Array(r);r--;)i[r]=a.pop();try{c=o.apply(null,i)}catch(l){return l}}else c=t.hasOwnProperty(s)?t[s]:+s;a.push(c)}return a[0]}(t,e)}}var D={contextDelimiter:"",onMissingKey:null};function M(e,t){var n;for(n in this.data=e,this.pluralForms={},this.options={},D)this.options[n]=void 0!==t&&n in t?t[n]:D[n]}M.prototype.getPluralForm=function(e,t){var n,r,i,o,s=this.pluralForms[e];return s||("function"!=typeof(i=(n=this.data[e][""])["Plural-Forms"]||n["plural-forms"]||n.plural_forms)&&(r=function(e){var t,n,r;for(t=e.split(";"),n=0;n<t.length;n++)if(0===(r=t[n].trim()).indexOf("plural="))return r.substr(7)}(n["Plural-Forms"]||n["plural-forms"]||n.plural_forms),o=R(r),i=function(e){return+o({n:e})}),s=this.pluralForms[e]=i),s(t)},M.prototype.dcnpgettext=function(e,t,n,r,i){var o,s,c;return o=void 0===i?0:this.getPluralForm(e,i),s=n,t&&(s=t+this.options.contextDelimiter+n),(c=this.data[e][s])&&c[o]?c[o]:(this.options.onMissingKey&&this.options.onMissingKey(n,e),0===o?n:r)};var B=n(28),I=n.n(B),$=n(29),U=n.n($),K=n(18),H=/%(((\d+)\$)|(\(([$_a-zA-Z][$_a-zA-Z0-9]*)\)))?[ +0#-]*\d*(\.(\d+|\*))?(ll|[lhqL])?([cduxXefgsp%])/g;function G(e,t){var n;if(!Array.isArray(t))for(t=new Array(arguments.length-1),n=1;n<arguments.length;n++)t[n-1]=arguments[n];return n=1,e.replace(H,(function(){var e,r,i,o,s;return e=arguments[3],r=arguments[5],i=arguments[7],"%"===(o=arguments[9])?"%":("*"===i&&(i=t[n-1],n++),void 0!==r?t[0]&&"object"==typeof t[0]&&t[0].hasOwnProperty(r)&&(s=t[0][r]):(void 0===e&&(e=n),n++,s=t[e-1]),"f"===o?s=parseFloat(s)||0:"d"===o&&(s=parseInt(s)||0),void 0!==i&&("f"===o?s=s.toFixed(i):"s"===o&&(s=s.substr(0,i))),null!=s?s:"")}))}
|
20 |
+
/*
|
21 |
+
* Exposes number format capability
|
22 |
+
*
|
23 |
+
* @copyright Copyright (c) 2013 Kevin van Zonneveld (http://kvz.io) and Contributors (http://phpjs.org/authors).
|
24 |
+
* @license See CREDITS.md
|
25 |
+
* @see https://github.com/kvz/phpjs/blob/ffe1356af23a6f2512c84c954dd4e828e92579fa/functions/strings/number_format.js
|
26 |
+
*/function W(e,t,n,r){e=(e+"").replace(/[^0-9+\-Ee.]/g,"");var i=isFinite(+e)?+e:0,o=isFinite(+t)?Math.abs(t):0,s=void 0===r?",":r,c=void 0===n?".":n,a="";return(a=(o?function(e,t){var n=Math.pow(10,t);return""+(Math.round(e*n)/n).toFixed(t)}(i,o):""+Math.round(i)).split("."))[0].length>3&&(a[0]=a[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,s)),(a[1]||"").length<o&&(a[1]=a[1]||"",a[1]+=new Array(o-a[1].length+1).join("0")),a.join(c)}var V=N()("i18n-calypso"),Z=[function(e){return e}],z={};function Y(){ee.throwErrors&&"undefined"!=typeof window&&window.console&&window.console.warn&&window.console.warn.apply(window.console,arguments)}function J(e){return Array.prototype.slice.call(e)}function q(e){var t=e[0];("string"!=typeof t||e.length>3||e.length>2&&"object"==typeof e[1]&&"object"==typeof e[2])&&Y("Deprecated Invocation: `translate()` accepts ( string, [string], [object] ). These arguments passed:",J(e),". See https://github.com/Automattic/i18n-calypso#translate-method"),2===e.length&&"string"==typeof t&&"string"==typeof e[1]&&Y("Invalid Invocation: `translate()` requires an options object for plural translations, but passed:",J(e));for(var n={},r=0;r<e.length;r++)"object"==typeof e[r]&&(n=e[r]);if("string"==typeof t?n.original=t:"object"==typeof n.original&&(n.plural=n.original.plural,n.count=n.original.count,n.original=n.original.single),"string"==typeof e[1]&&(n.plural=e[1]),void 0===n.original)throw new Error("Translate called without a `string` value as first argument.");return n}function X(e,t){return e.dcnpgettext("messages",t.context,t.original,t.plural,t.count)}function Q(e,t){for(var n=Z.length-1;n>=0;n--){var r=Z[n](Object.assign({},t)),i=r.context?r.context+""+r.original:r.original;if(e.state.locale[i])return X(e.state.tannin,r)}return null}function ee(){if(!(this instanceof ee))return new ee;this.defaultLocaleSlug="en",this.defaultPluralForms=function(e){return 1===e?0:1},this.state={numberFormatSettings:{},tannin:void 0,locale:void 0,localeSlug:void 0,textDirection:void 0,translations:I()({max:100})},this.componentUpdateHooks=[],this.translateHooks=[],this.stateObserver=new K.EventEmitter,this.stateObserver.setMaxListeners(0),this.configure()}ee.throwErrors=!1,ee.prototype.on=function(){var e;(e=this.stateObserver).on.apply(e,arguments)},ee.prototype.off=function(){var e;(e=this.stateObserver).off.apply(e,arguments)},ee.prototype.emit=function(){var e;(e=this.stateObserver).emit.apply(e,arguments)},ee.prototype.numberFormat=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n="number"==typeof t?t:t.decimals||0,r=t.decPoint||this.state.numberFormatSettings.decimal_point||".",i=t.thousandsSep||this.state.numberFormatSettings.thousands_sep||",";return W(e,n,r,i)},ee.prototype.configure=function(e){Object.assign(this,e||{}),this.setLocale()},ee.prototype.setLocale=function(e){var t,n,r;if(e&&e[""]&&e[""]["key-hash"]){var i=e[""]["key-hash"],o=function(e,t){var n=!1===t?"":String(t);if(void 0!==z[n+e])return z[n+e];var r=U()().update(e).digest("hex");return z[n+e]=t?r.substr(0,t):r},s=function(e){return function(t){return t.context?(t.original=o(t.context+String.fromCharCode(4)+t.original,e),delete t.context):t.original=o(t.original,e),t}};if("sha1"===i.substr(0,4))if(4===i.length)Z.push(s(!1));else{var c=i.substr(5).indexOf("-");if(c<0){var a=Number(i.substr(5));Z.push(s(a))}else for(var l=Number(i.substr(5,c)),u=Number(i.substr(6+c)),p=l;p<=u;p++)Z.push(s(p))}}if(e&&e[""].localeSlug)if(e[""].localeSlug===this.state.localeSlug){if(e===this.state.locale)return;Object.assign(this.state.locale,e)}else this.state.locale=Object.assign({},e);else this.state.locale={"":{localeSlug:this.defaultLocaleSlug,plural_forms:this.defaultPluralForms}};this.state.localeSlug=this.state.locale[""].localeSlug,this.state.textDirection=(null===(t=this.state.locale["text directionltr"])||void 0===t?void 0:t[0])||(null===(n=this.state.locale[""])||void 0===n||null===(r=n.momentjs_locale)||void 0===r?void 0:r.textDirection),this.state.tannin=new M(S()({},"messages",this.state.locale)),this.state.numberFormatSettings.decimal_point=X(this.state.tannin,q(["number_format_decimals"])),this.state.numberFormatSettings.thousands_sep=X(this.state.tannin,q(["number_format_thousands_sep"])),"number_format_decimals"===this.state.numberFormatSettings.decimal_point&&(this.state.numberFormatSettings.decimal_point="."),"number_format_thousands_sep"===this.state.numberFormatSettings.thousands_sep&&(this.state.numberFormatSettings.thousands_sep=","),this.stateObserver.emit("change")},ee.prototype.getLocale=function(){return this.state.locale},ee.prototype.getLocaleSlug=function(){return this.state.localeSlug},ee.prototype.isRtl=function(){return"rtl"===this.state.textDirection},ee.prototype.addTranslations=function(e){for(var t in e)""!==t&&(this.state.tannin.data.messages[t]=e[t]);this.stateObserver.emit("change")},ee.prototype.hasTranslation=function(){return!!Q(this,q(arguments))},ee.prototype.translate=function(){var e=q(arguments),t=Q(this,e);if(t||(t=X(this.state.tannin,e)),e.args){var n=Array.isArray(e.args)?e.args.slice(0):[e.args];n.unshift(t);try{t=G.apply(void 0,P()(n))}catch(i){if(!window||!window.console)return;var r=this.throwErrors?"error":"warn";"string"!=typeof i?window.console[r](i):window.console[r]("i18n sprintf error:",n)}}return e.components&&(t=T()({mixedString:t,components:e.components,throwErrors:this.throwErrors})),this.translateHooks.forEach((function(n){t=n(t,e)})),t},ee.prototype.reRenderTranslations=function(){V("Re-rendering all translations due to external request"),this.stateObserver.emit("change")},ee.prototype.registerComponentUpdateHook=function(e){this.componentUpdateHooks.push(e)},ee.prototype.registerTranslateHook=function(e){this.translateHooks.push(e)};var te=ee,ne=n(30),re=n.n(ne),ie=n(31),oe=n.n(ie),se=n(14),ce=n.n(se),ae=n(32),le=n.n(ae),ue=n(33),pe=n.n(ue),me=n(7),fe=n.n(me),de=n(34),ge=n(13);var be,he,ye=new te,ve=ye.numberFormat.bind(ye),Oe=(ye.translate.bind(ye),ye.configure.bind(ye),ye.setLocale.bind(ye),ye.getLocale.bind(ye),ye.getLocaleSlug.bind(ye),ye.addTranslations.bind(ye),ye.reRenderTranslations.bind(ye),ye.registerComponentUpdateHook.bind(ye),ye.registerTranslateHook.bind(ye),ye.state,ye.stateObserver,ye.on.bind(ye),ye.off.bind(ye),ye.emit.bind(ye),he={numberFormat:(be=ye).numberFormat.bind(be),translate:be.translate.bind(be)},function(e){function t(){var t=e.translate.bind(e);return Object.defineProperty(t,"localeSlug",{get:e.getLocaleSlug.bind(e)}),t}}(ye),function(e){var t={getCurrentValue:function(){return e.isRtl()},subscribe:function(t){return e.on("change",t),function(){return e.off("change",t)}}};function n(){return Object(de.useSubscription)(t)}var r=Object(ge.createHigherOrderComponent)((function(e){return Object(me.forwardRef)((function(t,r){var i=n();return fe.a.createElement(e,h()({},t,{isRtl:i,ref:r}))}))}),"WithRTL");return{useRtl:n,withRtl:r}}(ye)),_e=(Oe.useRtl,Oe.withRtl,{AED:{symbol:"د.إ.",grouping:",",decimal:".",precision:2},AFN:{symbol:"؋",grouping:",",decimal:".",precision:2},ALL:{symbol:"Lek",grouping:".",decimal:",",precision:2},AMD:{symbol:"֏",grouping:",",decimal:".",precision:2},ANG:{symbol:"ƒ",grouping:",",decimal:".",precision:2},AOA:{symbol:"Kz",grouping:",",decimal:".",precision:2},ARS:{symbol:"$",grouping:".",decimal:",",precision:2},AUD:{symbol:"A$",grouping:",",decimal:".",precision:2},AWG:{symbol:"ƒ",grouping:",",decimal:".",precision:2},AZN:{symbol:"₼",grouping:" ",decimal:",",precision:2},BAM:{symbol:"КМ",grouping:".",decimal:",",precision:2},BBD:{symbol:"Bds$",grouping:",",decimal:".",precision:2},BDT:{symbol:"৳",grouping:",",decimal:".",precision:0},BGN:{symbol:"лв.",grouping:" ",decimal:",",precision:2},BHD:{symbol:"د.ب.",grouping:",",decimal:".",precision:3},BIF:{symbol:"FBu",grouping:",",decimal:".",precision:0},BMD:{symbol:"$",grouping:",",decimal:".",precision:2},BND:{symbol:"$",grouping:".",decimal:",",precision:0},BOB:{symbol:"Bs",grouping:".",decimal:",",precision:2},BRL:{symbol:"R$",grouping:".",decimal:",",precision:2},BSD:{symbol:"$",grouping:",",decimal:".",precision:2},BTC:{symbol:"Ƀ",grouping:",",decimal:".",precision:2},BTN:{symbol:"Nu.",grouping:",",decimal:".",precision:1},BWP:{symbol:"P",grouping:",",decimal:".",precision:2},BYR:{symbol:"р.",grouping:" ",decimal:",",precision:2},BZD:{symbol:"BZ$",grouping:",",decimal:".",precision:2},CAD:{symbol:"C$",grouping:",",decimal:".",precision:2},CDF:{symbol:"FC",grouping:",",decimal:".",precision:2},CHF:{symbol:"CHF",grouping:"'",decimal:".",precision:2},CLP:{symbol:"$",grouping:".",decimal:",",precision:2},CNY:{symbol:"¥",grouping:",",decimal:".",precision:2},COP:{symbol:"$",grouping:".",decimal:",",precision:2},CRC:{symbol:"₡",grouping:".",decimal:",",precision:2},CUC:{symbol:"CUC",grouping:",",decimal:".",precision:2},CUP:{symbol:"$MN",grouping:",",decimal:".",precision:2},CVE:{symbol:"$",grouping:",",decimal:".",precision:2},CZK:{symbol:"Kč",grouping:" ",decimal:",",precision:2},DJF:{symbol:"Fdj",grouping:",",decimal:".",precision:0},DKK:{symbol:"kr.",grouping:"",decimal:",",precision:2},DOP:{symbol:"RD$",grouping:",",decimal:".",precision:2},DZD:{symbol:"د.ج.",grouping:",",decimal:".",precision:2},EGP:{symbol:"ج.م.",grouping:",",decimal:".",precision:2},ERN:{symbol:"Nfk",grouping:",",decimal:".",precision:2},ETB:{symbol:"ETB",grouping:",",decimal:".",precision:2},EUR:{symbol:"€",grouping:".",decimal:",",precision:2},FJD:{symbol:"FJ$",grouping:",",decimal:".",precision:2},FKP:{symbol:"£",grouping:",",decimal:".",precision:2},GBP:{symbol:"£",grouping:",",decimal:".",precision:2},GEL:{symbol:"Lari",grouping:" ",decimal:",",precision:2},GHS:{symbol:"₵",grouping:",",decimal:".",precision:2},GIP:{symbol:"£",grouping:",",decimal:".",precision:2},GMD:{symbol:"D",grouping:",",decimal:".",precision:2},GNF:{symbol:"FG",grouping:",",decimal:".",precision:0},GTQ:{symbol:"Q",grouping:",",decimal:".",precision:2},GYD:{symbol:"G$",grouping:",",decimal:".",precision:2},HKD:{symbol:"HK$",grouping:",",decimal:".",precision:2},HNL:{symbol:"L.",grouping:",",decimal:".",precision:2},HRK:{symbol:"kn",grouping:".",decimal:",",precision:2},HTG:{symbol:"G",grouping:",",decimal:".",precision:2},HUF:{symbol:"Ft",grouping:".",decimal:",",precision:0},IDR:{symbol:"Rp",grouping:".",decimal:",",precision:0},ILS:{symbol:"₪",grouping:",",decimal:".",precision:2},INR:{symbol:"₹",grouping:",",decimal:".",precision:2},IQD:{symbol:"د.ع.",grouping:",",decimal:".",precision:2},IRR:{symbol:"﷼",grouping:",",decimal:"/",precision:2},ISK:{symbol:"kr.",grouping:".",decimal:",",precision:0},JMD:{symbol:"J$",grouping:",",decimal:".",precision:2},JOD:{symbol:"د.ا.",grouping:",",decimal:".",precision:3},JPY:{symbol:"¥",grouping:",",decimal:".",precision:0},KES:{symbol:"S",grouping:",",decimal:".",precision:2},KGS:{symbol:"сом",grouping:" ",decimal:"-",precision:2},KHR:{symbol:"៛",grouping:",",decimal:".",precision:0},KMF:{symbol:"CF",grouping:",",decimal:".",precision:2},KPW:{symbol:"₩",grouping:",",decimal:".",precision:0},KRW:{symbol:"₩",grouping:",",decimal:".",precision:0},KWD:{symbol:"د.ك.",grouping:",",decimal:".",precision:3},KYD:{symbol:"$",grouping:",",decimal:".",precision:2},KZT:{symbol:"₸",grouping:" ",decimal:"-",precision:2},LAK:{symbol:"₭",grouping:",",decimal:".",precision:0},LBP:{symbol:"ل.ل.",grouping:",",decimal:".",precision:2},LKR:{symbol:"₨",grouping:",",decimal:".",precision:0},LRD:{symbol:"L$",grouping:",",decimal:".",precision:2},LSL:{symbol:"M",grouping:",",decimal:".",precision:2},LYD:{symbol:"د.ل.",grouping:",",decimal:".",precision:3},MAD:{symbol:"د.م.",grouping:",",decimal:".",precision:2},MDL:{symbol:"lei",grouping:",",decimal:".",precision:2},MGA:{symbol:"Ar",grouping:",",decimal:".",precision:0},MKD:{symbol:"ден.",grouping:".",decimal:",",precision:2},MMK:{symbol:"K",grouping:",",decimal:".",precision:2},MNT:{symbol:"₮",grouping:" ",decimal:",",precision:2},MOP:{symbol:"MOP$",grouping:",",decimal:".",precision:2},MRO:{symbol:"UM",grouping:",",decimal:".",precision:2},MTL:{symbol:"₤",grouping:",",decimal:".",precision:2},MUR:{symbol:"₨",grouping:",",decimal:".",precision:2},MVR:{symbol:"MVR",grouping:",",decimal:".",precision:1},MWK:{symbol:"MK",grouping:",",decimal:".",precision:2},MXN:{symbol:"MX$",grouping:",",decimal:".",precision:2},MYR:{symbol:"RM",grouping:",",decimal:".",precision:2},MZN:{symbol:"MT",grouping:",",decimal:".",precision:0},NAD:{symbol:"N$",grouping:",",decimal:".",precision:2},NGN:{symbol:"₦",grouping:",",decimal:".",precision:2},NIO:{symbol:"C$",grouping:",",decimal:".",precision:2},NOK:{symbol:"kr",grouping:" ",decimal:",",precision:2},NPR:{symbol:"₨",grouping:",",decimal:".",precision:2},NZD:{symbol:"NZ$",grouping:",",decimal:".",precision:2},OMR:{symbol:"﷼",grouping:",",decimal:".",precision:3},PAB:{symbol:"B/.",grouping:",",decimal:".",precision:2},PEN:{symbol:"S/.",grouping:",",decimal:".",precision:2},PGK:{symbol:"K",grouping:",",decimal:".",precision:2},PHP:{symbol:"₱",grouping:",",decimal:".",precision:2},PKR:{symbol:"₨",grouping:",",decimal:".",precision:2},PLN:{symbol:"zł",grouping:" ",decimal:",",precision:2},PYG:{symbol:"₲",grouping:".",decimal:",",precision:2},QAR:{symbol:"﷼",grouping:",",decimal:".",precision:2},RON:{symbol:"lei",grouping:".",decimal:",",precision:2},RSD:{symbol:"Дин.",grouping:".",decimal:",",precision:2},RUB:{symbol:"₽",grouping:" ",decimal:",",precision:2},RWF:{symbol:"RWF",grouping:" ",decimal:",",precision:2},SAR:{symbol:"﷼",grouping:",",decimal:".",precision:2},SBD:{symbol:"S$",grouping:",",decimal:".",precision:2},SCR:{symbol:"₨",grouping:",",decimal:".",precision:2},SDD:{symbol:"LSd",grouping:",",decimal:".",precision:2},SDG:{symbol:"£",grouping:",",decimal:".",precision:2},SEK:{symbol:"kr",grouping:",",decimal:".",precision:2},SGD:{symbol:"S$",grouping:",",decimal:".",precision:2},SHP:{symbol:"£",grouping:",",decimal:".",precision:2},SLL:{symbol:"Le",grouping:",",decimal:".",precision:2},SOS:{symbol:"S",grouping:",",decimal:".",precision:2},SRD:{symbol:"$",grouping:",",decimal:".",precision:2},STD:{symbol:"Db",grouping:",",decimal:".",precision:2},SVC:{symbol:"₡",grouping:",",decimal:".",precision:2},SYP:{symbol:"£",grouping:",",decimal:".",precision:2},SZL:{symbol:"E",grouping:",",decimal:".",precision:2},THB:{symbol:"฿",grouping:",",decimal:".",precision:2},TJS:{symbol:"TJS",grouping:" ",decimal:";",precision:2},TMT:{symbol:"m",grouping:" ",decimal:",",precision:0},TND:{symbol:"د.ت.",grouping:",",decimal:".",precision:3},TOP:{symbol:"T$",grouping:",",decimal:".",precision:2},TRY:{symbol:"TL",grouping:".",decimal:",",precision:2},TTD:{symbol:"TT$",grouping:",",decimal:".",precision:2},TVD:{symbol:"$T",grouping:",",decimal:".",precision:2},TWD:{symbol:"NT$",grouping:",",decimal:".",precision:2},TZS:{symbol:"TSh",grouping:",",decimal:".",precision:2},UAH:{symbol:"₴",grouping:" ",decimal:",",precision:2},UGX:{symbol:"USh",grouping:",",decimal:".",precision:2},USD:{symbol:"$",grouping:",",decimal:".",precision:2},UYU:{symbol:"$U",grouping:".",decimal:",",precision:2},UZS:{symbol:"сўм",grouping:" ",decimal:",",precision:2},VEB:{symbol:"Bs.",grouping:",",decimal:".",precision:2},VEF:{symbol:"Bs. F.",grouping:".",decimal:",",precision:2},VND:{symbol:"₫",grouping:".",decimal:",",precision:1},VUV:{symbol:"VT",grouping:",",decimal:".",precision:0},WST:{symbol:"WS$",grouping:",",decimal:".",precision:2},XAF:{symbol:"F",grouping:",",decimal:".",precision:2},XCD:{symbol:"$",grouping:",",decimal:".",precision:2},XOF:{symbol:"F",grouping:" ",decimal:",",precision:2},XPF:{symbol:"F",grouping:",",decimal:".",precision:2},YER:{symbol:"﷼",grouping:",",decimal:".",precision:2},ZAR:{symbol:"R",grouping:" ",decimal:",",precision:2},ZMW:{symbol:"ZK",grouping:",",decimal:".",precision:2},WON:{symbol:"₩",grouping:",",decimal:".",precision:2}});function je(e){return _e[e]||{symbol:"$",grouping:",",decimal:".",precision:2}}function we(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=je(t);if(!r||isNaN(e))return null;var i=a()({},r,{},n),o=i.decimal,s=i.grouping,c=i.precision,l=i.symbol,u=e<0?"-":"",p=ve(Math.abs(e),{decimals:c,thousandsSep:s,decPoint:o});return n.stripZeros&&(p=Ce(p,o)),"".concat(u).concat(l).concat(p)}function Ce(e,t){var n=new RegExp("\\".concat(t,"0+$"));return e.replace(n,"")}var Ee=n(25),xe=n(6),Se=n(15);function ke(e){var t=e.className,n=e.tab,r=e.label,i=e.selectedTab,o=e.onSelected,s=(n.id===i.id?["is-pressed","is-active"]:[]).concat([t,"components-button","components-tab-button"]);return Object(p.createElement)("button",{type:"button",onClick:function(){return o(n)},className:s.join(" ")},r)}function Pe(e){var t=e.className,n=e.tabs,r=e.selectedTab,i=e.onSelected,o=e.selectBlock;return Object(p.createElement)("div",{className:"premium-content-tabs block-editor-block-toolbar"},n.map((function(n){return Object(p.createElement)(ke,h()({key:n.id},e,{tab:n,selectedTab:r,className:"".concat(t,"--tab"),label:n.label,onSelected:i}))})),Object(p.createElement)("button",{onClick:function(){Object(xe.select)("core/edit-post").isEditorSidebarOpened()||Object(xe.dispatch)("core/edit-post").openGeneralSidebar("edit-post/block"),o()},className:"edit components-button is-button is-secondary"},Object(g.__)("Edit","full-site-editing")))}function Fe(){return Object(p.createElement)("div",{className:"premium-content-wrapper"},Object(p.createElement)(j.InnerBlocks,{allowedBlocks:["premium-content/subscriber-view","premium-content/logged-out-view"],templateLock:"all",template:[["premium-content/subscriber-view"],["premium-content/logged-out-view"]]}))}function Ne(e){var t=e.className,n=e.plan,r=e.selectedPlan,i=e.onSelected,o=e.onClose,s=e.getPlanDescription,c=r&&n.id===r.id,a=(c?["is-selected"]:[]).concat([t]).join(" "),l=c?"yes":void 0,u=null;return n&&(u=" "+s(n)),Object(p.createElement)(w.MenuItem,{onClick:function(e){e.preventDefault(),i(n),o()},className:a,key:n.id,value:n.id,selected:c,icon:l},n.title," : ",u)}function Ae(e){var t=e.plans,n=e.selectedPlan,r=e.onSelected;return Object(p.createElement)(w.MenuGroup,null,t.map((function(t){return Object(p.createElement)(Ne,h()({},e,{key:t.id,selectedPlan:n,onSelected:r,plan:t}))})))}function Te(e){return Object(p.createElement)(w.MenuGroup,null,Object(p.createElement)(w.MenuItem,{onClick:function(t){t.preventDefault(),Object(xe.select)("core/edit-post").isEditorSidebarOpened()||Object(xe.dispatch)("core/edit-post").openGeneralSidebar("edit-post/block");var n=document.getElementById("new-plan-name");null!==n&&n.focus(),e.onClose()}},Object(g.__)("Add a new subscription","full-site-editing")))}function Le(e){var t=e.selectedPlanId,n=e.onSelected,r=e.plans,i=e.getPlanDescription,o=r.find((function(e){return e.id===t})),s=null;return o&&(s=" "+i(o)),Object(p.createElement)(j.BlockControls,null,Object(p.createElement)(w.Toolbar,null,Object(p.createElement)(w.DropdownMenu,{icon:Object(p.createElement)(p.Fragment,null,Object(p.createElement)(w.Dashicon,{icon:"update"})," ",s&&Object(p.createElement)(p.Fragment,null,s)),label:Object(g.__)("Select a plan","full-site-editing"),className:"premium-content-toolbar-button"},(function(t){var r=t.onClose;return Object(p.createElement)(p.Fragment,null,Object(p.createElement)(Ae,h()({},e,{onSelected:n,onClose:r,selectedPlan:o})),Object(p.createElement)(Te,h()({},e,{onClose:r})))}))))}function Re(e){var t=Object(p.useState)(0),n=v()(t,2),r=n[0],i=n[1],o=e.attributes,s=e.setAttributes,c=e.className,a=e.savePlan,l=(e.currencies,e.siteSlug);return Object(p.createElement)(j.InspectorControls,null,l&&Object(p.createElement)(w.ExternalLink,{href:"https://wordpress.com/earn/payments/".concat(l),className:"wp-block-premium-content-container---link-to-earn"},Object(g.__)("Manage your subscriptions.","full-site-editing")),Object(p.createElement)(w.PanelBody,{title:"Add a new subscription",initialOpen:!0,className:"".concat(c,"---settings-add_plan")},1===r&&Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Premium Content","full-site-editing"),instructions:Object(g.__)("Saving plan…","full-site-editing")},Object(p.createElement)(w.Spinner,null)),0===r&&Object(p.createElement)("div",null,Object(p.createElement)(w.PanelRow,{className:"plan-name"},Object(p.createElement)(w.TextControl,{id:"new-plan-name",label:"Name",value:o.newPlanName,onChange:function(e){return s({newPlanName:e})}})),Object(p.createElement)(w.PanelRow,{className:"plan-price"},Object(p.createElement)(w.SelectControl,{label:"Currency",onChange:function(e){return s({newPlanCurrency:e})},value:o.newPlanCurrency,options:He}),Object(p.createElement)(w.TextControl,{label:"Price",value:o.newPlanPrice,onChange:function(e){return s({newPlanPrice:parseFloat(e)})},type:"number"})),Object(p.createElement)(w.PanelRow,{className:"plan-interval"},Object(p.createElement)(w.SelectControl,{label:"Interval",onChange:function(e){return s({newPlanInterval:e})},value:o.newPlanInterval,options:[{label:"Month",value:"1 month"},{label:"Year",value:"1 year"}]})),Object(p.createElement)(w.PanelRow,null,Object(p.createElement)(w.Button,{isSecondary:!0,isLarge:!0,onClick:function(t){t.preventDefault(),i(1),a(e.attributes,(function(e){i(0),e&&(s({newPlanPrice:5}),s({newPlanName:""}))}))}},Object(g.__)("Add subscription","full-site-editing"))))))}var De=Object(ge.compose)([Object(xe.withDispatch)((function(e,t){var n,r=t.stripeConnectUrl;return{autosaveAndRedirect:(n=u()(regeneratorRuntime.mark((function t(n){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.preventDefault(),t.next=3,e("core/editor").savePost();case 3:window.top.location.href=r;case 4:case"end":return t.stop()}}),t)}))),function(e){return n.apply(this,arguments)})}}))])((function(e){var t=e.autosaveAndRedirect,n=e.stripeConnectUrl;return Object(p.createElement)(j.Warning,{actions:n&&[Object(p.createElement)(w.Button,{key:"connect",href:n,onClick:t,target:"_top",isDefault:!0,className:"premium-content-block-nudge__button stripe-nudge__button"},Object(g.__)("Connect","full-site-editing"))],className:"premium-content-block-nudge"},Object(p.createElement)("span",{className:"premium-content-block-nudge__info"},Object(p.createElement)(w.Dashicon,{icon:"star-filled"}),Object(p.createElement)("span",{className:"premium-content-block-nudge__text-container"},Object(p.createElement)("span",{className:"premium-content-block-nudge__title"},Object(g.__)("Connect to Stripe to use this block on your site","full-site-editing")),Object(p.createElement)("span",{className:"premium-content-block-nudge__message"},Object(g.__)("This block will be hidden from your visitors until you connect to Stripe.","full-site-editing")))))})),Me={selectedTab:{id:"",className:"",label:Object(p.createElement)(p.Fragment,null)},stripeNudge:null},Be=Object(p.createContext)(Me),Ie=[{id:"premium",label:Object(p.createElement)("span",null,Object(g.__)("Subscriber View","full-site-editing")),className:"wp-premium-content-subscriber-view"},{id:"wall",label:Object(p.createElement)("span",null,Object(g.__)("Non-subscriber View","full-site-editing")),className:"wp-premium-content-logged-out-view"}],$e=[];function Ue(e,t){var n=e.noticeOperations;n.removeAllNotices(),n.createErrorNotice(t)}Object(ge.compose)([Object(xe.withSelect)((function(e,t){return{postId:(0,e("core/editor").getCurrentPostId)(),containerClientId:e("core/block-editor").getBlockHierarchyRootClientId(t.clientId)}})),w.withNotices,Object(xe.withDispatch)((function(e,t){var n=e("core/block-editor");return{selectBlock:function(){n.selectBlock(t.containerClientId)}}}))])((function(e){var t=Object(p.useState)(Ie[1]),n=v()(t,2),r=n[0],i=n[1],o=Object(p.useState)(!1),s=v()(o,2),c=s[0],a=s[1],l=Object(p.useState)($e),u=v()(l,2),m=u[0],d=u[1],b=Object(p.useState)(null),y=v()(b,2),O=y[0],_=y[1],j=Object(p.useState)(0),C=v()(j,2),E=C[0],x=C[1],S=Object(p.useState)(!1),k=v()(S,2),P=k[0],F=k[1],N=Object(p.useState)(""),A=v()(N,2),T=A[0],L=A[1],R=Object(p.useState)(""),D=v()(R,2),M=D[0],B=D[1];function I(t,n){if(!t.newPlanName||0===t.newPlanName.length)return Ue(e,Object(g.__)("Plan requires a name","full-site-editing")),void n(!1);var r,i,o=parseFloat(t.newPlanPrice),s=Ge(t.newPlanCurrency),c=Object(g.sprintf)(Object(g.__)("Minimum allowed price is %s.","full-site-editing"),we(s,t.newPlanCurrency));if(o<s)return Ue(e,c),void n(!1);if(r=t.newPlanCurrency,i=o,isNaN(i)||!(i>=Ge(r)))return Ue(e,Object(g.__)("Plan requires a valid price","full-site-editing")),void n(!1);var a={path:"/wpcom/v2/memberships/product",method:"POST",data:{currency:t.newPlanCurrency,price:t.newPlanPrice,title:t.newPlanName,interval:t.newPlanInterval}};f()(a).then((function(t){var r={id:t.id,title:t.title,interval:t.interval,price:t.price,currency:t.currency};d(m.concat([r])),$(r),function(e,t){var n=e.noticeOperations;n.removeAllNotices(),n.createNotice({status:"info",content:t})}(e,Object(g.__)("Successfully created plan","full-site-editing")),n&&n(!0)}),(function(){Ue(e,Object(g.__)("There was an error when adding the plan.","full-site-editing")),n&&n(!1)}))}function $(t){e.setAttributes({selectedPlanId:t.id})}var U=Object(p.useRef)(null);!function(e,t){function n(n){e.current&&n.target&&n.target instanceof Node&&!e.current.contains(n.target)?t(!1):t(!0)}Object(p.useEffect)((function(){return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}}))}(U,a);var K=e.isSelected,H=e.className;if(Object(p.useEffect)((function(){var t={path:"/wpcom/v2/memberships/status",method:"GET"};f()(t).then((function(t){if(t||"object"==typeof t){if(t.errors&&Object.values(t.errors)&&Object.values(t.errors)[0][0])return x(2),void Ue(e,Object.values(t.errors)[0][0]);_(t.connect_url),F(t.should_upgrade_to_access_memberships),L(t.upgrade_url),B(t.site_slug),t.products&&0===t.products.length&&!t.should_upgrade_to_access_memberships&&t.connected_account_id?I({newPlanCurrency:"USD",newPlanPrice:5,newPlanName:Object(g.__)("Monthly Subscription","full-site-editing"),newPlanInterval:"1 month"},(function(){x(t.connected_account_id?1:2)})):(t.products&&t.products.length>0&&(d(t.products),e.attributes.selectedPlanId||$(t.products[0])),x(t.connected_account_id?1:2))}}),(function(t){_(null),x(2),Ue(e,t.message)})),e.selectBlock()}),[]),0===E)return Object(p.createElement)("div",{className:H,ref:U},e.noticeUI,Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Premium Content","full-site-editing"),instructions:Object(g.__)("Loading data…","full-site-editing")},Object(p.createElement)(w.Spinner,null)));if(P)return Object(p.createElement)("div",{className:H,ref:U},e.noticeUI,Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Premium Content","full-site-editing"),instructions:Object(g.__)("You'll need to upgrade your plan to use the Premium Content block.","full-site-editing")},Object(p.createElement)(w.Button,{isSecondary:!0,isLarge:!0,href:T,target:"_blank",className:"premium-content-block-nudge__button plan-nudge__button"},Object(g.__)("Upgrade Your Plan","full-site-editing")),Object(p.createElement)("div",{className:"membership-button__disclaimer"},Object(p.createElement)(w.ExternalLink,{href:"https://wordpress.com/support/premium-content-block/"},Object(g.__)("Read more about Premium Content and related fees.","full-site-editing")))));var G=null;if(!P&&1!==E&&O){var W=function(e,t){var n,r=e.postId;if(!Object(Se.isURL)(t))return null;if(!r)return t;try{var i=Object(Se.getQueryArg)(t,"state");"string"==typeof i&&(n=JSON.parse(atob(i)))}catch(o){return t}return n.from_editor_post_id=r,Object(Se.addQueryArgs)(t,{state:btoa(JSON.stringify(n))})}(e,O);G=Object(p.createElement)(De,h()({},e,{stripeConnectUrl:W}))}return Object(p.createElement)("div",{className:H,ref:U},e.noticeUI,(K||c)&&1===E&&Object(p.createElement)(Le,h()({},e,{plans:m,selectedPlanId:e.attributes.selectedPlanId,onSelected:$,getPlanDescription:function(e){var t=we(parseFloat(e.price),e.currency);return"1 month"===e.interval?Object(g.sprintf)(Object(g.__)("%s / month","full-site-editing"),t):"1 year"===e.interval?Object(g.sprintf)(Object(g.__)("%s / year","full-site-editing"),t):"one-time"===e.interval?t:Object(g.sprintf)(Object(g.__)("%s / %s","full-site-editing"),t,e.interval)}})),(K||c)&&1===E&&Object(p.createElement)(Re,h()({},e,{savePlan:I,siteSlug:M})),(K||c)&&Object(p.createElement)(Pe,h()({},e,{tabs:Ie,selectedTab:r,onSelected:i})),Object(p.createElement)(Be.Provider,{value:{selectedTab:r,stripeNudge:G}},Object(p.createElement)(Fe,null)))}));Object(g.__)("Premium Content","full-site-editing"),Object(g.__)("Restrict access to your content for paying subscribers.","full-site-editing"),Object(p.createElement)("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(p.createElement)("path",{d:"M12.7439 14.4271L8.64053 13.165L8.51431 13.8718L8.09208 20.7415C8.06165 21.2365 8.61087 21.5526 9.02363 21.2776L12.7439 18.799L16.7475 21.304C17.1687 21.5676 17.7094 21.2343 17.6631 20.7396L17.0212 13.8718L17.0212 13.165L12.7439 14.4271Z",fill:"black"}),Object(p.createElement)("circle",{cx:"12.7439",cy:"8.69796",r:"5.94466",stroke:"black",strokeWidth:"1.5",fill:"none"}),Object(p.createElement)("path",{d:"M9.71023 8.12461L11.9543 10.3687L15.7776 6.54533",stroke:"black",strokeWidth:"1.5",fill:"none"})),Object(g.__)("premium","full-site-editing"),Object(g.__)("paywall","full-site-editing");var Ke={USD:.5,AUD:.5,BRL:.5,CAD:.5,CHF:.5,DKK:2.5,EUR:.5,GBP:.3,HKD:4,INR:.5,JPY:50,MXN:10,NOK:3,NZD:.5,PLN:2,SEK:3,SGD:.5},He=Object.keys(Ke).map((function(e){var t=je(e).symbol;return{value:e,label:t===e?e:"".concat(e," ").concat(Object(Ee.trimEnd)(t,"."))}}));function Ge(e){return Ke[e]}var We={heading:{"one-time":"oneTimeHeading","1 month":"monthlyHeading","1 year":"annualHeading"},buttonText:{"one-time":"oneTimeButtonText","1 month":"monthlyButtonText","1 year":"annualButtonText"}},Ve=function(e){var t=e.attributes,n=e.interval,r=e.setAttributes,i=function(e){return e in We?t[We[e][n]]:t[e]},o=function(e,t){return r(e in We?S()({},We[e][n],t):S()({},e,t))},s=i("currency"),c=Ge(s),a=[10*c,30*c,200*c],l=100*c;return Object(p.createElement)(C.Consumer,null,(function(e){var t=e.activeTab;return Object(p.createElement)("div",{hidden:t!==n},Object(p.createElement)(j.RichText,{tagName:j.__experimentalBlock.h4,placeholder:Object(g.__)("Write a message…","full-site-editing"),value:i("heading"),onChange:function(e){return o("heading",e)},inlineToolbar:!0}),Object(p.createElement)(j.RichText,{tagName:j.__experimentalBlock.p,placeholder:Object(g.__)("Write a message…","full-site-editing"),value:i("chooseAmountText"),onChange:function(e){return o("chooseAmountText",e)},inlineToolbar:!0}),Object(p.createElement)("div",{className:"wp-block-buttons donations__amounts"},a.map((function(e){return Object(p.createElement)("div",{className:"wp-block-button donations__amount"},Object(p.createElement)("div",{className:"wp-block-button__link"},we(e,s)))}))),i("showCustomAmount")&&Object(p.createElement)(p.Fragment,null,Object(p.createElement)(j.RichText,{tagName:j.__experimentalBlock.p,placeholder:Object(g.__)("Write a message…","full-site-editing"),value:i("customAmountText"),onChange:function(e){return o("customAmountText",e)},inlineToolbar:!0}),Object(p.createElement)("div",{className:"wp-block-button donations__amount donations__custom-amount"},Object(p.createElement)("div",{className:"wp-block-button__link"},_e[s].symbol,Object(p.createElement)("span",{className:"donations__custom-amount-placeholder"},we(l,s,{symbol:""}))))),Object(p.createElement)("div",{className:"donations__separator"},"——"),Object(p.createElement)(j.RichText,{tagName:j.__experimentalBlock.p,placeholder:Object(g.__)("Write a message…","full-site-editing"),value:i("extraText"),onChange:function(e){return o("extraText",e)},inlineToolbar:!0}),Object(p.createElement)(j.RichText,{wrapperClassName:"wp-block-button",className:"wp-block-button__link",placeholder:Object(g.__)("Write a message…","full-site-editing"),value:i("buttonText"),onChange:function(e){return o("buttonText",e)},inlineToolbar:!0}))}))},Ze=Object(ge.compose)([Object(xe.withDispatch)((function(e,t){var n,r=t.stripeConnectUrl;return{autosaveAndRedirect:(n=u()(regeneratorRuntime.mark((function t(n){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.preventDefault(),t.next=3,e("core/editor").savePost();case 3:window.top.location.href=r;case 4:case"end":return t.stop()}}),t)}))),function(e){return n.apply(this,arguments)})}}))])((function(e){var t=e.autosaveAndRedirect,n=e.stripeConnectUrl;return Object(p.createElement)(j.Warning,{actions:n&&[Object(p.createElement)(w.Button,{key:"connect",href:n,onClick:t,target:"_top",isDefault:!0,className:"premium-content-block-nudge__button stripe-nudge__button"},Object(g.__)("Connect","full-site-editing"))],className:"donations__nudge premium-content-block-nudge"},Object(p.createElement)("span",{className:"donations__nudge-info premium-content-block-nudge__info"},Object(p.createElement)(w.Dashicon,{icon:"star-filled"}),Object(p.createElement)("span",{className:"donations__nudge-text-container premium-content-block-nudge__text-container"},Object(p.createElement)("span",{className:"donations__nudge-title premium-content-block-nudge__title"},Object(g.__)("Connect to Stripe to use this block on your site","full-site-editing")),Object(p.createElement)("span",{className:"donations__nudge-message premium-content-block-nudge__message"},Object(g.__)("This block will be hidden from your visitors until you connect to Stripe.","full-site-editing")))))})),ze=function(e){var t=e.attributes,n=e.products,r=e.setAttributes,i=e.stripeConnectUrl,o=t.oneTimePlanId,s=t.monthlyPlanId,c=t.annuallyPlanId,l=Object(p.useState)("one-time"),u=v()(l,2),m=u[0],f=u[1],d=function(e){return m===e},b=a()({"one-time":{title:Object(g.__)("One-Time","full-site-editing")}},s&&{"1 month":{title:Object(g.__)("Monthly","full-site-editing")}},{},c&&{"1 year":{title:Object(g.__)("Yearly","full-site-editing")}});return Object(p.useEffect)((function(){o||r({oneTimePlanId:n["one-time"],monthlyPlanId:n["1 month"],annuallyPlanId:n["1 year"]})}),[o]),Object(p.useEffect)((function(){!s&&d("1 month")&&f("one-time"),!c&&d("1 year")&&f("one-time")}),[s,c]),Object(p.createElement)(j.__experimentalBlock.div,null,i&&Object(p.createElement)(Ze,{stripeConnectUrl:i}),Object(p.createElement)("div",{className:"donations__container"},Object.keys(b).length>1&&Object(p.createElement)("div",{className:"donations__tabs"},Object.entries(b).map((function(e){var t=v()(e,2),n=t[0],r=t[1].title;return Object(p.createElement)(w.Button,{className:_()({"is-active":d(n)}),onClick:function(){return f(n)}},r)}))),Object(p.createElement)("div",{className:"donations__content"},Object(p.createElement)(C.Provider,{value:{activeTab:m}},Object.keys(b).map((function(t){return Object(p.createElement)(Ve,h()({},e,{interval:t}))}))))),Object(p.createElement)(E,e))},Ye=function(e){var t=e.error;return Object(p.createElement)("div",{className:"donations__loading-status"},Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Donations","full-site-editing"),instructions:t}))},Je=function(){return Object(p.createElement)("div",{className:"donations__loading-status"},Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Donations","full-site-editing"),instructions:Object(g.__)("Loading data…","full-site-editing")},Object(p.createElement)(w.Spinner,null)))},qe=function(e){var t=e.upgradeUrl;return Object(p.createElement)("div",{className:"donations__upgrade-plan"},Object(p.createElement)(w.Placeholder,{icon:"lock",label:Object(g.__)("Donations","full-site-editing"),instructions:Object(g.__)("You'll need to upgrade your plan to use the Donations block.","full-site-editing")},Object(p.createElement)(w.Button,{isSecondary:!0,isLarge:!0,href:t,target:"_blank",className:"donations__button plan-nudge__button"},Object(g.__)("Upgrade Your Plan","full-site-editing")),Object(p.createElement)("div",{className:"donations__disclaimer membership-button__disclaimer"},Object(p.createElement)(w.ExternalLink,{href:"https://wordpress.com/support/donations-block/"},Object(g.__)("Read more about Donations and related fees.","full-site-editing")))))},Xe=function(){var e=u()(regeneratorRuntime.mark((function e(t){var n;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f()({path:"/wpcom/v2/memberships/products",method:"POST",data:{type:"donation",currency:t}});case 3:return n=e.sent,e.abrupt("return",n);case 7:return e.prev=7,e.t0=e.catch(0),e.abrupt("return",Promise.reject(e.t0.message));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t){return e.apply(this,arguments)}}(),Qe=function(){var e=u()(regeneratorRuntime.mark((function e(){var t,n,r,i=arguments;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=i.length>0&&void 0!==i[0]?i[0]:null,n="/wpcom/v2/memberships/status",t&&(n+="?type=".concat(t)),e.prev=3,e.next=6,f()({path:n,method:"GET"});case 6:return r=e.sent,e.abrupt("return",r);case 10:return e.prev=10,e.t0=e.catch(3),e.abrupt("return",Promise.reject(e.t0.message));case 13:case"end":return e.stop()}}),e,null,[[3,10]])})));return function(){return e.apply(this,arguments)}}(),et=function(e){var t=e.attributes.currency,n=Object(p.useState)(!0),r=v()(n,2),i=r[0],o=r[1],s=Object(p.useState)(""),c=v()(s,2),a=c[0],l=c[1],u=Object(p.useState)(!1),m=v()(u,2),f=m[0],d=m[1],b=Object(p.useState)(!1),y=v()(b,2),O=y[0],_=y[1],j=Object(p.useState)([]),w=v()(j,2),C=w[0],E=w[1],x=Object(p.useState)(""),S=v()(x,2),k=S[0],P=S[1],F=Object(p.useState)(""),N=v()(F,2),A=N[0],T=N[1],L=function(e){l(e),o(!1)},R=function(e){return e.reduce((function(e,n){var r=n.id,i=n.currency,o=n.type,s=n.interval;return i===t&&"donation"===o&&(e[s]=r),e}),{})},D=function(e){if(!e&&"object"!=typeof e||e.errors)l(Object(g.__)("Could not load data from WordPress.com.","full-site-editing"));else{d(e.should_upgrade_to_access_memberships),P(e.upgrade_url),_(e.connect_url),T(e.site_slug);var n=R(e.products);r=n,(i=Object.keys(r)).includes("one-time")&&i.includes("1 month")&&i.includes("1 year")?E(n):Xe(t).then((function(e){return E(R(e))}),L)}var r,i;o(!1)};return Object(p.useEffect)((function(){Qe("donation").then(D,L)}),[]),i?Object(p.createElement)(Je,null):a?Object(p.createElement)(Ye,{error:a}):f?Object(p.createElement)(qe,{upgradeUrl:k}):Object(p.createElement)(ze,h()({},e,{products:C,stripeConnectUrl:O,siteSlug:A}))},tt=(n(56),{title:Object(g.__)("Donations (a8c-only)","full-site-editing"),description:Object(g.__)("Collect one-time, monthly, or annually recurring donations.","full-site-editing"),attributes:{currency:{type:"string",default:"USD"},oneTimePlanId:{type:"number",default:null},monthlyPlanId:{type:"number",default:null},annuallyPlanId:{type:"number",default:null},showCustomAmount:{type:"boolean",default:!0},oneTimeHeading:{type:"string",default:Object(g.__)("Make a one-time donation","full-site-editing")},monthlyHeading:{type:"string",default:Object(g.__)("Make a monthly donation","full-site-editing")},annualHeading:{type:"string",default:Object(g.__)("Make a yearly donation","full-site-editing")},chooseAmountText:{type:"string",default:Object(g.__)("Choose an amount (USD)","full-site-editing")},customAmountText:{type:"string",default:Object(g.__)("Or enter a custom amount","full-site-editing")},extraText:{type:"string",default:Object(g.__)("Your contribution is appreciated.","full-site-editing")},oneTimeButtonText:{type:"string",default:Object(g.__)("Donate","full-site-editing")},monthlyButtonText:{type:"string",default:Object(g.__)("Donate monthly","full-site-editing")},annualButtonText:{type:"string",default:Object(g.__)("Donate yearly","full-site-editing")}},category:"common",icon:Object(p.createElement)("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(p.createElement)("path",{d:"M12.7439 14.4271L8.64053 13.165L8.51431 13.8718L8.09208 20.7415C8.06165 21.2365 8.61087 21.5526 9.02363 21.2776L12.7439 18.799L16.7475 21.304C17.1687 21.5676 17.7094 21.2343 17.6631 20.7396L17.0212 13.8718L17.0212 13.165L12.7439 14.4271Z",fill:"black"}),Object(p.createElement)("circle",{cx:"12.7439",cy:"8.69796",r:"5.94466",stroke:"black",strokeWidth:"1.5",fill:"none"}),Object(p.createElement)("path",{d:"M9.71023 8.12461L11.9543 10.3687L15.7776 6.54533",stroke:"black",strokeWidth:"1.5",fill:"none"})),supports:{html:!1},edit:et,save:function(){return null}}),nt=function(){var e=u()(regeneratorRuntime.mark((function e(){var t,n,r;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f()({path:"/wpcom/v2/memberships/status"});case 3:t=e.sent,e.next=9;break;case 6:return e.prev=6,e.t0=e.catch(0),e.abrupt("return");case 9:if(!t.should_upgrade_to_access_memberships){e.next=17;break}if(n=Object(d.getBlockType)("a8c/donations")){e.next=14;break}return e.abrupt("return");case 14:r=Object(g._x)("paid","Short label appearing near a block requiring a paid plan","full-site-editing"),Object(d.unregisterBlockType)("a8c/donations"),Object(d.registerBlockType)("a8c/donations",a()({},n,{title:"".concat(n.title," (").concat(r,")")}));case 17:case"end":return e.stop()}}),e,null,[[0,6]])})));return function(){return e.apply(this,arguments)}}();Object(d.registerBlockType)("a8c/donations",tt),nt()}]));
|
donations/dist/donations.rtl.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.donations__container{border:1px solid #a7aaad}.donations__container .donations__tabs{display:flex;border-bottom:1px solid #a7aaad}.donations__container .donations__tabs .components-button{font-weight:700;display:inline-block;flex-grow:1;text-align:center;font-size:16px;padding:16px;height:auto;border-radius:0;border-right:1px solid #a7aaad}.donations__container .donations__tabs .components-button:first-child{border-right:none}.donations__container .donations__tabs .components-button:hover{color:inherit}.donations__container .donations__tabs .components-button.is-active{background-color:#2271b1;box-shadow:none;color:#fff}.donations__container .donations__content{padding:24px}
|
1 |
+
.editor-styles-wrapper .donations__container{border:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs{display:flex;border-bottom:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs .components-button{font-weight:700;display:inline-block;flex-grow:1;text-align:center;font-size:16px;padding:16px;height:auto;border-radius:0;border-right:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__tabs .components-button:first-child{border-right:none}.editor-styles-wrapper .donations__container .donations__tabs .components-button:hover{color:inherit}.editor-styles-wrapper .donations__container .donations__tabs .components-button.is-active{background-color:#2271b1;box-shadow:none;color:#fff}.editor-styles-wrapper .donations__container .donations__content{padding:0 24px}.editor-styles-wrapper .donations__container .donations__amounts{margin-top:30px;margin-bottom:30px}.editor-styles-wrapper .donations__container .donations__amounts .donations__amount:not(.alignleft):not(.alignright){margin-top:0;margin-bottom:0}.editor-styles-wrapper .donations__container .donations__amount .wp-block-button__link{background-color:#fff;color:inherit;border:1px solid #a7aaad}.editor-styles-wrapper .donations__container .donations__custom-amount .wp-block-button__link{cursor:default}.editor-styles-wrapper .donations__container .donations__custom-amount-placeholder{margin-right:8px;color:#a7aaad;padding-left:40px}.editor-styles-wrapper .donations__container .donations__separator{line-height:8px;height:8px}
|
donations/donations.js
DELETED
@@ -1,110 +0,0 @@
|
|
1 |
-
/**
|
2 |
-
* External dependencies
|
3 |
-
*/
|
4 |
-
import classNames from 'classnames';
|
5 |
-
|
6 |
-
/**
|
7 |
-
* WordPress dependencies
|
8 |
-
*/
|
9 |
-
import { InspectorControls, __experimentalBlock as Block } from '@wordpress/block-editor';
|
10 |
-
import { Button, ExternalLink, PanelBody, ToggleControl } from '@wordpress/components';
|
11 |
-
import { useEffect, useState } from '@wordpress/element';
|
12 |
-
import { __ } from '@wordpress/i18n';
|
13 |
-
|
14 |
-
/**
|
15 |
-
* Internal dependencies
|
16 |
-
*/
|
17 |
-
import StripeNudge from './stripe-nudge';
|
18 |
-
|
19 |
-
const Donations = ( { attributes, products, setAttributes, siteSlug, stripeConnectUrl } ) => {
|
20 |
-
const { oneTimePlanId, monthlyPlanId, annuallyPlanId, showCustomAmount } = attributes;
|
21 |
-
const [ activeTab, setActiveTab ] = useState( 'one-time' );
|
22 |
-
|
23 |
-
const isTabActive = ( tab ) => activeTab === tab;
|
24 |
-
|
25 |
-
useEffect( () => {
|
26 |
-
if ( ! oneTimePlanId ) {
|
27 |
-
setAttributes( { oneTimePlanId: products[ 'one-time' ] } );
|
28 |
-
}
|
29 |
-
}, [ oneTimePlanId ] );
|
30 |
-
|
31 |
-
return (
|
32 |
-
<Block.div>
|
33 |
-
{ stripeConnectUrl && <StripeNudge stripeConnectUrl={ stripeConnectUrl } /> }
|
34 |
-
<div className="donations__container">
|
35 |
-
{ ( monthlyPlanId || annuallyPlanId ) && (
|
36 |
-
<div className="donations__tabs">
|
37 |
-
<Button
|
38 |
-
className={ classNames( { 'is-active': isTabActive( 'one-time' ) } ) }
|
39 |
-
onClick={ () => setActiveTab( 'one-time' ) }
|
40 |
-
>
|
41 |
-
{ __( 'One-Time', 'full-site-editing' ) }
|
42 |
-
</Button>
|
43 |
-
{ monthlyPlanId && (
|
44 |
-
<Button
|
45 |
-
className={ classNames( { 'is-active': isTabActive( 'monthly' ) } ) }
|
46 |
-
onClick={ () => setActiveTab( 'monthly' ) }
|
47 |
-
>
|
48 |
-
{ __( 'Monthly', 'full-site-editing' ) }
|
49 |
-
</Button>
|
50 |
-
) }
|
51 |
-
{ annuallyPlanId && (
|
52 |
-
<Button
|
53 |
-
className={ classNames( { 'is-active': isTabActive( 'annually' ) } ) }
|
54 |
-
onClick={ () => setActiveTab( 'annually' ) }
|
55 |
-
>
|
56 |
-
{ __( 'Annually', 'full-site-editing' ) }
|
57 |
-
</Button>
|
58 |
-
) }
|
59 |
-
</div>
|
60 |
-
) }
|
61 |
-
<div className="donations__content">
|
62 |
-
<div>
|
63 |
-
{ isTabActive( 'one-time' ) && __( 'Make a one-time donation', 'full-site-editing' ) }
|
64 |
-
{ isTabActive( 'monthly' ) && __( 'Make a monthly donation', 'full-site-editing' ) }
|
65 |
-
{ isTabActive( 'annually' ) && __( 'Make a yearly donation', 'full-site-editing' ) }
|
66 |
-
</div>
|
67 |
-
{ showCustomAmount && (
|
68 |
-
<div>{ __( 'Or enter a custom amount', 'full-site-editing' ) } </div>
|
69 |
-
) }
|
70 |
-
</div>
|
71 |
-
</div>
|
72 |
-
<InspectorControls>
|
73 |
-
<PanelBody title={ __( 'Settings', 'full-site-editing' ) }>
|
74 |
-
<ToggleControl
|
75 |
-
checked={ !! monthlyPlanId }
|
76 |
-
onChange={ ( showMonthlyDonations ) => {
|
77 |
-
setAttributes( {
|
78 |
-
monthlyPlanId: showMonthlyDonations ? products[ '1 month' ] : null,
|
79 |
-
} );
|
80 |
-
} }
|
81 |
-
label={ __( 'Show monthly donations', 'full-site-editing' ) }
|
82 |
-
/>
|
83 |
-
<ToggleControl
|
84 |
-
checked={ !! annuallyPlanId }
|
85 |
-
onChange={ ( showAnnuallyDonations ) => {
|
86 |
-
setAttributes( {
|
87 |
-
annuallyPlanId: showAnnuallyDonations ? products[ '1 year' ] : null,
|
88 |
-
} );
|
89 |
-
} }
|
90 |
-
label={ __( 'Show annual donations', 'full-site-editing' ) }
|
91 |
-
/>
|
92 |
-
<ToggleControl
|
93 |
-
checked={ showCustomAmount }
|
94 |
-
onChange={ ( newShowCustomAmountValue ) => {
|
95 |
-
setAttributes( {
|
96 |
-
showCustomAmount: newShowCustomAmountValue,
|
97 |
-
} );
|
98 |
-
} }
|
99 |
-
label={ __( 'Show custom amount option', 'full-site-editing' ) }
|
100 |
-
/>
|
101 |
-
<ExternalLink href={ `https://wordpress.com/earn/payments/${ siteSlug }` }>
|
102 |
-
{ __( 'View donation earnings', 'full-site-editing' ) }
|
103 |
-
</ExternalLink>
|
104 |
-
</PanelBody>
|
105 |
-
</InspectorControls>
|
106 |
-
</Block.div>
|
107 |
-
);
|
108 |
-
};
|
109 |
-
|
110 |
-
export default Donations;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
donations/edit.js
CHANGED
@@ -7,14 +7,17 @@ import { __ } from '@wordpress/i18n';
|
|
7 |
/**
|
8 |
* Internal dependencies
|
9 |
*/
|
10 |
-
import
|
11 |
import LoadingError from './loading-error';
|
12 |
import LoadingStatus from './loading-status';
|
13 |
import UpgradePlan from './upgrade-plan';
|
14 |
import fetchDefaultProducts from './fetch-default-products';
|
15 |
import fetchStatus from './fetch-status';
|
16 |
|
17 |
-
const Edit = (
|
|
|
|
|
|
|
18 |
const [ isLoading, setIsLoading ] = useState( true );
|
19 |
const [ loadingError, setLoadingError ] = useState( '' );
|
20 |
const [ shouldUpgrade, setShouldUpgrade ] = useState( false );
|
@@ -28,14 +31,13 @@ const Edit = ( { attributes, setAttributes } ) => {
|
|
28 |
setIsLoading( false );
|
29 |
};
|
30 |
|
31 |
-
const filterProducts = ( productList
|
32 |
-
|
33 |
-
if (
|
34 |
filteredProducts[ interval ] = id;
|
35 |
}
|
36 |
return filteredProducts;
|
37 |
}, {} );
|
38 |
-
};
|
39 |
|
40 |
const hasRequiredProducts = ( productIdsPerInterval ) => {
|
41 |
const intervals = Object.keys( productIdsPerInterval );
|
@@ -56,13 +58,13 @@ const Edit = ( { attributes, setAttributes } ) => {
|
|
56 |
setStripeConnectUrl( result.connect_url );
|
57 |
setSiteSlug( result.site_slug );
|
58 |
|
59 |
-
const filteredProducts = filterProducts( result.products
|
60 |
|
61 |
if ( hasRequiredProducts( filteredProducts ) ) {
|
62 |
setProducts( filteredProducts );
|
63 |
} else {
|
64 |
-
fetchDefaultProducts(
|
65 |
-
( defaultProducts ) => setProducts( filterProducts( defaultProducts
|
66 |
apiError
|
67 |
);
|
68 |
}
|
@@ -89,11 +91,10 @@ const Edit = ( { attributes, setAttributes } ) => {
|
|
89 |
}
|
90 |
|
91 |
return (
|
92 |
-
<
|
93 |
-
|
94 |
products={ products }
|
95 |
stripeConnectUrl={ stripeConnectUrl }
|
96 |
-
setAttributes={ setAttributes }
|
97 |
siteSlug={ siteSlug }
|
98 |
/>
|
99 |
);
|
7 |
/**
|
8 |
* Internal dependencies
|
9 |
*/
|
10 |
+
import Tabs from './tabs';
|
11 |
import LoadingError from './loading-error';
|
12 |
import LoadingStatus from './loading-status';
|
13 |
import UpgradePlan from './upgrade-plan';
|
14 |
import fetchDefaultProducts from './fetch-default-products';
|
15 |
import fetchStatus from './fetch-status';
|
16 |
|
17 |
+
const Edit = ( props ) => {
|
18 |
+
const { attributes } = props;
|
19 |
+
const { currency } = attributes;
|
20 |
+
|
21 |
const [ isLoading, setIsLoading ] = useState( true );
|
22 |
const [ loadingError, setLoadingError ] = useState( '' );
|
23 |
const [ shouldUpgrade, setShouldUpgrade ] = useState( false );
|
31 |
setIsLoading( false );
|
32 |
};
|
33 |
|
34 |
+
const filterProducts = ( productList ) =>
|
35 |
+
productList.reduce( ( filteredProducts, { id, currency: productCurrency, type, interval } ) => {
|
36 |
+
if ( productCurrency === currency && type === 'donation' ) {
|
37 |
filteredProducts[ interval ] = id;
|
38 |
}
|
39 |
return filteredProducts;
|
40 |
}, {} );
|
|
|
41 |
|
42 |
const hasRequiredProducts = ( productIdsPerInterval ) => {
|
43 |
const intervals = Object.keys( productIdsPerInterval );
|
58 |
setStripeConnectUrl( result.connect_url );
|
59 |
setSiteSlug( result.site_slug );
|
60 |
|
61 |
+
const filteredProducts = filterProducts( result.products );
|
62 |
|
63 |
if ( hasRequiredProducts( filteredProducts ) ) {
|
64 |
setProducts( filteredProducts );
|
65 |
} else {
|
66 |
+
fetchDefaultProducts( currency ).then(
|
67 |
+
( defaultProducts ) => setProducts( filterProducts( defaultProducts ) ),
|
68 |
apiError
|
69 |
);
|
70 |
}
|
91 |
}
|
92 |
|
93 |
return (
|
94 |
+
<Tabs
|
95 |
+
{ ...props }
|
96 |
products={ products }
|
97 |
stripeConnectUrl={ stripeConnectUrl }
|
|
|
98 |
siteSlug={ siteSlug }
|
99 |
/>
|
100 |
);
|
donations/index.js
CHANGED
@@ -4,14 +4,106 @@
|
|
4 |
import apiFetch from '@wordpress/api-fetch';
|
5 |
import { getBlockType, registerBlockType, unregisterBlockType } from '@wordpress/blocks';
|
6 |
import { __, _x } from '@wordpress/i18n';
|
7 |
-
/* eslint-enable wpcalypso/import-docblock */
|
8 |
|
9 |
/**
|
10 |
* Internal dependencies
|
11 |
*/
|
12 |
import edit from './edit';
|
|
|
|
|
|
|
|
|
13 |
import './style.scss';
|
14 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
/**
|
16 |
* Appends a "paid" tag to the Donations block title if site requires an upgrade.
|
17 |
*/
|
@@ -25,7 +117,7 @@ const addPaidBlockFlags = async () => {
|
|
25 |
}
|
26 |
const shouldUpgrade = membershipsStatus.should_upgrade_to_access_memberships;
|
27 |
if ( shouldUpgrade ) {
|
28 |
-
const donationsBlock = getBlockType(
|
29 |
if ( ! donationsBlock ) {
|
30 |
return;
|
31 |
}
|
@@ -36,8 +128,8 @@ const addPaidBlockFlags = async () => {
|
|
36 |
'full-site-editing'
|
37 |
);
|
38 |
|
39 |
-
unregisterBlockType(
|
40 |
-
registerBlockType(
|
41 |
...donationsBlock,
|
42 |
title: `${ donationsBlock.title } (${ paidFlag })`,
|
43 |
} );
|
@@ -45,67 +137,7 @@ const addPaidBlockFlags = async () => {
|
|
45 |
};
|
46 |
|
47 |
function registerDonationsBlock() {
|
48 |
-
registerBlockType(
|
49 |
-
title: __( 'Donations (a8c-only)', 'full-site-editing' ),
|
50 |
-
description: __(
|
51 |
-
'Collect one-time, monthly, or annually recurring donations.',
|
52 |
-
'full-site-editing'
|
53 |
-
),
|
54 |
-
attributes: {
|
55 |
-
oneTimePlanId: {
|
56 |
-
type: 'number',
|
57 |
-
default: null,
|
58 |
-
},
|
59 |
-
monthlyPlanId: {
|
60 |
-
type: 'number',
|
61 |
-
default: null,
|
62 |
-
},
|
63 |
-
annuallyPlanId: {
|
64 |
-
type: 'number',
|
65 |
-
default: null,
|
66 |
-
},
|
67 |
-
showCustomAmount: {
|
68 |
-
type: 'boolean',
|
69 |
-
default: false,
|
70 |
-
},
|
71 |
-
},
|
72 |
-
category: 'common',
|
73 |
-
icon: (
|
74 |
-
<svg
|
75 |
-
width="25"
|
76 |
-
height="24"
|
77 |
-
viewBox="0 0 25 24"
|
78 |
-
fill="none"
|
79 |
-
xmlns="http://www.w3.org/2000/svg"
|
80 |
-
>
|
81 |
-
<path
|
82 |
-
d="M12.7439 14.4271L8.64053 13.165L8.51431 13.8718L8.09208 20.7415C8.06165 21.2365 8.61087 21.5526 9.02363 21.2776L12.7439 18.799L16.7475 21.304C17.1687 21.5676 17.7094 21.2343 17.6631 20.7396L17.0212 13.8718L17.0212 13.165L12.7439 14.4271Z"
|
83 |
-
fill="black"
|
84 |
-
/>
|
85 |
-
<circle
|
86 |
-
cx="12.7439"
|
87 |
-
cy="8.69796"
|
88 |
-
r="5.94466"
|
89 |
-
stroke="black"
|
90 |
-
strokeWidth="1.5"
|
91 |
-
fill="none"
|
92 |
-
/>
|
93 |
-
<path
|
94 |
-
d="M9.71023 8.12461L11.9543 10.3687L15.7776 6.54533"
|
95 |
-
stroke="black"
|
96 |
-
strokeWidth="1.5"
|
97 |
-
fill="none"
|
98 |
-
/>
|
99 |
-
</svg>
|
100 |
-
),
|
101 |
-
supports: {
|
102 |
-
html: false,
|
103 |
-
},
|
104 |
-
edit,
|
105 |
-
save() {
|
106 |
-
return <div>Donations block</div>;
|
107 |
-
},
|
108 |
-
} );
|
109 |
|
110 |
// Done after registration so the status API request doesn't suspend the execution.
|
111 |
addPaidBlockFlags();
|
4 |
import apiFetch from '@wordpress/api-fetch';
|
5 |
import { getBlockType, registerBlockType, unregisterBlockType } from '@wordpress/blocks';
|
6 |
import { __, _x } from '@wordpress/i18n';
|
|
|
7 |
|
8 |
/**
|
9 |
* Internal dependencies
|
10 |
*/
|
11 |
import edit from './edit';
|
12 |
+
|
13 |
+
/**
|
14 |
+
* Style dependencies
|
15 |
+
*/
|
16 |
import './style.scss';
|
17 |
|
18 |
+
const name = 'a8c/donations';
|
19 |
+
|
20 |
+
const settings = {
|
21 |
+
title: __( 'Donations (a8c-only)', 'full-site-editing' ),
|
22 |
+
description: __(
|
23 |
+
'Collect one-time, monthly, or annually recurring donations.',
|
24 |
+
'full-site-editing'
|
25 |
+
),
|
26 |
+
attributes: {
|
27 |
+
currency: {
|
28 |
+
type: 'string',
|
29 |
+
default: 'USD',
|
30 |
+
},
|
31 |
+
oneTimePlanId: {
|
32 |
+
type: 'number',
|
33 |
+
default: null,
|
34 |
+
},
|
35 |
+
monthlyPlanId: {
|
36 |
+
type: 'number',
|
37 |
+
default: null,
|
38 |
+
},
|
39 |
+
annuallyPlanId: {
|
40 |
+
type: 'number',
|
41 |
+
default: null,
|
42 |
+
},
|
43 |
+
showCustomAmount: {
|
44 |
+
type: 'boolean',
|
45 |
+
default: true,
|
46 |
+
},
|
47 |
+
oneTimeHeading: {
|
48 |
+
type: 'string',
|
49 |
+
default: __( 'Make a one-time donation', 'full-site-editing' ),
|
50 |
+
},
|
51 |
+
monthlyHeading: {
|
52 |
+
type: 'string',
|
53 |
+
default: __( 'Make a monthly donation', 'full-site-editing' ),
|
54 |
+
},
|
55 |
+
annualHeading: {
|
56 |
+
type: 'string',
|
57 |
+
default: __( 'Make a yearly donation', 'full-site-editing' ),
|
58 |
+
},
|
59 |
+
chooseAmountText: {
|
60 |
+
type: 'string',
|
61 |
+
default: __( 'Choose an amount (USD)', 'full-site-editing' ),
|
62 |
+
},
|
63 |
+
customAmountText: {
|
64 |
+
type: 'string',
|
65 |
+
default: __( 'Or enter a custom amount', 'full-site-editing' ),
|
66 |
+
},
|
67 |
+
extraText: {
|
68 |
+
type: 'string',
|
69 |
+
default: __( 'Your contribution is appreciated.', 'full-site-editing' ),
|
70 |
+
},
|
71 |
+
oneTimeButtonText: {
|
72 |
+
type: 'string',
|
73 |
+
default: __( 'Donate', 'full-site-editing' ),
|
74 |
+
},
|
75 |
+
monthlyButtonText: {
|
76 |
+
type: 'string',
|
77 |
+
default: __( 'Donate monthly', 'full-site-editing' ),
|
78 |
+
},
|
79 |
+
annualButtonText: {
|
80 |
+
type: 'string',
|
81 |
+
default: __( 'Donate yearly', 'full-site-editing' ),
|
82 |
+
},
|
83 |
+
},
|
84 |
+
category: 'common',
|
85 |
+
icon: (
|
86 |
+
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
87 |
+
<path
|
88 |
+
d="M12.7439 14.4271L8.64053 13.165L8.51431 13.8718L8.09208 20.7415C8.06165 21.2365 8.61087 21.5526 9.02363 21.2776L12.7439 18.799L16.7475 21.304C17.1687 21.5676 17.7094 21.2343 17.6631 20.7396L17.0212 13.8718L17.0212 13.165L12.7439 14.4271Z"
|
89 |
+
fill="black"
|
90 |
+
/>
|
91 |
+
<circle cx="12.7439" cy="8.69796" r="5.94466" stroke="black" strokeWidth="1.5" fill="none" />
|
92 |
+
<path
|
93 |
+
d="M9.71023 8.12461L11.9543 10.3687L15.7776 6.54533"
|
94 |
+
stroke="black"
|
95 |
+
strokeWidth="1.5"
|
96 |
+
fill="none"
|
97 |
+
/>
|
98 |
+
</svg>
|
99 |
+
),
|
100 |
+
supports: {
|
101 |
+
html: false,
|
102 |
+
},
|
103 |
+
edit,
|
104 |
+
save: () => null,
|
105 |
+
};
|
106 |
+
|
107 |
/**
|
108 |
* Appends a "paid" tag to the Donations block title if site requires an upgrade.
|
109 |
*/
|
117 |
}
|
118 |
const shouldUpgrade = membershipsStatus.should_upgrade_to_access_memberships;
|
119 |
if ( shouldUpgrade ) {
|
120 |
+
const donationsBlock = getBlockType( name );
|
121 |
if ( ! donationsBlock ) {
|
122 |
return;
|
123 |
}
|
128 |
'full-site-editing'
|
129 |
);
|
130 |
|
131 |
+
unregisterBlockType( name );
|
132 |
+
registerBlockType( name, {
|
133 |
...donationsBlock,
|
134 |
title: `${ donationsBlock.title } (${ paidFlag })`,
|
135 |
} );
|
137 |
};
|
138 |
|
139 |
function registerDonationsBlock() {
|
140 |
+
registerBlockType( name, settings );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
141 |
|
142 |
// Done after registration so the status API request doesn't suspend the execution.
|
143 |
addPaidBlockFlags();
|
donations/stripe-nudge.js
CHANGED
@@ -1,20 +1,13 @@
|
|
1 |
-
/**
|
2 |
-
* External dependencies
|
3 |
-
*/
|
4 |
/**
|
5 |
* WordPress dependencies
|
6 |
*/
|
7 |
-
// eslint-disable-next-line no-restricted-imports
|
8 |
import { Button, Dashicon } from '@wordpress/components';
|
9 |
import { Warning } from '@wordpress/block-editor';
|
10 |
import { compose } from '@wordpress/compose';
|
11 |
import { __ } from '@wordpress/i18n';
|
12 |
import { withDispatch } from '@wordpress/data';
|
13 |
|
14 |
-
/**
|
15 |
-
* Internal dependencies
|
16 |
-
*/
|
17 |
-
|
18 |
const StripeNudge = ( { autosaveAndRedirect, stripeConnectUrl } ) => (
|
19 |
<Warning
|
20 |
actions={
|
|
|
|
|
|
|
1 |
/**
|
2 |
* WordPress dependencies
|
3 |
*/
|
4 |
+
// eslint-disable-next-line wpcalypso/import-docblock,no-restricted-imports
|
5 |
import { Button, Dashicon } from '@wordpress/components';
|
6 |
import { Warning } from '@wordpress/block-editor';
|
7 |
import { compose } from '@wordpress/compose';
|
8 |
import { __ } from '@wordpress/i18n';
|
9 |
import { withDispatch } from '@wordpress/data';
|
10 |
|
|
|
|
|
|
|
|
|
11 |
const StripeNudge = ( { autosaveAndRedirect, stripeConnectUrl } ) => (
|
12 |
<Warning
|
13 |
actions={
|
donations/style.scss
CHANGED
@@ -1,4 +1,5 @@
|
|
1 |
-
|
|
|
2 |
border: 1px solid #a7aaad;
|
3 |
|
4 |
.donations__tabs {
|
@@ -33,6 +34,37 @@
|
|
33 |
}
|
34 |
|
35 |
.donations__content {
|
36 |
-
padding: 24px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
37 |
}
|
38 |
}
|
1 |
+
|
2 |
+
.editor-styles-wrapper .donations__container {
|
3 |
border: 1px solid #a7aaad;
|
4 |
|
5 |
.donations__tabs {
|
34 |
}
|
35 |
|
36 |
.donations__content {
|
37 |
+
padding: 0 24px;
|
38 |
+
}
|
39 |
+
|
40 |
+
.donations__amounts {
|
41 |
+
margin-top: 30px;
|
42 |
+
margin-bottom: 30px;
|
43 |
+
|
44 |
+
.donations__amount:not( .alignleft ):not( .alignright ) {
|
45 |
+
margin-top: 0;
|
46 |
+
margin-bottom: 0;
|
47 |
+
}
|
48 |
+
}
|
49 |
+
|
50 |
+
.donations__amount .wp-block-button__link {
|
51 |
+
background-color: #fff;
|
52 |
+
color: inherit;
|
53 |
+
border: 1px solid #a7aaad;
|
54 |
+
}
|
55 |
+
|
56 |
+
.donations__custom-amount .wp-block-button__link {
|
57 |
+
cursor: default;
|
58 |
+
}
|
59 |
+
|
60 |
+
.donations__custom-amount-placeholder {
|
61 |
+
margin-left: 8px;
|
62 |
+
color: #a7aaad;
|
63 |
+
padding-right: 40px;
|
64 |
+
}
|
65 |
+
|
66 |
+
.donations__separator {
|
67 |
+
line-height: 8px;
|
68 |
+
height: 8px;
|
69 |
}
|
70 |
}
|
donations/tab.js
ADDED
@@ -0,0 +1,122 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* WordPress dependencies
|
3 |
+
*/
|
4 |
+
import { __experimentalBlock as Block, RichText } from '@wordpress/block-editor';
|
5 |
+
import { __ } from '@wordpress/i18n';
|
6 |
+
|
7 |
+
/**
|
8 |
+
* Internal dependencies
|
9 |
+
*/
|
10 |
+
import Context from './context';
|
11 |
+
import formatCurrency, { CURRENCIES } from '@automattic/format-currency';
|
12 |
+
import { minimumTransactionAmountForCurrency } from '../premium-content/blocks/container';
|
13 |
+
|
14 |
+
const attributesPerInterval = {
|
15 |
+
heading: {
|
16 |
+
'one-time': 'oneTimeHeading',
|
17 |
+
'1 month': 'monthlyHeading',
|
18 |
+
'1 year': 'annualHeading',
|
19 |
+
},
|
20 |
+
buttonText: {
|
21 |
+
'one-time': 'oneTimeButtonText',
|
22 |
+
'1 month': 'monthlyButtonText',
|
23 |
+
'1 year': 'annualButtonText',
|
24 |
+
},
|
25 |
+
};
|
26 |
+
|
27 |
+
const Tab = ( props ) => {
|
28 |
+
const { attributes, interval, setAttributes } = props;
|
29 |
+
|
30 |
+
const getAttribute = ( attributeName ) => {
|
31 |
+
if ( attributeName in attributesPerInterval ) {
|
32 |
+
return attributes[ attributesPerInterval[ attributeName ][ interval ] ];
|
33 |
+
}
|
34 |
+
return attributes[ attributeName ];
|
35 |
+
};
|
36 |
+
|
37 |
+
const setAttribute = ( attributeName, value ) => {
|
38 |
+
if ( attributeName in attributesPerInterval ) {
|
39 |
+
return setAttributes( {
|
40 |
+
[ attributesPerInterval[ attributeName ][ interval ] ]: value,
|
41 |
+
} );
|
42 |
+
}
|
43 |
+
return setAttributes( { [ attributeName ]: value } );
|
44 |
+
};
|
45 |
+
const currency = getAttribute( 'currency' );
|
46 |
+
|
47 |
+
const minAmount = minimumTransactionAmountForCurrency( currency );
|
48 |
+
// TODO: This generates good amounts for USD, but let's revisit once we support more currencies.
|
49 |
+
const tiers = [
|
50 |
+
minAmount * 10, // USD 5
|
51 |
+
minAmount * 30, // USD 15
|
52 |
+
minAmount * 200, // USD 100
|
53 |
+
];
|
54 |
+
const customAmountPlaceholder = minAmount * 100; // USD 50
|
55 |
+
|
56 |
+
return (
|
57 |
+
<Context.Consumer>
|
58 |
+
{ ( { activeTab } ) => (
|
59 |
+
<div hidden={ activeTab !== interval }>
|
60 |
+
<RichText
|
61 |
+
tagName={ Block.h4 }
|
62 |
+
placeholder={ __( 'Write a message…', 'full-site-editing' ) }
|
63 |
+
value={ getAttribute( 'heading' ) }
|
64 |
+
onChange={ ( value ) => setAttribute( 'heading', value ) }
|
65 |
+
inlineToolbar
|
66 |
+
/>
|
67 |
+
<RichText
|
68 |
+
tagName={ Block.p }
|
69 |
+
placeholder={ __( 'Write a message…', 'full-site-editing' ) }
|
70 |
+
value={ getAttribute( 'chooseAmountText' ) }
|
71 |
+
onChange={ ( value ) => setAttribute( 'chooseAmountText', value ) }
|
72 |
+
inlineToolbar
|
73 |
+
/>
|
74 |
+
<div className="wp-block-buttons donations__amounts">
|
75 |
+
{ tiers.map( ( amount ) => (
|
76 |
+
<div className="wp-block-button donations__amount">
|
77 |
+
<div className="wp-block-button__link">{ formatCurrency( amount, currency ) }</div>
|
78 |
+
</div>
|
79 |
+
) ) }
|
80 |
+
</div>
|
81 |
+
{ getAttribute( 'showCustomAmount' ) && (
|
82 |
+
<>
|
83 |
+
<RichText
|
84 |
+
tagName={ Block.p }
|
85 |
+
placeholder={ __( 'Write a message…', 'full-site-editing' ) }
|
86 |
+
value={ getAttribute( 'customAmountText' ) }
|
87 |
+
onChange={ ( value ) => setAttribute( 'customAmountText', value ) }
|
88 |
+
inlineToolbar
|
89 |
+
/>
|
90 |
+
<div className="wp-block-button donations__amount donations__custom-amount">
|
91 |
+
<div className="wp-block-button__link">
|
92 |
+
{ CURRENCIES[ currency ].symbol }
|
93 |
+
<span className="donations__custom-amount-placeholder">
|
94 |
+
{ formatCurrency( customAmountPlaceholder, currency, { symbol: '' } ) }
|
95 |
+
</span>
|
96 |
+
</div>
|
97 |
+
</div>
|
98 |
+
</>
|
99 |
+
) }
|
100 |
+
<div className="donations__separator">——</div>
|
101 |
+
<RichText
|
102 |
+
tagName={ Block.p }
|
103 |
+
placeholder={ __( 'Write a message…', 'full-site-editing' ) }
|
104 |
+
value={ getAttribute( 'extraText' ) }
|
105 |
+
onChange={ ( value ) => setAttribute( 'extraText', value ) }
|
106 |
+
inlineToolbar
|
107 |
+
/>
|
108 |
+
<RichText
|
109 |
+
wrapperClassName="wp-block-button"
|
110 |
+
className="wp-block-button__link"
|
111 |
+
placeholder={ __( 'Write a message…', 'full-site-editing' ) }
|
112 |
+
value={ getAttribute( 'buttonText' ) }
|
113 |
+
onChange={ ( value ) => setAttribute( 'buttonText', value ) }
|
114 |
+
inlineToolbar
|
115 |
+
/>
|
116 |
+
</div>
|
117 |
+
) }
|
118 |
+
</Context.Consumer>
|
119 |
+
);
|
120 |
+
};
|
121 |
+
|
122 |
+
export default Tab;
|
donations/tabs.js
ADDED
@@ -0,0 +1,88 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import classNames from 'classnames';
|
5 |
+
|
6 |
+
/**
|
7 |
+
* WordPress dependencies
|
8 |
+
*/
|
9 |
+
import { __experimentalBlock as Block } from '@wordpress/block-editor';
|
10 |
+
import { Button } from '@wordpress/components';
|
11 |
+
import { useEffect, useState } from '@wordpress/element';
|
12 |
+
import { __ } from '@wordpress/i18n';
|
13 |
+
|
14 |
+
/**
|
15 |
+
* Internal dependencies
|
16 |
+
*/
|
17 |
+
import Context from './context';
|
18 |
+
import Controls from './controls';
|
19 |
+
import Tab from './tab';
|
20 |
+
import StripeNudge from './stripe-nudge';
|
21 |
+
|
22 |
+
const Tabs = ( props ) => {
|
23 |
+
const { attributes, products, setAttributes, stripeConnectUrl } = props;
|
24 |
+
const { oneTimePlanId, monthlyPlanId, annuallyPlanId } = attributes;
|
25 |
+
const [ activeTab, setActiveTab ] = useState( 'one-time' );
|
26 |
+
|
27 |
+
const isTabActive = ( tab ) => activeTab === tab;
|
28 |
+
|
29 |
+
const tabs = {
|
30 |
+
'one-time': { title: __( 'One-Time', 'full-site-editing' ) },
|
31 |
+
...( monthlyPlanId && { '1 month': { title: __( 'Monthly', 'full-site-editing' ) } } ),
|
32 |
+
...( annuallyPlanId && { '1 year': { title: __( 'Yearly', 'full-site-editing' ) } } ),
|
33 |
+
};
|
34 |
+
|
35 |
+
// Sets the plans when the block is inserted.
|
36 |
+
useEffect( () => {
|
37 |
+
// Since there is no setting for disabling the one-time option, we can assume that the block has been just
|
38 |
+
// inserted if the attribute `oneTimePlanId` is not set.
|
39 |
+
if ( ! oneTimePlanId ) {
|
40 |
+
setAttributes( {
|
41 |
+
oneTimePlanId: products[ 'one-time' ],
|
42 |
+
monthlyPlanId: products[ '1 month' ],
|
43 |
+
annuallyPlanId: products[ '1 year' ],
|
44 |
+
} );
|
45 |
+
}
|
46 |
+
}, [ oneTimePlanId ] );
|
47 |
+
|
48 |
+
// Activates the one-time tab if the interval of the current active tab is disabled.
|
49 |
+
useEffect( () => {
|
50 |
+
if ( ! monthlyPlanId && isTabActive( '1 month' ) ) {
|
51 |
+
setActiveTab( 'one-time' );
|
52 |
+
}
|
53 |
+
|
54 |
+
if ( ! annuallyPlanId && isTabActive( '1 year' ) ) {
|
55 |
+
setActiveTab( 'one-time' );
|
56 |
+
}
|
57 |
+
}, [ monthlyPlanId, annuallyPlanId ] );
|
58 |
+
|
59 |
+
return (
|
60 |
+
<Block.div>
|
61 |
+
{ stripeConnectUrl && <StripeNudge stripeConnectUrl={ stripeConnectUrl } /> }
|
62 |
+
<div className="donations__container">
|
63 |
+
{ Object.keys( tabs ).length > 1 && (
|
64 |
+
<div className="donations__tabs">
|
65 |
+
{ Object.entries( tabs ).map( ( [ interval, { title } ] ) => (
|
66 |
+
<Button
|
67 |
+
className={ classNames( { 'is-active': isTabActive( interval ) } ) }
|
68 |
+
onClick={ () => setActiveTab( interval ) }
|
69 |
+
>
|
70 |
+
{ title }
|
71 |
+
</Button>
|
72 |
+
) ) }
|
73 |
+
</div>
|
74 |
+
) }
|
75 |
+
<div className="donations__content">
|
76 |
+
<Context.Provider value={ { activeTab } }>
|
77 |
+
{ Object.keys( tabs ).map( ( interval ) => (
|
78 |
+
<Tab { ...props } interval={ interval } />
|
79 |
+
) ) }
|
80 |
+
</Context.Provider>
|
81 |
+
</div>
|
82 |
+
</div>
|
83 |
+
<Controls { ...props } />
|
84 |
+
</Block.div>
|
85 |
+
);
|
86 |
+
};
|
87 |
+
|
88 |
+
export default Tabs;
|
editor-domain-picker/dist/editor-domain-picker.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('a8c-fse-common-data-stores', 'lodash', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('a8c-fse-common-data-stores', 'lodash', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '598bfa0f04eb7c70e49c636a842d3544');
|
editor-domain-picker/dist/editor-domain-picker.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;align-items:center}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:0 10px;color:#555d66}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 40px 6px 16px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;right:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:left;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-right:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-right:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-right:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:right;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-left:10px;margin-right:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;right:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-right:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-left:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:left}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}
|
1 |
+
@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;flex-direction:column}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:10px 0;color:#555d66}@media (min-width:480px){.domain-picker__empty-state{flex-direction:row;align-items:center}.domain-picker__empty-state--text{margin:15px 0}}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 40px 6px 16px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;right:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-sections{flex:1}.domain-picker__suggestion-group-label{margin:1.5em 0 1em;text-transform:uppercase;color:#a7aaad;color:var(--studio-gray-20);font-size:12px;font-weight:400;letter-spacing:1px}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:left;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item.is-selected{background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.domain-picker__suggestion-item:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-right:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-right:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-right:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:right;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-left:10px;margin-right:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;right:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-right:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-left:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:left}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}
|
editor-domain-picker/dist/editor-domain-picker.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1 |
-
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return 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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=56)}([function(e,t){!function(){e.exports=this.React}()},function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t,n){t.log=function(){var e;return"object"==typeof console&&console.log&&(e=console).log.apply(e,arguments)},t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(o=r))})),t.splice(o,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(n){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(n){}!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],e.exports=n(
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
-
*/!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)&&r.length){var a=o.apply(null,r);a&&e.push(a)}else if("object"===i)for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t,n){"use strict";
|
7 |
/*!
|
8 |
* cookie
|
9 |
* Copyright(c) 2012-2014 Roman Shtylman
|
10 |
* Copyright(c) 2015 Douglas Christopher Wilson
|
11 |
* MIT Licensed
|
12 |
-
*/t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},o=t||{},a=e.split(i),c=o.decode||r,u=0;u<a.length;u++){var l=a[u],f=l.indexOf("=");if(!(f<0)){var d=l.substr(0,f).trim(),p=l.substr(++f,l.length).trim();'"'==p[0]&&(p=p.slice(1,-1)),null==n[d]&&(n[d]=s(p,c))}}return n},t.serialize=function(e,t,n){var r=n||{},i=r.encode||o;if("function"!=typeof i)throw new TypeError("option encode is invalid");if(!a.test(e))throw new TypeError("argument name is invalid");var s=i(t);if(s&&!a.test(s))throw new TypeError("argument val is invalid");var c=e+"="+s;if(null!=r.maxAge){var u=r.maxAge-0;if(isNaN(u))throw new Error("maxAge should be a Number");c+="; Max-Age="+Math.floor(u)}if(r.domain){if(!a.test(r.domain))throw new TypeError("option domain is invalid");c+="; Domain="+r.domain}if(r.path){if(!a.test(r.path))throw new TypeError("option path is invalid");c+="; Path="+r.path}if(r.expires){if("function"!=typeof r.expires.toUTCString)throw new TypeError("option expires is invalid");c+="; Expires="+r.expires.toUTCString()}r.httpOnly&&(c+="; HttpOnly");r.secure&&(c+="; Secure");if(r.sameSite){switch("string"==typeof r.sameSite?r.sameSite.toLowerCase():r.sameSite){case!0:c+="; SameSite=Strict";break;case"lax":c+="; SameSite=Lax";break;case"strict":c+="; SameSite=Strict";break;case"none":c+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return c};var r=decodeURIComponent,o=encodeURIComponent,i=/; */,a=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function s(e,t){try{return t(e)}catch(n){return e}}},function(e,t){var n,r=window.ProgressEvent,o=!!r;try{n=new r("loaded"),o="loaded"===n.type,n=null}catch(i){o=!1}e.exports=o?r:"function"==typeof document.createEvent?function(e,t){var n=document.createEvent("Event");return n.initEvent(e,!1,!1),t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}:function(e,t){var n=document.createEventObject();return n.type=e,t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}},,function(e,t,n){"use strict";var r=n(13),o=n(46);function i(e,t){return 55296==(64512&e.charCodeAt(t))&&(!(t<0||t+1>=e.length)&&56320==(64512&e.charCodeAt(t+1)))}function a(e){return(e>>>24|e>>>8&65280|e<<8&16711680|(255&e)<<24)>>>0}function s(e){return 1===e.length?"0"+e:e}function c(e){return 7===e.length?"0"+e:6===e.length?"00"+e:5===e.length?"000"+e:4===e.length?"0000"+e:3===e.length?"00000"+e:2===e.length?"000000"+e:1===e.length?"0000000"+e:e}t.inherits=o,t.toArray=function(e,t){if(Array.isArray(e))return e.slice();if(!e)return[];var n=[];if("string"==typeof e)if(t){if("hex"===t)for((e=e.replace(/[^a-z0-9]+/gi,"")).length%2!=0&&(e="0"+e),o=0;o<e.length;o+=2)n.push(parseInt(e[o]+e[o+1],16))}else for(var r=0,o=0;o<e.length;o++){var a=e.charCodeAt(o);a<128?n[r++]=a:a<2048?(n[r++]=a>>6|192,n[r++]=63&a|128):i(e,o)?(a=65536+((1023&a)<<10)+(1023&e.charCodeAt(++o)),n[r++]=a>>18|240,n[r++]=a>>12&63|128,n[r++]=a>>6&63|128,n[r++]=63&a|128):(n[r++]=a>>12|224,n[r++]=a>>6&63|128,n[r++]=63&a|128)}else for(o=0;o<e.length;o++)n[o]=0|e[o];return n},t.toHex=function(e){for(var t="",n=0;n<e.length;n++)t+=s(e[n].toString(16));return t},t.htonl=a,t.toHex32=function(e,t){for(var n="",r=0;r<e.length;r++){var o=e[r];"little"===t&&(o=a(o)),n+=c(o.toString(16))}return n},t.zero2=s,t.zero8=c,t.join32=function(e,t,n,o){var i=n-t;r(i%4==0);for(var a=new Array(i/4),s=0,c=t;s<a.length;s++,c+=4){var u;u="big"===o?e[c]<<24|e[c+1]<<16|e[c+2]<<8|e[c+3]:e[c+3]<<24|e[c+2]<<16|e[c+1]<<8|e[c],a[s]=u>>>0}return a},t.split32=function(e,t){for(var n=new Array(4*e.length),r=0,o=0;r<e.length;r++,o+=4){var i=e[r];"big"===t?(n[o]=i>>>24,n[o+1]=i>>>16&255,n[o+2]=i>>>8&255,n[o+3]=255&i):(n[o+3]=i>>>24,n[o+2]=i>>>16&255,n[o+1]=i>>>8&255,n[o]=255&i)}return n},t.rotr32=function(e,t){return e>>>t|e<<32-t},t.rotl32=function(e,t){return e<<t|e>>>32-t},t.sum32=function(e,t){return e+t>>>0},t.sum32_3=function(e,t,n){return e+t+n>>>0},t.sum32_4=function(e,t,n,r){return e+t+n+r>>>0},t.sum32_5=function(e,t,n,r,o){return e+t+n+r+o>>>0},t.sum64=function(e,t,n,r){var o=e[t],i=r+e[t+1]>>>0,a=(i<r?1:0)+n+o;e[t]=a>>>0,e[t+1]=i},t.sum64_hi=function(e,t,n,r){return(t+r>>>0<t?1:0)+e+n>>>0},t.sum64_lo=function(e,t,n,r){return t+r>>>0},t.sum64_4_hi=function(e,t,n,r,o,i,a,s){var c=0,u=t;return c+=(u=u+r>>>0)<t?1:0,c+=(u=u+i>>>0)<i?1:0,e+n+o+a+(c+=(u=u+s>>>0)<s?1:0)>>>0},t.sum64_4_lo=function(e,t,n,r,o,i,a,s){return t+r+i+s>>>0},t.sum64_5_hi=function(e,t,n,r,o,i,a,s,c,u){var l=0,f=t;return l+=(f=f+r>>>0)<t?1:0,l+=(f=f+i>>>0)<i?1:0,l+=(f=f+s>>>0)<s?1:0,e+n+o+a+c+(l+=(f=f+u>>>0)<u?1:0)>>>0},t.sum64_5_lo=function(e,t,n,r,o,i,a,s,c,u){return t+r+i+s+u>>>0},t.rotr64_hi=function(e,t,n){return(t<<32-n|e>>>n)>>>0},t.rotr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0},t.shr64_hi=function(e,t,n){return e>>>n},t.shr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0}},function(e,t){function n(e,t){if(!e)throw new Error(t||"Assertion failed")}e.exports=n,n.equal=function(e,t,n){if(e!=t)throw new Error(n||"Assertion failed: "+e+" != "+t)}},function(e,t,n){var r=n(35),o=n(36),i=n(16),a=n(37);e.exports=function(e,t){return r(e)||o(e,t)||i(e,t)||a()}},function(e,t){!function(){e.exports=this["a8c-fse-common-data-stores"]}()},function(e,t,n){var r=n(17);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(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(e,t){var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var r=new Uint8Array(16);e.exports=function(){return n(r),r}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},function(e,t){for(var n=[],r=0;r<256;++r)n[r]=(r+256).toString(16).substr(1);e.exports=function(e,t){var r=t||0,o=n;return[o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]]].join("")}},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},n.apply(this,arguments)}e.exports=n},function(e,t,n){var r=n(38);e.exports=function(e,t){if(null==e)return{};var n,o,i=r(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},function(e,t,n){"use strict";var r=n(12),o=n(47),i=n(48),a=n(13),s=r.sum32,c=r.sum32_4,u=r.sum32_5,l=i.ch32,f=i.maj32,d=i.s0_256,p=i.s1_256,m=i.g0_256,h=i.g1_256,v=o.BlockHash,g=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298];function y(){if(!(this instanceof y))return new y;v.call(this),this.h=[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225],this.k=g,this.W=new Array(64)}r.inherits(y,v),e.exports=y,y.blockSize=512,y.outSize=256,y.hmacStrength=192,y.padLength=64,y.prototype._update=function(e,t){for(var n=this.W,r=0;r<16;r++)n[r]=e[t+r];for(;r<n.length;r++)n[r]=c(h(n[r-2]),n[r-7],m(n[r-15]),n[r-16]);var o=this.h[0],i=this.h[1],v=this.h[2],g=this.h[3],y=this.h[4],b=this.h[5],w=this.h[6],_=this.h[7];for(a(this.k.length===n.length),r=0;r<n.length;r++){var E=u(_,p(y),l(y,b,w),this.k[r],n[r]),C=s(d(o),f(o,i,v));_=w,w=b,b=y,y=s(g,E),g=v,v=i,i=o,o=s(E,C)}this.h[0]=s(this.h[0],o),this.h[1]=s(this.h[1],i),this.h[2]=s(this.h[2],v),this.h[3]=s(this.h[3],g),this.h[4]=s(this.h[4],y),this.h[5]=s(this.h[5],b),this.h[6]=s(this.h[6],w),this.h[7]=s(this.h[7],_)},y.prototype._digest=function(e){return"hex"===e?r.toHex32(this.h,"big"):r.split32(this.h,"big")}},function(e,t,n){"use strict";var r,o="object"==typeof Reflect?Reflect:null,i=o&&"function"==typeof o.apply?o.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};r=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var a=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var c=10;function u(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function f(e,t,n,r){var o,i,a,s;if(u(n),void 0===(i=e._events)?(i=e._events=Object.create(null),e._eventsCount=0):(void 0!==i.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),i=e._events),a=i[t]),void 0===a)a=i[t]=n,++e._eventsCount;else if("function"==typeof a?a=i[t]=r?[n,a]:[a,n]:r?a.unshift(n):a.push(n),(o=l(e))>0&&a.length>o&&!a.warned){a.warned=!0;var c=new Error("Possible EventEmitter memory leak detected. "+a.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");c.name="MaxListenersExceededWarning",c.emitter=e,c.type=t,c.count=a.length,s=c,console&&console.warn&&console.warn(s)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},o=d.bind(r);return o.listener=n,r.wrapFn=o,o}function m(e,t,n){var r=e._events;if(void 0===r)return[];var o=r[t];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(o):v(o,o.length)}function h(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function v(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(e){if("number"!=typeof e||e<0||a(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");c=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||a(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return l(this)},s.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var r="error"===e,o=this._events;if(void 0!==o)r=r&&void 0===o.error;else if(!r)return!1;if(r){var a;if(t.length>0&&(a=t[0]),a instanceof Error)throw a;var s=new Error("Unhandled error."+(a?" ("+a.message+")":""));throw s.context=a,s}var c=o[e];if(void 0===c)return!1;if("function"==typeof c)i(c,this,t);else{var u=c.length,l=v(c,u);for(n=0;n<u;++n)i(l[n],this,t)}return!0},s.prototype.addListener=function(e,t){return f(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return f(this,e,t,!0)},s.prototype.once=function(e,t){return u(t),this.on(e,p(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return u(t),this.prependListener(e,p(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,o,i,a;if(u(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(o=-1,i=n.length-1;i>=0;i--)if(n[i]===t||n[i].listener===t){a=n[i].listener,o=i;break}if(o<0)return this;0===o?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,o),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,a||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var o,i=Object.keys(n);for(r=0;r<i.length;++r)"removeListener"!==(o=i[r])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},s.prototype.listeners=function(e){return m(this,e,!0)},s.prototype.rawListeners=function(e){return m(this,e,!1)},s.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):h.call(e,t)},s.prototype.listenerCount=h,s.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]}},function(e,t,n){var r=n(49),o=n(50),i=o;i.v1=r,i.v4=o,e.exports=i},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t,n){var r=n(53),o=n(55);function i(e,t){if(t)if("number"==typeof t)a(e,t);else{t.status_code&&a(e,t.status_code),t.error&&(e.name=c(t.error)),t.error_description&&(e.message=t.error_description);var n=t.errors;if(n)i(e,n.length?n[0]:n);for(var r in t)e[r]=t[r];e.status&&(t.method||t.path)&&s(e)}}function a(e,t){e.name=c(o[t]),e.status=e.statusCode=t,s(e)}function s(e){var t=e.status,n=e.method,r=e.path,o=t+" status code",i=n||r;i&&(o+=' for "'),n&&(o+=n),i&&(o+=" "),r&&(o+=r),i&&(o+='"'),e.message=o}function c(e){return r(String(e).replace(/error$/i,""),"error")}e.exports=function e(){for(var t=new Error,n=0;n<arguments.length;n++)i(t,arguments[n]);"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(t,e);return t}},function(e,t){!function(){e.exports=this.ReactDOM}()},,,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(c){o=!0,i=c}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}},function(e,t,n){},function(e,t,n){var r=n(41);e.exports=function(e){function t(e){for(var t=0,n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return o.colors[Math.abs(t)%o.colors.length]}function o(e){var n;function r(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];if(r.enabled){var a=r,s=Number(new Date),c=s-(n||s);a.diff=c,a.prev=n,a.curr=s,n=s,t[0]=o.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O");var u=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(function(e,n){if("%%"===e)return e;u++;var r=o.formatters[n];if("function"==typeof r){var i=t[u];e=r.call(a,i),t.splice(u,1),u--}return e})),o.formatArgs.call(a,t);var l=a.log||o.log;l.apply(a,t)}}return r.namespace=e,r.enabled=o.enabled(e),r.useColors=o.useColors(),r.color=t(e),r.destroy=i,r.extend=a,"function"==typeof o.init&&o.init(r),o.instances.push(r),r}function i(){var e=o.instances.indexOf(this);return-1!==e&&(o.instances.splice(e,1),!0)}function a(e,t){var n=o(this.namespace+(void 0===t?":":t)+e);return n.log=this.log,n}function s(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return o.debug=o,o.default=o,o.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},o.disable=function(){var e=[].concat(r(o.names.map(s)),r(o.skips.map(s).map((function(e){return"-"+e})))).join(",");return o.enable(""),e},o.enable=function(e){var t;o.save(e),o.names=[],o.skips=[];var n=("string"==typeof e?e:"").split(/[\s,]+/),r=n.length;for(t=0;t<r;t++)n[t]&&("-"===(e=n[t].replace(/\*/g,".*?"))[0]?o.skips.push(new RegExp("^"+e.substr(1)+"$")):o.names.push(new RegExp("^"+e+"$")));for(t=0;t<o.instances.length;t++){var i=o.instances[t];i.enabled=o.enabled(i.namespace)}},o.enabled=function(e){if("*"===e[e.length-1])return!0;var t,n;for(t=0,n=o.skips.length;t<n;t++)if(o.skips[t].test(e))return!1;for(t=0,n=o.names.length;t<n;t++)if(o.names[t].test(e))return!0;return!1},o.humanize=n(45),Object.keys(e).forEach((function(t){o[t]=e[t]})),o.instances=[],o.names=[],o.skips=[],o.formatters={},o.selectColor=t,o.enable(o.load()),o}},function(e,t,n){var r=n(42),o=n(43),i=n(16),a=n(44);e.exports=function(e){return r(e)||o(e)||i(e)||a()}},function(e,t,n){var r=n(17);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){var n=1e3,r=6e4,o=60*r,i=24*o;function a(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}e.exports=function(e,t){t=t||{};var s=typeof e;if("string"===s&&e.length>0)return function(e){if((e=String(e)).length>100)return;var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*a;case"weeks":case"week":case"w":return 6048e5*a;case"days":case"day":case"d":return a*i;case"hours":case"hour":case"hrs":case"hr":case"h":return a*o;case"minutes":case"minute":case"mins":case"min":case"m":return a*r;case"seconds":case"second":case"secs":case"sec":case"s":return a*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===s&&isFinite(e))return t.long?function(e){var t=Math.abs(e);if(t>=i)return a(e,t,i,"day");if(t>=o)return a(e,t,o,"hour");if(t>=r)return a(e,t,r,"minute");if(t>=n)return a(e,t,n,"second");return e+" ms"}(e):function(e){var t=Math.abs(e);if(t>=i)return Math.round(e/i)+"d";if(t>=o)return Math.round(e/o)+"h";if(t>=r)return Math.round(e/r)+"m";if(t>=n)return Math.round(e/n)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t,n){"use strict";var r=n(12),o=n(13);function i(){this.pending=null,this.pendingTotal=0,this.blockSize=this.constructor.blockSize,this.outSize=this.constructor.outSize,this.hmacStrength=this.constructor.hmacStrength,this.padLength=this.constructor.padLength/8,this.endian="big",this._delta8=this.blockSize/8,this._delta32=this.blockSize/32}t.BlockHash=i,i.prototype.update=function(e,t){if(e=r.toArray(e,t),this.pending?this.pending=this.pending.concat(e):this.pending=e,this.pendingTotal+=e.length,this.pending.length>=this._delta8){var n=(e=this.pending).length%this._delta8;this.pending=e.slice(e.length-n,e.length),0===this.pending.length&&(this.pending=null),e=r.join32(e,0,e.length-n,this.endian);for(var o=0;o<e.length;o+=this._delta32)this._update(e,o,o+this._delta32)}return this},i.prototype.digest=function(e){return this.update(this._pad()),o(null===this.pending),this._digest(e)},i.prototype._pad=function(){var e=this.pendingTotal,t=this._delta8,n=t-(e+this.padLength)%t,r=new Array(n+this.padLength);r[0]=128;for(var o=1;o<n;o++)r[o]=0;if(e<<=3,"big"===this.endian){for(var i=8;i<this.padLength;i++)r[o++]=0;r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=e>>>24&255,r[o++]=e>>>16&255,r[o++]=e>>>8&255,r[o++]=255&e}else for(r[o++]=255&e,r[o++]=e>>>8&255,r[o++]=e>>>16&255,r[o++]=e>>>24&255,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,i=8;i<this.padLength;i++)r[o++]=0;return r}},function(e,t,n){"use strict";var r=n(12).rotr32;function o(e,t,n){return e&t^~e&n}function i(e,t,n){return e&t^e&n^t&n}function a(e,t,n){return e^t^n}t.ft_1=function(e,t,n,r){return 0===e?o(t,n,r):1===e||3===e?a(t,n,r):2===e?i(t,n,r):void 0},t.ch32=o,t.maj32=i,t.p32=a,t.s0_256=function(e){return r(e,2)^r(e,13)^r(e,22)},t.s1_256=function(e){return r(e,6)^r(e,11)^r(e,25)},t.g0_256=function(e){return r(e,7)^r(e,18)^e>>>3},t.g1_256=function(e){return r(e,17)^r(e,19)^e>>>10}},function(e,t,n){var r,o,i=n(18),a=n(19),s=0,c=0;e.exports=function(e,t,n){var u=t&&n||0,l=t||[],f=(e=e||{}).node||r,d=void 0!==e.clockseq?e.clockseq:o;if(null==f||null==d){var p=i();null==f&&(f=r=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==d&&(d=o=16383&(p[6]<<8|p[7]))}var m=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,v=m-s+(h-c)/1e4;if(v<0&&void 0===e.clockseq&&(d=d+1&16383),(v<0||m>s)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");s=m,c=h,o=d;var g=(1e4*(268435455&(m+=122192928e5))+h)%4294967296;l[u++]=g>>>24&255,l[u++]=g>>>16&255,l[u++]=g>>>8&255,l[u++]=255&g;var y=m/4294967296*1e4&268435455;l[u++]=y>>>8&255,l[u++]=255&y,l[u++]=y>>>24&15|16,l[u++]=y>>>16&255,l[u++]=d>>>8|128,l[u++]=255&d;for(var b=0;b<6;++b)l[u+b]=f[b];return t||a(l)}},function(e,t,n){var r=n(18),o=n(19);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||r)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var s=0;s<16;++s)t[i+s]=a[s];return t||o(a)}},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";var r=n(54);e.exports=function(){var e=r.apply(r,arguments);return e.charAt(0).toUpperCase()+e.slice(1)}},function(e,t,n){"use strict";e.exports=function(){var e=[].map.call(arguments,(function(e){return e.trim()})).filter((function(e){return e.length})).join("-");return e.length?1!==e.length&&/[_.\- ]+/.test(e)?e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,(function(e,t){return t.toUpperCase()})):e[0]===e[0].toLowerCase()&&e.slice(1)!==e.slice(1).toLowerCase()?e:e.toLowerCase():""}},function(e,t){e.exports={100:"Continue",101:"Switching Protocols",102:"Processing",200:"OK",201:"Created",202:"Accepted",203:"Non-Authoritative Information",204:"No Content",205:"Reset Content",206:"Partial Content",207:"Multi-Status",208:"Already Reported",226:"IM Used",300:"Multiple Choices",301:"Moved Permanently",302:"Found",303:"See Other",304:"Not Modified",305:"Use Proxy",307:"Temporary Redirect",308:"Permanent Redirect",400:"Bad Request",401:"Unauthorized",402:"Payment Required",403:"Forbidden",404:"Not Found",405:"Method Not Allowed",406:"Not Acceptable",407:"Proxy Authentication Required",408:"Request Timeout",409:"Conflict",410:"Gone",411:"Length Required",412:"Precondition Failed",413:"Payload Too Large",414:"URI Too Long",415:"Unsupported Media Type",416:"Range Not Satisfiable",417:"Expectation Failed",418:"I'm a teapot",421:"Misdirected Request",422:"Unprocessable Entity",423:"Locked",424:"Failed Dependency",425:"Unordered Collection",426:"Upgrade Required",428:"Precondition Required",429:"Too Many Requests",431:"Request Header Fields Too Large",500:"Internal Server Error",501:"Not Implemented",502:"Bad Gateway",503:"Service Unavailable",504:"Gateway Timeout",505:"HTTP Version Not Supported",506:"Variant Also Negotiates",507:"Insufficient Storage",508:"Loop Detected",509:"Bandwidth Limit Exceeded",510:"Not Extended",511:"Network Authentication Required"}},function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"getSite",(function(){return Z}));var o={};n.r(o),n.d(o,"getState",(function(){return Y})),n.d(o,"getNewSite",(function(){return ee})),n.d(o,"getNewSiteError",(function(){return te})),n.d(o,"isFetchingSite",(function(){return ne})),n.d(o,"isNewSite",(function(){return re})),n.d(o,"getSite",(function(){return oe}));var i={};n.r(i),n.d(i,"register",(function(){return ae}));var a=n(0),s=n.n(a),c=(n(15),n(14)),u=n.n(c),l=n(1),f=n(2),d="automattic/site";var p=function(){return(p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function m(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function h(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(s){i=[6,s],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}var v=Object(f.combineReducers)({data:function(e,t){return"RECEIVE_NEW_SITE"===t.type?t.response.blog_details:"RECEIVE_NEW_SITE_FAILED"!==t.type&&"RESET_SITE_STORE"!==t.type?e:void 0},error:function(e,t){switch(t.type){case"FETCH_NEW_SITE":case"RECEIVE_NEW_SITE":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return;case"RECEIVE_NEW_SITE_FAILED":return{error:t.error.error,status:t.error.status,statusCode:t.error.statusCode,name:t.error.name,message:t.error.message}}return e},isFetching:function(e,t){switch(void 0===e&&(e=!1),t.type){case"FETCH_NEW_SITE":return!0;case"RECEIVE_NEW_SITE":case"RECEIVE_NEW_SITE_FAILED":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return!1}return e}}),g=Object(f.combineReducers)({newSite:v,sites:function(e,t){var n;if(void 0===e&&(e={}),"RECEIVE_SITE"===t.type)return p(p({},e),((n={})[t.siteId]=t.response,n));if("RECEIVE_SITE_FAILED"===t.type){var r=e,o=t.siteId,i=(r[o],m(r,["symbol"==typeof o?o:o+""]));return p({},i)}return"RESET_SITE_STORE"===t.type?{}:e}}),y="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),b=new Uint8Array(16);function w(){if(!y)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return y(b)}for(var _=[],E=0;E<256;++E)_[E]=(E+256).toString(16).substr(1);var C=function(e,t){var n=t||0,r=_;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var S,O=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||w)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var i=0;i<16;++i)t[r+i]=o[i];return t||C(o)},x=n(26),j=n.n(x),F=n(10),k=n.n(F),R=n(4),I=n.n(R),A=I()("wpcom-proxy-request"),T="https://public-api.wordpress.com",L=window.location.protocol+"//"+window.location.host,N=function(){var e=!1;try{window.postMessage({toString:function(){e=!0}},"*")}catch(t){}return e}(),P=function(){try{return new window.File(["a"],"test.jpg",{type:"image/jpeg"}),!0}catch(e){return!1}}(),M=null,D=!1,V={},q=!!window.ProgressEvent&&!!window.FormData;A('using "origin": %o',L);var U=function(e,t){var n=Object.assign({},e);A("request(%o)",n),M||G();var r=O();n.callback=r,n.supports_args=!0,n.supports_error_obj=!0,n.supports_progress=q,n.method=String(n.method||"GET").toUpperCase(),A("params object: %o",n);var o=new window.XMLHttpRequest;if(o.params=n,V[r]=o,"function"==typeof t){var i=!1,a=function(e){if(!i){i=!0;var n=e.error||e.err||e;A("error: ",n),A("headers: ",e.headers),t(n,null,e.headers)}};o.addEventListener("load",(function(e){if(!i){i=!0;var n=e.response||o.response;A("body: ",n),A("headers: ",e.headers),t(null,n,e.headers)}})),o.addEventListener("abort",a),o.addEventListener("error",a)}return D?W(n):(A("buffering API request since proxying <iframe> is not yet loaded"),S.push(n)),o},z=function(e,t){return"function"==typeof t?U(e,t):new Promise((function(t,n){U(e,(function(e,r){e?n(e):t(r)}))}))};function W(e){A("sending API request to proxy <iframe> %o",e),e.formData&&function(e){if(!window.chrome||!P)return;for(var t=0;t<e.length;t++){var n=H(e[t][1]);n&&(e[t][1]=new window.File([n],n.name,{type:n.type}))}}(e.formData),M.contentWindow.postMessage(N?JSON.stringify(e):e,T)}function B(e){return e&&"[object File]"===Object.prototype.toString.call(e)}function H(e){return B(e)?e:"object"==typeof e&&B(e.fileContents)?e.fileContents:null}function G(){A("install()"),M&&(A("uninstall()"),window.removeEventListener("message",$),document.body.removeChild(M),D=!1,M=null),S=[],window.addEventListener("message",$),(M=document.createElement("iframe")).src=T+"/wp-admin/rest-proxy/?v=2.0#"+L,M.style.display="none",document.body.appendChild(M)}function $(e){if(A("onmessage"),e.origin===T){var t=e.data;if(!t)return A("no `data`, bailing");if("ready"!==t){if(N&&"string"==typeof t&&(t=JSON.parse(t)),t.upload||t.download)return function(e){A('got "progress" event: %o',e);var t=V[e.callbackId];if(t){var n=new k.a("progress",e);(e.upload?t.upload:t).dispatchEvent(n)}}(t);if(!t.length)return A("`e.data` doesn't appear to be an Array, bailing...");var n=t[t.length-1];if(!(n in V))return A("bailing, no matching request with callback: %o",n);var r=V[n],o=r.params,i=t[0],a=t[1],s=t[2];if(207===a||delete V[n],o.metaAPI?a="metaAPIupdated"===i?200:500:A("got %o status code for URL: %o",a,o.path),"object"==typeof s&&(s.status=a),a&&2===Math.floor(a/100))!function(e,t,n){var r=new k.a("load");r.data=r.body=r.response=t,r.headers=n,e.dispatchEvent(r)}(r,i,s);else!function(e,t,n){var r=new k.a("error");r.error=r.err=t,r.headers=n,e.dispatchEvent(r)}(r,j()(o,a,i),s)}else!function(){if(A('proxy <iframe> "load" event'),D=!0,S){for(var e=0;e<S.length;e++)W(S[e]);S=null}}()}else A("ignoring message... %o !== %o",e.origin,T)}var J=z,X=function(e){return{type:"WPCOM_REQUEST",request:e}},K={WPCOM_REQUEST:function(e){var t=e.request;return J(t)},FETCH_AND_PARSE:function(e){var t,n,r,o,i=e.resource,a=e.options;return t=void 0,n=void 0,o=function(){var e,t;return h(this,(function(n){switch(n.label){case 0:return[4,window.fetch(i,a)];case 1:return e=n.sent(),t={ok:e.ok},[4,e.json()];case 2:return[2,(t.body=n.sent(),t)]}}))},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{c(o.next(e))}catch(t){i(t)}}function s(e){try{c(o.throw(e))}catch(t){i(t)}}function c(t){t.done?e(t.value):new r((function(e){e(t.value)})).then(a,s)}c((o=o.apply(t,n||[])).next())}))},RELOAD_PROXY:function(){G()},REQUEST_ALL_BLOGS_ACCESS:function(){return z({metaAPI:{accessAllUsersBlogs:!0}})},WAIT:function(e){var t=e.ms;return new Promise((function(e){return setTimeout(e,t)}))}};function Q(e){var t=function(){return{type:"FETCH_NEW_SITE"}},n=function(e){return{type:"RECEIVE_NEW_SITE",response:e}},r=function(e){return{type:"RECEIVE_NEW_SITE_FAILED",error:e}};return{fetchNewSite:t,receiveNewSite:n,receiveNewSiteFailed:r,resetNewSiteFailed:function(){return{type:"RESET_RECEIVE_NEW_SITE_FAILED"}},createSite:function(t){var o,i,a,s,c,u;return h(this,(function(l){switch(l.label){case 0:return[4,{type:"FETCH_NEW_SITE"}];case 1:l.sent(),l.label=2;case 2:return l.trys.push([2,5,,7]),o=t.authToken,i=m(t,["authToken"]),a={client_id:e.client_id,client_secret:e.client_secret,find_available_url:!0,public:-1},s=p(p(p({},a),i),{validate:!1}),[4,X({path:"/sites/new",apiVersion:"1.1",method:"post",body:s,token:o})];case 3:return c=l.sent(),[4,n(c)];case 4:return l.sent(),[2,!0];case 5:return u=l.sent(),[4,r(u)];case 6:return l.sent(),[2,!1];case 7:return[2]}}))},receiveSite:function(e,t){return{type:"RECEIVE_SITE",siteId:e,response:t}},receiveSiteFailed:function(e,t){return{type:"RECEIVE_SITE_FAILED",siteId:e,response:t}},reset:function(){return{type:"RESET_SITE_STORE"}}}}function Z(e){var t;return h(this,(function(n){switch(n.label){case 0:return n.trys.push([0,3,,5]),[4,X({path:"/sites/"+encodeURIComponent(e),apiVersion:"1.1"})];case 1:return t=n.sent(),[4,Object(f.dispatch)(d).receiveSite(e,t)];case 2:return n.sent(),[3,5];case 3:return n.sent(),[4,Object(f.dispatch)(d).receiveSiteFailed(e,void 0)];case 4:return n.sent(),[3,5];case 5:return[2]}}))}var Y=function(e){return e},ee=function(e){return e.newSite.data},te=function(e){return e.newSite.error},ne=function(e){return e.newSite.isFetching},re=function(e){return!!e.newSite.data},oe=function(e,t){return e.sites[t]},ie=!1;function ae(e){return ie||(ie=!0,Object(f.registerStore)(d,{actions:Q(e),controls:K,reducer:g,resolvers:r,selectors:o})),d}var se=n(20),ce=n.n(se),ue=n(21),le=n.n(ue),fe=n(3),de=n(5);function pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function me(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var ve=function(e){var t=e.icon,n=e.size,r=void 0===n?24:n,o=me(e,["icon","size"]);return Object(l.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:r,height:r},o))},ge=n(6),ye=Object(l.createElement)(ge.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(l.createElement)(ge.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"})),be=I()("calypso:analytics");n(22);"undefined"!=typeof window&&window.addEventListener("popstate",(function(){null}));n(9);var we=n(23),_e=I()("lib/load-script/callback-handler"),Ee=new Map;function Ce(){return Ee}function Se(e){return Ce().has(e)}function Oe(e,t){var n=Ce();Se(e)?(_e('Adding a callback for an existing script from "'.concat(e,'"')),n.get(e).add(t)):(_e('Adding a callback for a new script from "'.concat(e,'"')),n.set(e,new Set([t])))}function xe(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=Ce(),r=n.get(e);if(r){var o='Executing callbacks for "'.concat(e,'"')+(null===t?" with success":' with error "'.concat(t,'"'));_e(o),r.forEach((function(e){"function"==typeof e&&e(t)})),n.delete(e)}}function je(){var e=this.getAttribute("src");_e('Handling successful request for "'.concat(e,'"')),xe(e),this.onload=null}function Fe(){var e=this.getAttribute("src");_e('Handling failed request for "'.concat(e,'"')),xe(e,new Error('Failed to load script "'.concat(e,'"'))),this.onerror=null}var ke=I()("lib/load-script/dom-operations");I()("package/load-script");function Re(e,t){var n;if(!Se(e)&&(n=function(e){ke('Creating script element for "'.concat(e,'"'));var t=document.createElement("script");return t.src=e,t.type="text/javascript",t.async=!0,t.onload=je,t.onerror=Fe,t}(e),ke("Attaching element to head"),document.head.appendChild(n)),"function"!=typeof t)return new Promise((function(t,n){Oe(e,(function(e){null===e?t():n(e)}))}));Oe(e,t)}var Ie,Ae=["a8c_cookie_banner_ok","wcadmin_storeprofiler_create_jetpack_account","wcadmin_storeprofiler_connect_store","wcadmin_storeprofiler_login_jetpack_account","wcadmin_storeprofiler_payment_login","wcadmin_storeprofiler_payment_create_account"];Promise.resolve();function Te(e){"undefined"!=typeof window&&(window._tkq=window._tkq||[],window._tkq.push(e))}"undefined"!=typeof document&&Re("//stats.wp.com/w.js?61");var Le=new we.EventEmitter;function Ne(e,t){if(be('Record event "%s" called with props %o',e,t=t||{}),e.startsWith("calypso_")||Object(de.includes)(Ae,e)){if(Ie){var n=Ie(t);t=p(p({},t),n)}t=Object(de.omitBy)(t,de.isUndefined),be('Recording event "%s" with actual props %o',e,t),Te(["recordEvent",e,t]),Le.emit("record-event",e,t)}else be('- Event name must be prefixed by "calypso_" or added to `EVENT_NAME_EXCEPTIONS`')}var Pe=n(24);var Me=n(8),De=n(25),Ve=a.createContext(Ue()),qe=function(){return a.useContext(Ve)};Object(De.createHigherOrderComponent)((function(e){return function(t){var n=qe();return a.createElement(e,p({},n,t))}}),"withI18n");function Ue(e){var t,n,r=Object(Me.createI18n)(e),o=null!==(n=null===(t=null==e?void 0:e[""])||void 0===t?void 0:t.localeSlug)&&void 0!==n?n:"en";return{__:r.__.bind(r),_n:r._n.bind(r),_nx:r._nx.bind(r),_x:r._x.bind(r),isRTL:r.isRTL.bind(r),i18nLocale:o}}var ze=n(7),We=n.n(ze),Be="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),He=new Uint8Array(16);function Ge(){if(!Be)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Be(He)}for(var $e=[],Je=0;Je<256;++Je)$e[Je]=(Je+256).toString(16).substr(1);var Xe=function(e,t){var n=t||0,r=$e;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var Ke=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||Ge)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var i=0;i<16;++i)t[r+i]=o[i];return t||Xe(o)},Qe=Object(l.createElement)(ge.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(l.createElement)(ge.Path,{d:"M2 11V9h12l-4-4 1-2 7 7-7 7-1-2 4-4H2z"})),Ze=function(e){var t=e.suggestion,n=e.railcarId,r=e.isRecommended,o=void 0!==r&&r,i=e.onSelect,c=e.onRender,u=qe().__,f=t.domain_name,d=f.indexOf("."),p=f.slice(0,d),m=f.slice(d),h=Object(a.useState)(),v=h[0],g=h[1],y=Object(a.useState)(),b=y[0],w=y[1],_=Ke();Object(a.useEffect)((function(){f!==v&&b!==n&&n&&(c(),g(f),w(n))}),[f,v,b,n,c]);return s.a.createElement("button",{type:"button",className:We()("domain-picker__suggestion-item",{"is-free":t.is_free}),onClick:function(){b&&function(e){Ne("calypso_traintracks_interact",{railcar:e.railcarId,action:e.action})}({action:"domain_selected",railcarId:b}),i(t)},id:_},s.a.createElement("div",{className:"domain-picker__suggestion-item-name"},s.a.createElement("span",{className:"domain-picker__domain-name"},p),s.a.createElement("span",{className:"domain-picker__domain-tld"},m),o&&s.a.createElement("div",{className:"domain-picker__badge is-recommended"},u("Recommended"))),s.a.createElement("div",{className:We()("domain-picker__price",{"is-paid":!t.is_free})},t.is_free?u("Free"):s.a.createElement(s.a.Fragment,null,s.a.createElement("span",{className:"domain-picker__price-long"},Object(l.createInterpolateElement)(Object(Me.sprintf)(u("Included in paid plan, <strikethrough>%s/year</strikethrough>"),t.cost),{strikethrough:s.a.createElement("span",{className:"domain-picker__price-cost"})})),s.a.createElement("span",{className:"domain-picker__price-short domain-picker__price-cost"},Object(Me.sprintf)(u("%s/year"),t.cost)))),s.a.createElement("div",{className:"domain-picker__suggestion-item-select-button"},s.a.createElement("span",null,u("Select")),s.a.createElement(ve,{icon:Qe,size:18})))},Ye=function(){return s.a.createElement("div",{className:"domain-picker__suggestion-item placeholder"},s.a.createElement("div",{className:"domain-picker__suggestion-item-name placeholder"}),s.a.createElement("div",{className:"domain-picker__price placeholder"}))};function et(e,t){return e===t}function tt(e,t,n){var r=n&&n.equalityFn?n.equalityFn:et,o=Object(a.useState)(e),i=o[0],s=o[1],c=function(e,t,n){void 0===n&&(n={});var r=n.maxWait,o=Object(a.useRef)(null),i=Object(a.useRef)([]),s=n.leading,c=Object(a.useRef)(!1),u=Object(a.useRef)(null),l=Object(a.useRef)(!1),f=Object(a.useRef)(e);f.current=e;var d=Object(a.useCallback)((function(){clearTimeout(u.current),clearTimeout(o.current),o.current=null,i.current=[],u.current=null,c.current=!1}),[]);return Object(a.useEffect)((function(){return function(){l.current=!0}}),[]),[Object(a.useCallback)((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(i.current=e,clearTimeout(u.current),!u.current&&s&&!c.current)return f.current.apply(f,e),void(c.current=!0);u.current=setTimeout((function(){d(),l.current||f.current.apply(f,e)}),t),r&&!o.current&&(o.current=setTimeout((function(){var e=i.current;d(),l.current||f.current.apply(null,e)}),r))}),[r,t,d,s]),d,function(){u.current&&(f.current.apply(null,i.current),d())}]}(Object(a.useCallback)((function(e){return s(e)}),[]),t,n),u=c[0],l=c[1],f=Object(a.useRef)(e);return Object(a.useEffect)((function(){r(f.current,e)||(u(e),f.current=e)}),[e,u,r]),[i,l]}var nt=Object(l.createElement)(ge.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)(ge.Path,{d:"M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"})),rt=(n(52),function(e){var t=e.onSelect,n=e.selected,r=qe().__,o=Object(l.useState)(!1),i=o[0],s=o[1],c=function(e){s(!1),t(e)},u=Object(f.useSelect)((function(e){return e("automattic/domains/suggestions").getCategories()}));return a.createElement("div",{className:We()("domain-categories",{"is-open":i})},a.createElement(fe.Button,{className:"domain-categories__dropdown-button",onClick:function(){return s(!i)}},a.createElement("span",null,n||r("All Categories")),a.createElement(ve,{icon:nt,size:16})),a.createElement("ul",{className:"domain-categories__item-group"},a.createElement("li",{className:We()("domain-categories__item",{"is-selected":!n})},a.createElement(fe.Button,{onClick:function(){return c()}},r("View all"))),u.map((function(e){var t=e.slug,r=e.title;return a.createElement("li",{key:t,className:We()("domain-categories__item",{"is-selected":t===n})},a.createElement(fe.Button,{onClick:function(){return c(t)}},r))}))))}),ot=function(){return s.a.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 300 40",xmlSpace:"preserve",width:"300"},s.a.createElement("rect",{x:"0",width:"310",height:"50",rx:"10",fill:"#D8D8D8"}),s.a.createElement("rect",{x:"8",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"40",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"72",y:"8",width:"300",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("text",{x:"80",y:"26",fontFamily:"roboto",fill:"#999"},"https://"),s.a.createElement("text",{x:"133",y:"26",fontFamily:"roboto",fill:"#515151"},"example.com"))},it=(n(51),function(e){var t,n=e.header,r=e.showDomainCategories,o=e.onDomainSelect,i=e.quantity,c=void 0===i?5:i,u=e.quantityExpanded,l=void 0===u?10:u,d=e.analyticsFlowId,p=e.analyticsUiAlgo,m=e.initialDomainSearch,h=void 0===m?"":m,v=e.onSetDomainSearch,g=qe().__,y=g("Search for a domain"),b=Object(a.useState)(!1),w=b[0],_=b[1],E=Object(a.useState)(h),C=E[0],S=E[1],O=Object(a.useState)(),x=O[0],j=O[1],F=Object(f.useSelect)((function(e){return e("automattic/domains/suggestions").getDomainSuggestionVendor()})),k=function(e,t,n,r){void 0===e&&(e=""),void 0===r&&(r="en");var o=tt(e,300)[0];return Object(f.useSelect)((function(e){if(o)return e("automattic/domains/suggestions").getDomainSuggestions(o,{include_wordpressdotcom:!0,include_dotblogsubdomain:!1,quantity:t+1,locale:r,category_slug:n})}),[o,n,t])}(C.trim(),l,x,qe().i18nLocale),R=null==k?void 0:k.slice(0,w?l:c);if(R&&R.length>1){var I=R.findIndex((function(e){return e.is_free}));if(I>-1){var A=R[1];R[1]=R[I],R[I]=A}}Object(a.useEffect)((function(){_(!1)}),[C]);var T=Object(a.useState)(),L=T[0],N=T[1];Object(a.useEffect)((function(){var e;k&&N((void 0===(e="suggestion")&&(e="recommendation"),Object(Pe.v4)().replace(/-/g,"")+"-"+e))}),[k,N]);var P=function(e,t,n,r){var o="/domains/search/"+F+"/"+d+(x?"/"+x:""),i=e.domain_name;!function(e){Ne("calypso_traintracks_render",{railcar:e.railcarId,ui_algo:e.uiAlgo,ui_position:e.uiPosition,fetch_algo:e.fetchAlgo,rec_result:e.result,fetch_query:e.query})}({uiAlgo:"/"+d+"/"+p,fetchAlgo:o,query:C,railcarId:t,result:r?i+"#recommended":i,uiPosition:n})};return s.a.createElement("div",{className:"domain-picker"},n,s.a.createElement("div",{className:"domain-picker__search"},s.a.createElement("div",{className:"domain-picker__search-icon"},s.a.createElement(ve,{icon:ye})),s.a.createElement(fe.TextControl,{"data-hj-whitelist":!0,hideLabelFromVision:!0,label:y,placeholder:y,onChange:function(e){S(e),v(e)},value:C})),C.trim()?s.a.createElement("div",{className:"domain-picker__body"},r&&s.a.createElement("div",{className:"domain-picker__aside"},s.a.createElement(rt,{selected:x,onSelect:j})),s.a.createElement("div",{className:"domain-picker__suggestion-item-group"},null!==(t=null==R?void 0:R.map((function(e,t){return s.a.createElement(Ze,{key:e.domain_name,suggestion:e,railcarId:L?""+L+t:void 0,isRecommended:0===t,onRender:function(){return P(e,""+L+t,t,0===t)},onSelect:o})})))&&void 0!==t?t:Object(de.times)(c,(function(e){return s.a.createElement(Ye,{key:e})})),!w&&(null==k?void 0:k.length)&&(null==k?void 0:k.length)>c&&s.a.createElement("div",{className:"domain-picker__show-more"},s.a.createElement(fe.Button,{onClick:function(){return _(!0)}},g("View more results"))))):s.a.createElement("div",{className:"domain-picker__empty-state"},s.a.createElement("p",{className:"domain-picker__empty-state--text"},g("A domain name is the site address people type in their browser to visit your site.")),s.a.createElement("div",null,s.a.createElement(ot,null))))}),at=(n(39),function(e){var t=e.isOpen,n=e.onClose,r=le()(e,["isOpen","onClose"]);return t?Object(l.createElement)(fe.Modal,{className:"domain-picker-modal",overlayClassName:"domain-picker-modal-overlay",bodyOpenClassName:"has-domain-picker-modal",onRequestClose:n,title:""},Object(l.createElement)(it,ce()({showDomainCategories:!0},r))):null}),st=i.register({client_id:"",client_secret:""});function ct(){var e,t,n=a.useState(!1),r=u()(n,2),o=r[0],i=r[1],s=a.useState(""),c=u()(s,2),d=c[0],p=c[1],m=Object(f.useSelect)((function(e){return e(st).getSite(window._currentSiteId)})),h={domain_name:(null==m?void 0:m.URL)&&new URL(null==m?void 0:m.URL).hostname||"",is_free:null==m||null===(e=m.URL)||void 0===e?void 0:e.endsWith("wordpress.com")},v=null!==(t=d.trim()||(null==m?void 0:m.name))&&void 0!==t?t:"";return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(fe.Button,{"aria-expanded":o,"aria-haspopup":"menu","aria-pressed":o,onClick:function(){return i((function(e){return!e}))}},Object(l.createElement)("span",{className:"domain-picker-button__label"},"Domain: ".concat(h.domain_name)),Object(l.createElement)(ve,{icon:nt,size:22})),Object(l.createElement)(at,{analyticsFlowId:"gutenboarding",analyticsUiAlgo:"editor_domain_modal",initialDomainSearch:v,onSetDomainSearch:p,isOpen:o,showDomainConnectButton:!0,showDomainCategories:!0,currentDomain:h,onDomainSelect:function(){return i(!1)},onClose:function(){return i(!1)}}))}var ut=n(27),lt=setInterval((function(){var e=document.querySelector(".edit-post-header__settings");if(e){clearInterval(lt);var t=document.createElement("div");e.prepend(t),ut.render(a.createElement(ct),t)}}))}]));
|
1 |
+
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return 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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=56)}([function(e,t){!function(){e.exports=this.React}()},function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t,n){t.log=function(){var e;return"object"==typeof console&&console.log&&(e=console).log.apply(e,arguments)},t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(o=r))})),t.splice(o,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(n){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(n){}!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],e.exports=n(42)(t),e.exports.formatters.j=function(e){try{return JSON.stringify(e)}catch(t){return"[UnexpectedJSONParseError]: "+t.message}}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t,n){var r;
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
+
*/!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)&&r.length){var a=o.apply(null,r);a&&e.push(a)}else if("object"===i)for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},function(e,t,n){var r=n(35),o=n(36),i=n(16),a=n(37);e.exports=function(e,t){return r(e)||o(e,t)||i(e,t)||a()}},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){var n,r=window.ProgressEvent,o=!!r;try{n=new r("loaded"),o="loaded"===n.type,n=null}catch(i){o=!1}e.exports=o?r:"function"==typeof document.createEvent?function(e,t){var n=document.createEvent("Event");return n.initEvent(e,!1,!1),t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}:function(e,t){var n=document.createEventObject();return n.type=e,t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}},function(e,t,n){"use strict";
|
7 |
/*!
|
8 |
* cookie
|
9 |
* Copyright(c) 2012-2014 Roman Shtylman
|
10 |
* Copyright(c) 2015 Douglas Christopher Wilson
|
11 |
* MIT Licensed
|
12 |
+
*/t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},o=t||{},a=e.split(i),c=o.decode||r,u=0;u<a.length;u++){var l=a[u],f=l.indexOf("=");if(!(f<0)){var d=l.substr(0,f).trim(),p=l.substr(++f,l.length).trim();'"'==p[0]&&(p=p.slice(1,-1)),null==n[d]&&(n[d]=s(p,c))}}return n},t.serialize=function(e,t,n){var r=n||{},i=r.encode||o;if("function"!=typeof i)throw new TypeError("option encode is invalid");if(!a.test(e))throw new TypeError("argument name is invalid");var s=i(t);if(s&&!a.test(s))throw new TypeError("argument val is invalid");var c=e+"="+s;if(null!=r.maxAge){var u=r.maxAge-0;if(isNaN(u))throw new Error("maxAge should be a Number");c+="; Max-Age="+Math.floor(u)}if(r.domain){if(!a.test(r.domain))throw new TypeError("option domain is invalid");c+="; Domain="+r.domain}if(r.path){if(!a.test(r.path))throw new TypeError("option path is invalid");c+="; Path="+r.path}if(r.expires){if("function"!=typeof r.expires.toUTCString)throw new TypeError("option expires is invalid");c+="; Expires="+r.expires.toUTCString()}r.httpOnly&&(c+="; HttpOnly");r.secure&&(c+="; Secure");if(r.sameSite){switch("string"==typeof r.sameSite?r.sameSite.toLowerCase():r.sameSite){case!0:c+="; SameSite=Strict";break;case"lax":c+="; SameSite=Lax";break;case"strict":c+="; SameSite=Strict";break;case"none":c+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return c};var r=decodeURIComponent,o=encodeURIComponent,i=/; */,a=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function s(e,t){try{return t(e)}catch(n){return e}}},,function(e,t){!function(){e.exports=this["a8c-fse-common-data-stores"]}()},function(e,t,n){"use strict";var r=n(15),o=n(48);function i(e,t){return 55296==(64512&e.charCodeAt(t))&&(!(t<0||t+1>=e.length)&&56320==(64512&e.charCodeAt(t+1)))}function a(e){return(e>>>24|e>>>8&65280|e<<8&16711680|(255&e)<<24)>>>0}function s(e){return 1===e.length?"0"+e:e}function c(e){return 7===e.length?"0"+e:6===e.length?"00"+e:5===e.length?"000"+e:4===e.length?"0000"+e:3===e.length?"00000"+e:2===e.length?"000000"+e:1===e.length?"0000000"+e:e}t.inherits=o,t.toArray=function(e,t){if(Array.isArray(e))return e.slice();if(!e)return[];var n=[];if("string"==typeof e)if(t){if("hex"===t)for((e=e.replace(/[^a-z0-9]+/gi,"")).length%2!=0&&(e="0"+e),o=0;o<e.length;o+=2)n.push(parseInt(e[o]+e[o+1],16))}else for(var r=0,o=0;o<e.length;o++){var a=e.charCodeAt(o);a<128?n[r++]=a:a<2048?(n[r++]=a>>6|192,n[r++]=63&a|128):i(e,o)?(a=65536+((1023&a)<<10)+(1023&e.charCodeAt(++o)),n[r++]=a>>18|240,n[r++]=a>>12&63|128,n[r++]=a>>6&63|128,n[r++]=63&a|128):(n[r++]=a>>12|224,n[r++]=a>>6&63|128,n[r++]=63&a|128)}else for(o=0;o<e.length;o++)n[o]=0|e[o];return n},t.toHex=function(e){for(var t="",n=0;n<e.length;n++)t+=s(e[n].toString(16));return t},t.htonl=a,t.toHex32=function(e,t){for(var n="",r=0;r<e.length;r++){var o=e[r];"little"===t&&(o=a(o)),n+=c(o.toString(16))}return n},t.zero2=s,t.zero8=c,t.join32=function(e,t,n,o){var i=n-t;r(i%4==0);for(var a=new Array(i/4),s=0,c=t;s<a.length;s++,c+=4){var u;u="big"===o?e[c]<<24|e[c+1]<<16|e[c+2]<<8|e[c+3]:e[c+3]<<24|e[c+2]<<16|e[c+1]<<8|e[c],a[s]=u>>>0}return a},t.split32=function(e,t){for(var n=new Array(4*e.length),r=0,o=0;r<e.length;r++,o+=4){var i=e[r];"big"===t?(n[o]=i>>>24,n[o+1]=i>>>16&255,n[o+2]=i>>>8&255,n[o+3]=255&i):(n[o+3]=i>>>24,n[o+2]=i>>>16&255,n[o+1]=i>>>8&255,n[o]=255&i)}return n},t.rotr32=function(e,t){return e>>>t|e<<32-t},t.rotl32=function(e,t){return e<<t|e>>>32-t},t.sum32=function(e,t){return e+t>>>0},t.sum32_3=function(e,t,n){return e+t+n>>>0},t.sum32_4=function(e,t,n,r){return e+t+n+r>>>0},t.sum32_5=function(e,t,n,r,o){return e+t+n+r+o>>>0},t.sum64=function(e,t,n,r){var o=e[t],i=r+e[t+1]>>>0,a=(i<r?1:0)+n+o;e[t]=a>>>0,e[t+1]=i},t.sum64_hi=function(e,t,n,r){return(t+r>>>0<t?1:0)+e+n>>>0},t.sum64_lo=function(e,t,n,r){return t+r>>>0},t.sum64_4_hi=function(e,t,n,r,o,i,a,s){var c=0,u=t;return c+=(u=u+r>>>0)<t?1:0,c+=(u=u+i>>>0)<i?1:0,e+n+o+a+(c+=(u=u+s>>>0)<s?1:0)>>>0},t.sum64_4_lo=function(e,t,n,r,o,i,a,s){return t+r+i+s>>>0},t.sum64_5_hi=function(e,t,n,r,o,i,a,s,c,u){var l=0,f=t;return l+=(f=f+r>>>0)<t?1:0,l+=(f=f+i>>>0)<i?1:0,l+=(f=f+s>>>0)<s?1:0,e+n+o+a+c+(l+=(f=f+u>>>0)<u?1:0)>>>0},t.sum64_5_lo=function(e,t,n,r,o,i,a,s,c,u){return t+r+i+s+u>>>0},t.rotr64_hi=function(e,t,n){return(t<<32-n|e>>>n)>>>0},t.rotr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0},t.shr64_hi=function(e,t,n){return e>>>n},t.shr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0}},function(e,t){function n(e,t){if(!e)throw new Error(t||"Assertion failed")}e.exports=n,n.equal=function(e,t,n){if(e!=t)throw new Error(n||"Assertion failed: "+e+" != "+t)}},function(e,t,n){var r=n(17);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(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(e,t){var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var r=new Uint8Array(16);e.exports=function(){return n(r),r}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},function(e,t){for(var n=[],r=0;r<256;++r)n[r]=(r+256).toString(16).substr(1);e.exports=function(e,t){var r=t||0,o=n;return[o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]]].join("")}},function(e,t,n){var r=n(38);e.exports=function(e,t){if(null==e)return{};var n,o,i=r(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}},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},n.apply(this,arguments)}e.exports=n},function(e,t,n){var r=n(39),o=n(41);function i(e,t){if(t)if("number"==typeof t)a(e,t);else{t.status_code&&a(e,t.status_code),t.error&&(e.name=c(t.error)),t.error_description&&(e.message=t.error_description);var n=t.errors;if(n)i(e,n.length?n[0]:n);for(var r in t)e[r]=t[r];e.status&&(t.method||t.path)&&s(e)}}function a(e,t){e.name=c(o[t]),e.status=e.statusCode=t,s(e)}function s(e){var t=e.status,n=e.method,r=e.path,o=t+" status code",i=n||r;i&&(o+=' for "'),n&&(o+=n),i&&(o+=" "),r&&(o+=r),i&&(o+='"'),e.message=o}function c(e){return r(String(e).replace(/error$/i,""),"error")}e.exports=function e(){for(var t=new Error,n=0;n<arguments.length;n++)i(t,arguments[n]);"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(t,e);return t}},function(e,t,n){"use strict";var r=n(14),o=n(49),i=n(50),a=n(15),s=r.sum32,c=r.sum32_4,u=r.sum32_5,l=i.ch32,f=i.maj32,d=i.s0_256,p=i.s1_256,m=i.g0_256,h=i.g1_256,v=o.BlockHash,g=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298];function y(){if(!(this instanceof y))return new y;v.call(this),this.h=[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225],this.k=g,this.W=new Array(64)}r.inherits(y,v),e.exports=y,y.blockSize=512,y.outSize=256,y.hmacStrength=192,y.padLength=64,y.prototype._update=function(e,t){for(var n=this.W,r=0;r<16;r++)n[r]=e[t+r];for(;r<n.length;r++)n[r]=c(h(n[r-2]),n[r-7],m(n[r-15]),n[r-16]);var o=this.h[0],i=this.h[1],v=this.h[2],g=this.h[3],y=this.h[4],b=this.h[5],_=this.h[6],w=this.h[7];for(a(this.k.length===n.length),r=0;r<n.length;r++){var E=u(w,p(y),l(y,b,_),this.k[r],n[r]),C=s(d(o),f(o,i,v));w=_,_=b,b=y,y=s(g,E),g=v,v=i,i=o,o=s(E,C)}this.h[0]=s(this.h[0],o),this.h[1]=s(this.h[1],i),this.h[2]=s(this.h[2],v),this.h[3]=s(this.h[3],g),this.h[4]=s(this.h[4],y),this.h[5]=s(this.h[5],b),this.h[6]=s(this.h[6],_),this.h[7]=s(this.h[7],w)},y.prototype._digest=function(e){return"hex"===e?r.toHex32(this.h,"big"):r.split32(this.h,"big")}},function(e,t,n){"use strict";var r,o="object"==typeof Reflect?Reflect:null,i=o&&"function"==typeof o.apply?o.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};r=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var a=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var c=10;function u(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function f(e,t,n,r){var o,i,a,s;if(u(n),void 0===(i=e._events)?(i=e._events=Object.create(null),e._eventsCount=0):(void 0!==i.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),i=e._events),a=i[t]),void 0===a)a=i[t]=n,++e._eventsCount;else if("function"==typeof a?a=i[t]=r?[n,a]:[a,n]:r?a.unshift(n):a.push(n),(o=l(e))>0&&a.length>o&&!a.warned){a.warned=!0;var c=new Error("Possible EventEmitter memory leak detected. "+a.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");c.name="MaxListenersExceededWarning",c.emitter=e,c.type=t,c.count=a.length,s=c,console&&console.warn&&console.warn(s)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},o=d.bind(r);return o.listener=n,r.wrapFn=o,o}function m(e,t,n){var r=e._events;if(void 0===r)return[];var o=r[t];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(o):v(o,o.length)}function h(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function v(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(e){if("number"!=typeof e||e<0||a(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");c=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||a(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return l(this)},s.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var r="error"===e,o=this._events;if(void 0!==o)r=r&&void 0===o.error;else if(!r)return!1;if(r){var a;if(t.length>0&&(a=t[0]),a instanceof Error)throw a;var s=new Error("Unhandled error."+(a?" ("+a.message+")":""));throw s.context=a,s}var c=o[e];if(void 0===c)return!1;if("function"==typeof c)i(c,this,t);else{var u=c.length,l=v(c,u);for(n=0;n<u;++n)i(l[n],this,t)}return!0},s.prototype.addListener=function(e,t){return f(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return f(this,e,t,!0)},s.prototype.once=function(e,t){return u(t),this.on(e,p(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return u(t),this.prependListener(e,p(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,o,i,a;if(u(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(o=-1,i=n.length-1;i>=0;i--)if(n[i]===t||n[i].listener===t){a=n[i].listener,o=i;break}if(o<0)return this;0===o?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,o),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,a||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var o,i=Object.keys(n);for(r=0;r<i.length;++r)"removeListener"!==(o=i[r])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},s.prototype.listeners=function(e){return m(this,e,!0)},s.prototype.rawListeners=function(e){return m(this,e,!1)},s.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):h.call(e,t)},s.prototype.listenerCount=h,s.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]}},function(e,t,n){var r=n(51),o=n(52),i=o;i.v1=r,i.v4=o,e.exports=i},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t){!function(){e.exports=this.ReactDOM}()},,,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(c){o=!0,i=c}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}},function(e,t,n){"use strict";var r=n(40);e.exports=function(){var e=r.apply(r,arguments);return e.charAt(0).toUpperCase()+e.slice(1)}},function(e,t,n){"use strict";e.exports=function(){var e=[].map.call(arguments,(function(e){return e.trim()})).filter((function(e){return e.length})).join("-");return e.length?1!==e.length&&/[_.\- ]+/.test(e)?e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,(function(e,t){return t.toUpperCase()})):e[0]===e[0].toLowerCase()&&e.slice(1)!==e.slice(1).toLowerCase()?e:e.toLowerCase():""}},function(e,t){e.exports={100:"Continue",101:"Switching Protocols",102:"Processing",200:"OK",201:"Created",202:"Accepted",203:"Non-Authoritative Information",204:"No Content",205:"Reset Content",206:"Partial Content",207:"Multi-Status",208:"Already Reported",226:"IM Used",300:"Multiple Choices",301:"Moved Permanently",302:"Found",303:"See Other",304:"Not Modified",305:"Use Proxy",307:"Temporary Redirect",308:"Permanent Redirect",400:"Bad Request",401:"Unauthorized",402:"Payment Required",403:"Forbidden",404:"Not Found",405:"Method Not Allowed",406:"Not Acceptable",407:"Proxy Authentication Required",408:"Request Timeout",409:"Conflict",410:"Gone",411:"Length Required",412:"Precondition Failed",413:"Payload Too Large",414:"URI Too Long",415:"Unsupported Media Type",416:"Range Not Satisfiable",417:"Expectation Failed",418:"I'm a teapot",421:"Misdirected Request",422:"Unprocessable Entity",423:"Locked",424:"Failed Dependency",425:"Unordered Collection",426:"Upgrade Required",428:"Precondition Required",429:"Too Many Requests",431:"Request Header Fields Too Large",500:"Internal Server Error",501:"Not Implemented",502:"Bad Gateway",503:"Service Unavailable",504:"Gateway Timeout",505:"HTTP Version Not Supported",506:"Variant Also Negotiates",507:"Insufficient Storage",508:"Loop Detected",509:"Bandwidth Limit Exceeded",510:"Not Extended",511:"Network Authentication Required"}},function(e,t,n){var r=n(43);e.exports=function(e){function t(e){for(var t=0,n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return o.colors[Math.abs(t)%o.colors.length]}function o(e){var n;function r(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];if(r.enabled){var a=r,s=Number(new Date),c=s-(n||s);a.diff=c,a.prev=n,a.curr=s,n=s,t[0]=o.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O");var u=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(function(e,n){if("%%"===e)return e;u++;var r=o.formatters[n];if("function"==typeof r){var i=t[u];e=r.call(a,i),t.splice(u,1),u--}return e})),o.formatArgs.call(a,t);var l=a.log||o.log;l.apply(a,t)}}return r.namespace=e,r.enabled=o.enabled(e),r.useColors=o.useColors(),r.color=t(e),r.destroy=i,r.extend=a,"function"==typeof o.init&&o.init(r),o.instances.push(r),r}function i(){var e=o.instances.indexOf(this);return-1!==e&&(o.instances.splice(e,1),!0)}function a(e,t){var n=o(this.namespace+(void 0===t?":":t)+e);return n.log=this.log,n}function s(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return o.debug=o,o.default=o,o.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},o.disable=function(){var e=[].concat(r(o.names.map(s)),r(o.skips.map(s).map((function(e){return"-"+e})))).join(",");return o.enable(""),e},o.enable=function(e){var t;o.save(e),o.names=[],o.skips=[];var n=("string"==typeof e?e:"").split(/[\s,]+/),r=n.length;for(t=0;t<r;t++)n[t]&&("-"===(e=n[t].replace(/\*/g,".*?"))[0]?o.skips.push(new RegExp("^"+e.substr(1)+"$")):o.names.push(new RegExp("^"+e+"$")));for(t=0;t<o.instances.length;t++){var i=o.instances[t];i.enabled=o.enabled(i.namespace)}},o.enabled=function(e){if("*"===e[e.length-1])return!0;var t,n;for(t=0,n=o.skips.length;t<n;t++)if(o.skips[t].test(e))return!1;for(t=0,n=o.names.length;t<n;t++)if(o.names[t].test(e))return!0;return!1},o.humanize=n(47),Object.keys(e).forEach((function(t){o[t]=e[t]})),o.instances=[],o.names=[],o.skips=[],o.formatters={},o.selectColor=t,o.enable(o.load()),o}},function(e,t,n){var r=n(44),o=n(45),i=n(16),a=n(46);e.exports=function(e){return r(e)||o(e)||i(e)||a()}},function(e,t,n){var r=n(17);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){var n=1e3,r=6e4,o=60*r,i=24*o;function a(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}e.exports=function(e,t){t=t||{};var s=typeof e;if("string"===s&&e.length>0)return function(e){if((e=String(e)).length>100)return;var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t)return;var a=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*a;case"weeks":case"week":case"w":return 6048e5*a;case"days":case"day":case"d":return a*i;case"hours":case"hour":case"hrs":case"hr":case"h":return a*o;case"minutes":case"minute":case"mins":case"min":case"m":return a*r;case"seconds":case"second":case"secs":case"sec":case"s":return a*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return a;default:return}}(e);if("number"===s&&isFinite(e))return t.long?function(e){var t=Math.abs(e);if(t>=i)return a(e,t,i,"day");if(t>=o)return a(e,t,o,"hour");if(t>=r)return a(e,t,r,"minute");if(t>=n)return a(e,t,n,"second");return e+" ms"}(e):function(e){var t=Math.abs(e);if(t>=i)return Math.round(e/i)+"d";if(t>=o)return Math.round(e/o)+"h";if(t>=r)return Math.round(e/r)+"m";if(t>=n)return Math.round(e/n)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t,n){"use strict";var r=n(14),o=n(15);function i(){this.pending=null,this.pendingTotal=0,this.blockSize=this.constructor.blockSize,this.outSize=this.constructor.outSize,this.hmacStrength=this.constructor.hmacStrength,this.padLength=this.constructor.padLength/8,this.endian="big",this._delta8=this.blockSize/8,this._delta32=this.blockSize/32}t.BlockHash=i,i.prototype.update=function(e,t){if(e=r.toArray(e,t),this.pending?this.pending=this.pending.concat(e):this.pending=e,this.pendingTotal+=e.length,this.pending.length>=this._delta8){var n=(e=this.pending).length%this._delta8;this.pending=e.slice(e.length-n,e.length),0===this.pending.length&&(this.pending=null),e=r.join32(e,0,e.length-n,this.endian);for(var o=0;o<e.length;o+=this._delta32)this._update(e,o,o+this._delta32)}return this},i.prototype.digest=function(e){return this.update(this._pad()),o(null===this.pending),this._digest(e)},i.prototype._pad=function(){var e=this.pendingTotal,t=this._delta8,n=t-(e+this.padLength)%t,r=new Array(n+this.padLength);r[0]=128;for(var o=1;o<n;o++)r[o]=0;if(e<<=3,"big"===this.endian){for(var i=8;i<this.padLength;i++)r[o++]=0;r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=e>>>24&255,r[o++]=e>>>16&255,r[o++]=e>>>8&255,r[o++]=255&e}else for(r[o++]=255&e,r[o++]=e>>>8&255,r[o++]=e>>>16&255,r[o++]=e>>>24&255,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,i=8;i<this.padLength;i++)r[o++]=0;return r}},function(e,t,n){"use strict";var r=n(14).rotr32;function o(e,t,n){return e&t^~e&n}function i(e,t,n){return e&t^e&n^t&n}function a(e,t,n){return e^t^n}t.ft_1=function(e,t,n,r){return 0===e?o(t,n,r):1===e||3===e?a(t,n,r):2===e?i(t,n,r):void 0},t.ch32=o,t.maj32=i,t.p32=a,t.s0_256=function(e){return r(e,2)^r(e,13)^r(e,22)},t.s1_256=function(e){return r(e,6)^r(e,11)^r(e,25)},t.g0_256=function(e){return r(e,7)^r(e,18)^e>>>3},t.g1_256=function(e){return r(e,17)^r(e,19)^e>>>10}},function(e,t,n){var r,o,i=n(18),a=n(19),s=0,c=0;e.exports=function(e,t,n){var u=t&&n||0,l=t||[],f=(e=e||{}).node||r,d=void 0!==e.clockseq?e.clockseq:o;if(null==f||null==d){var p=i();null==f&&(f=r=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==d&&(d=o=16383&(p[6]<<8|p[7]))}var m=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,v=m-s+(h-c)/1e4;if(v<0&&void 0===e.clockseq&&(d=d+1&16383),(v<0||m>s)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");s=m,c=h,o=d;var g=(1e4*(268435455&(m+=122192928e5))+h)%4294967296;l[u++]=g>>>24&255,l[u++]=g>>>16&255,l[u++]=g>>>8&255,l[u++]=255&g;var y=m/4294967296*1e4&268435455;l[u++]=y>>>8&255,l[u++]=255&y,l[u++]=y>>>24&15|16,l[u++]=y>>>16&255,l[u++]=d>>>8|128,l[u++]=255&d;for(var b=0;b<6;++b)l[u+b]=f[b];return t||a(l)}},function(e,t,n){var r=n(18),o=n(19);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||r)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var s=0;s<16;++s)t[i+s]=a[s];return t||o(a)}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"getSite",(function(){return Qe}));var o={};n.r(o),n.d(o,"getState",(function(){return Ze})),n.d(o,"getNewSite",(function(){return Ye})),n.d(o,"getNewSiteError",(function(){return et})),n.d(o,"isFetchingSite",(function(){return tt})),n.d(o,"isNewSite",(function(){return nt})),n.d(o,"getSite",(function(){return rt}));var i={};n.r(i),n.d(i,"register",(function(){return it}));var a=n(0),s=n.n(a),c=(n(13),n(8)),u=n.n(c),l=n(1),f=n(20),d=n.n(f),p=n(3),m=n(21),h=n.n(m),v=n(2),g=n(5);function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var w=function(e){var t=e.icon,n=e.size,r=void 0===n?24:n,o=b(e,["icon","size"]);return Object(l.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:r,height:r},o))},E=n(6),C=Object(l.createElement)(E.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(l.createElement)(E.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"})),S=n(4),O=n.n(S),x=O()("calypso:analytics");n(23);"undefined"!=typeof window&&window.addEventListener("popstate",(function(){null}));var j=function(){return(j=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function F(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function k(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(s){i=[6,s],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}n(11);var R=n(24),I=O()("lib/load-script/callback-handler"),A=new Map;function T(){return A}function N(e){return T().has(e)}function L(e,t){var n=T();N(e)?(I('Adding a callback for an existing script from "'.concat(e,'"')),n.get(e).add(t)):(I('Adding a callback for a new script from "'.concat(e,'"')),n.set(e,new Set([t])))}function P(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=T(),r=n.get(e);if(r){var o='Executing callbacks for "'.concat(e,'"')+(null===t?" with success":' with error "'.concat(t,'"'));I(o),r.forEach((function(e){"function"==typeof e&&e(t)})),n.delete(e)}}function M(){var e=this.getAttribute("src");I('Handling successful request for "'.concat(e,'"')),P(e),this.onload=null}function D(){var e=this.getAttribute("src");I('Handling failed request for "'.concat(e,'"')),P(e,new Error('Failed to load script "'.concat(e,'"'))),this.onerror=null}var V=O()("lib/load-script/dom-operations");O()("package/load-script");function q(e,t){var n;if(!N(e)&&(n=function(e){V('Creating script element for "'.concat(e,'"'));var t=document.createElement("script");return t.src=e,t.type="text/javascript",t.async=!0,t.onload=M,t.onerror=D,t}(e),V("Attaching element to head"),document.head.appendChild(n)),"function"!=typeof t)return new Promise((function(t,n){L(e,(function(e){null===e?t():n(e)}))}));L(e,t)}var U,z=["a8c_cookie_banner_ok","wcadmin_storeprofiler_create_jetpack_account","wcadmin_storeprofiler_connect_store","wcadmin_storeprofiler_login_jetpack_account","wcadmin_storeprofiler_payment_login","wcadmin_storeprofiler_payment_create_account"];Promise.resolve();function W(e){"undefined"!=typeof window&&(window._tkq=window._tkq||[],window._tkq.push(e))}"undefined"!=typeof document&&q("//stats.wp.com/w.js?61");var B=new R.EventEmitter;function H(e,t){if(x('Record event "%s" called with props %o',e,t=t||{}),e.startsWith("calypso_")||Object(g.includes)(z,e)){if(U){var n=U(t);t=j(j({},t),n)}t=Object(g.omitBy)(t,g.isUndefined),x('Recording event "%s" with actual props %o',e,t),W(["recordEvent",e,t]),B.emit("record-event",e,t)}else x('- Event name must be prefixed by "calypso_" or added to `EVENT_NAME_EXCEPTIONS`')}var G=n(25);var $=n(9),J=n(26),X=a.createContext(Q()),K=function(){return a.useContext(X)};Object(J.createHigherOrderComponent)((function(e){return function(t){var n=K();return a.createElement(e,j({},n,t))}}),"withI18n");function Q(e){var t,n,r=Object($.createI18n)(e),o=null!==(n=null===(t=null==e?void 0:e[""])||void 0===t?void 0:t.localeSlug)&&void 0!==n?n:"en";return{__:r.__.bind(r),_n:r._n.bind(r),_nx:r._nx.bind(r),_x:r._x.bind(r),isRTL:r.isRTL.bind(r),i18nLocale:o}}var Z=n(7),Y=n.n(Z),ee="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),te=new Uint8Array(16);function ne(){if(!ee)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return ee(te)}for(var re=[],oe=0;oe<256;++oe)re[oe]=(oe+256).toString(16).substr(1);var ie=function(e,t){var n=t||0,r=re;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var ae=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||ne)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var i=0;i<16;++i)t[r+i]=o[i];return t||ie(o)},se=Object(l.createElement)(E.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(l.createElement)(E.Path,{d:"M2 11V9h12l-4-4 1-2 7 7-7 7-1-2 4-4H2z"})),ce=function(e){var t=e.suggestion,n=e.railcarId,r=e.isRecommended,o=void 0!==r&&r,i=e.onSelect,c=e.onRender,u=e.selected,f=K().__,d=t.domain_name,p=d.indexOf("."),m=d.slice(0,p),h=d.slice(p),v=Object(a.useState)(),g=v[0],y=v[1],b=Object(a.useState)(),_=b[0],E=b[1],C=ae();Object(a.useEffect)((function(){d!==g&&_!==n&&n&&(c(),y(d),E(n))}),[d,g,_,n,c]);return s.a.createElement("button",{type:"button",className:Y()("domain-picker__suggestion-item",{"is-free":t.is_free,"is-selected":u}),onClick:function(){_&&function(e){H("calypso_traintracks_interact",{railcar:e.railcarId,action:e.action})}({action:"domain_selected",railcarId:_}),i(t)},id:C},s.a.createElement("div",{className:"domain-picker__suggestion-item-name"},s.a.createElement("span",{className:"domain-picker__domain-name"},m),s.a.createElement("span",{className:"domain-picker__domain-tld"},h),o&&s.a.createElement("div",{className:"domain-picker__badge is-recommended"},f("Recommended"))),s.a.createElement("div",{className:Y()("domain-picker__price",{"is-paid":!t.is_free})},t.is_free?f("Included in free plan"):s.a.createElement(s.a.Fragment,null,s.a.createElement("span",{className:"domain-picker__price-long"},Object(l.createInterpolateElement)(Object($.sprintf)(f("Included in paid plan, <strikethrough>%s/year</strikethrough>"),t.cost),{strikethrough:s.a.createElement("span",{className:"domain-picker__price-cost"})})),s.a.createElement("span",{className:"domain-picker__price-short domain-picker__price-cost"},Object($.sprintf)(f("%s/year"),t.cost)))),s.a.createElement("div",{className:"domain-picker__suggestion-item-select-button"},s.a.createElement("span",null,f("Select")),s.a.createElement(w,{icon:se,size:18})))},ue=function(){return s.a.createElement("div",{className:"domain-picker__suggestion-item placeholder"},s.a.createElement("div",{className:"domain-picker__suggestion-item-name placeholder"}),s.a.createElement("div",{className:"domain-picker__price placeholder"}))};function le(e,t){return e===t}function fe(e,t,n){var r=n&&n.equalityFn?n.equalityFn:le,o=Object(a.useState)(e),i=o[0],s=o[1],c=function(e,t,n){void 0===n&&(n={});var r=n.maxWait,o=Object(a.useRef)(null),i=Object(a.useRef)([]),s=n.leading,c=Object(a.useRef)(!1),u=Object(a.useRef)(null),l=Object(a.useRef)(!1),f=Object(a.useRef)(e);f.current=e;var d=Object(a.useCallback)((function(){clearTimeout(u.current),clearTimeout(o.current),o.current=null,i.current=[],u.current=null,c.current=!1}),[]);return Object(a.useEffect)((function(){return function(){l.current=!0}}),[]),[Object(a.useCallback)((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(i.current=e,clearTimeout(u.current),!u.current&&s&&!c.current)return f.current.apply(f,e),void(c.current=!0);u.current=setTimeout((function(){d(),l.current||f.current.apply(f,e)}),t),r&&!o.current&&(o.current=setTimeout((function(){var e=i.current;d(),l.current||f.current.apply(null,e)}),r))}),[r,t,d,s]),d,function(){u.current&&(f.current.apply(null,i.current),d())}]}(Object(a.useCallback)((function(e){return s(e)}),[]),t,n),u=c[0],l=c[1],f=Object(a.useRef)(e);return Object(a.useEffect)((function(){r(f.current,e)||(u(e),f.current=e)}),[e,u,r]),[i,l]}var de=Object(l.createElement)(E.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Object(l.createElement)(E.Path,{d:"M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"})),pe=(n(54),function(e){var t=e.onSelect,n=e.selected,r=K().__,o=Object(l.useState)(!1),i=o[0],s=o[1],c=function(e){s(!1),t(e)},u=Object(v.useSelect)((function(e){return e("automattic/domains/suggestions").getCategories()}));return a.createElement("div",{className:Y()("domain-categories",{"is-open":i})},a.createElement(p.Button,{className:"domain-categories__dropdown-button",onClick:function(){return s(!i)}},a.createElement("span",null,n||r("All Categories")),a.createElement(w,{icon:de,size:16})),a.createElement("ul",{className:"domain-categories__item-group"},a.createElement("li",{className:Y()("domain-categories__item",{"is-selected":!n})},a.createElement(p.Button,{onClick:function(){return c()}},r("View all"))),u.map((function(e){var t=e.slug,r=e.title;return a.createElement("li",{key:t,className:Y()("domain-categories__item",{"is-selected":t===n})},a.createElement(p.Button,{onClick:function(){return c(t)}},r))}))))}),me=function(){return s.a.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 300 40",xmlSpace:"preserve",width:"300"},s.a.createElement("rect",{x:"0",width:"310",height:"50",rx:"10",fill:"#D8D8D8"}),s.a.createElement("rect",{x:"8",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"40",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"72",y:"8",width:"300",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("text",{x:"80",y:"26",fontFamily:"roboto",fill:"#999"},"https://"),s.a.createElement("text",{x:"133",y:"26",fontFamily:"roboto",fill:"#515151"},"example.com"))},he=(n(53),function(e){var t,n=e.header,r=e.showDomainCategories,o=e.onDomainSelect,i=e.quantity,c=void 0===i?5:i,u=e.quantityExpanded,l=void 0===u?10:u,f=e.onDomainSearchBlur,d=e.analyticsFlowId,m=e.analyticsUiAlgo,h=e.initialDomainSearch,y=void 0===h?"":h,b=e.onSetDomainSearch,_=e.currentDomain,E=K().__,S=E("Search for a domain"),O=Object(a.useState)(!1),x=O[0],j=O[1],F=Object(a.useState)(y),k=F[0],R=F[1],I=Object(a.useState)(),A=I[0],T=I[1],N=Object(v.useSelect)((function(e){return e("automattic/domains/suggestions").getDomainSuggestionVendor()})),L=function(e,t,n,r){void 0===e&&(e=""),void 0===r&&(r="en");var o=fe(e,300)[0];return Object(v.useSelect)((function(e){if(o)return e("automattic/domains/suggestions").getDomainSuggestions(o,{include_wordpressdotcom:!0,include_dotblogsubdomain:!1,quantity:t+1,locale:r,category_slug:n})}),[o,n,t])}(k.trim(),l,A,K().i18nLocale),P=null==L?void 0:L.slice(0,x?l:c);Object(a.useEffect)((function(){j(!1)}),[k]);var M=Object(a.useState)(),D=M[0],V=M[1];Object(a.useEffect)((function(){var e;L&&V((void 0===(e="suggestion")&&(e="recommendation"),Object(G.v4)().replace(/-/g,"")+"-"+e))}),[L,V]);var q=function(e,t,n,r){var o="/domains/search/"+N+"/"+d+(A?"/"+A:""),i=e.domain_name;!function(e){H("calypso_traintracks_render",{railcar:e.railcarId,ui_algo:e.uiAlgo,ui_position:e.uiPosition,fetch_algo:e.fetchAlgo,rec_result:e.result,fetch_query:e.query})}({uiAlgo:"/"+d+"/"+m,fetchAlgo:o,query:k,railcarId:t,result:r?i+"#recommended":i,uiPosition:n})};return s.a.createElement("div",{className:"domain-picker"},n&&n,s.a.createElement("div",{className:"domain-picker__search"},s.a.createElement("div",{className:"domain-picker__search-icon"},s.a.createElement(w,{icon:C})),s.a.createElement(p.TextControl,{"data-hj-whitelist":!0,hideLabelFromVision:!0,label:S,placeholder:S,onChange:function(e){R(e),b(e)},onBlur:function(e){f&&f(e.currentTarget.value)},value:k})),k.trim()?s.a.createElement("div",{className:"domain-picker__body"},r&&s.a.createElement("div",{className:"domain-picker__aside"},s.a.createElement(pe,{selected:A,onSelect:T})),s.a.createElement("div",{className:"domain-picker__suggestion-sections"},s.a.createElement("div",{className:"domain-picker__suggestion-item-group"},s.a.createElement("p",{className:"domain-picker__suggestion-group-label"},E("Sub-domain")),(null==P?void 0:P[0])?s.a.createElement(ce,{key:P[0].domain_name,suggestion:P[0],railcarId:D?D+"1":void 0,onRender:function(){return q(P[0],D+"1",0,!1)},selected:_===P[0].domain_name,onSelect:o}):s.a.createElement(ue,null)),s.a.createElement("div",{className:"domain-picker__suggestion-item-group"},!P||(null==P?void 0:P.length)&&(null==P?void 0:P.length)>1?s.a.createElement("p",{className:"domain-picker__suggestion-group-label"},E("Custom domains")):null,null!==(t=null==P?void 0:P.slice(1).map((function(e,t){return s.a.createElement(ce,{key:e.domain_name,suggestion:e,railcarId:D?""+D+t:void 0,isRecommended:0===t,onRender:function(){return q(e,""+D+t,t,0===t)},selected:_===e.domain_name,onSelect:o})})))&&void 0!==t?t:Object(g.times)(c-1,(function(e){return s.a.createElement(ue,{key:e})}))),!x&&(null==L?void 0:L.length)&&(null==L?void 0:L.length)>c&&s.a.createElement("div",{className:"domain-picker__show-more"},s.a.createElement(p.Button,{onClick:function(){return j(!0)}},E("View more results"))))):s.a.createElement("div",{className:"domain-picker__empty-state"},s.a.createElement("p",{className:"domain-picker__empty-state--text"},E("A domain name is the site address people type in their browser to visit your site.")),s.a.createElement("div",null,s.a.createElement(me,null))))}),ve="automattic/site",ge=Object(v.combineReducers)({data:function(e,t){return"RECEIVE_NEW_SITE"===t.type?t.response.blog_details:"RECEIVE_NEW_SITE_FAILED"!==t.type&&"RESET_SITE_STORE"!==t.type?e:void 0},error:function(e,t){switch(t.type){case"FETCH_NEW_SITE":case"RECEIVE_NEW_SITE":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return;case"RECEIVE_NEW_SITE_FAILED":return{error:t.error.error,status:t.error.status,statusCode:t.error.statusCode,name:t.error.name,message:t.error.message}}return e},isFetching:function(e,t){switch(void 0===e&&(e=!1),t.type){case"FETCH_NEW_SITE":return!0;case"RECEIVE_NEW_SITE":case"RECEIVE_NEW_SITE_FAILED":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return!1}return e}}),ye=Object(v.combineReducers)({newSite:ge,sites:function(e,t){var n;if(void 0===e&&(e={}),"RECEIVE_SITE"===t.type)return j(j({},e),((n={})[t.siteId]=t.response,n));if("RECEIVE_SITE_FAILED"===t.type){var r=e,o=t.siteId,i=(r[o],F(r,["symbol"==typeof o?o:o+""]));return j({},i)}return"RESET_SITE_STORE"===t.type?{}:e}}),be="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),_e=new Uint8Array(16);function we(){if(!be)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return be(_e)}for(var Ee=[],Ce=0;Ce<256;++Ce)Ee[Ce]=(Ce+256).toString(16).substr(1);var Se=function(e,t){var n=t||0,r=Ee;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var Oe,xe=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||we)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var i=0;i<16;++i)t[r+i]=o[i];return t||Se(o)},je=n(22),Fe=n.n(je),ke=n(10),Re=n.n(ke),Ie=O()("wpcom-proxy-request"),Ae="https://public-api.wordpress.com",Te=window.location.protocol+"//"+window.location.host,Ne=function(){var e=!1;try{window.postMessage({toString:function(){e=!0}},"*")}catch(t){}return e}(),Le=function(){try{return new window.File(["a"],"test.jpg",{type:"image/jpeg"}),!0}catch(e){return!1}}(),Pe=null,Me=!1,De={},Ve=!!window.ProgressEvent&&!!window.FormData;Ie('using "origin": %o',Te);var qe=function(e,t){var n=Object.assign({},e);Ie("request(%o)",n),Pe||He();var r=xe();n.callback=r,n.supports_args=!0,n.supports_error_obj=!0,n.supports_progress=Ve,n.method=String(n.method||"GET").toUpperCase(),Ie("params object: %o",n);var o=new window.XMLHttpRequest;if(o.params=n,De[r]=o,"function"==typeof t){var i=!1,a=function(e){if(!i){i=!0;var n=e.error||e.err||e;Ie("error: ",n),Ie("headers: ",e.headers),t(n,null,e.headers)}};o.addEventListener("load",(function(e){if(!i){i=!0;var n=e.response||o.response;Ie("body: ",n),Ie("headers: ",e.headers),t(null,n,e.headers)}})),o.addEventListener("abort",a),o.addEventListener("error",a)}return Me?ze(n):(Ie("buffering API request since proxying <iframe> is not yet loaded"),Oe.push(n)),o},Ue=function(e,t){return"function"==typeof t?qe(e,t):new Promise((function(t,n){qe(e,(function(e,r){e?n(e):t(r)}))}))};function ze(e){Ie("sending API request to proxy <iframe> %o",e),e.formData&&function(e){if(!window.chrome||!Le)return;for(var t=0;t<e.length;t++){var n=Be(e[t][1]);n&&(e[t][1]=new window.File([n],n.name,{type:n.type}))}}(e.formData),Pe.contentWindow.postMessage(Ne?JSON.stringify(e):e,Ae)}function We(e){return e&&"[object File]"===Object.prototype.toString.call(e)}function Be(e){return We(e)?e:"object"==typeof e&&We(e.fileContents)?e.fileContents:null}function He(){Ie("install()"),Pe&&(Ie("uninstall()"),window.removeEventListener("message",Ge),document.body.removeChild(Pe),Me=!1,Pe=null),Oe=[],window.addEventListener("message",Ge),(Pe=document.createElement("iframe")).src=Ae+"/wp-admin/rest-proxy/?v=2.0#"+Te,Pe.style.display="none",document.body.appendChild(Pe)}function Ge(e){if(Ie("onmessage"),e.origin===Ae){var t=e.data;if(!t)return Ie("no `data`, bailing");if("ready"!==t){if(Ne&&"string"==typeof t&&(t=JSON.parse(t)),t.upload||t.download)return function(e){Ie('got "progress" event: %o',e);var t=De[e.callbackId];if(t){var n=new Re.a("progress",e);(e.upload?t.upload:t).dispatchEvent(n)}}(t);if(!t.length)return Ie("`e.data` doesn't appear to be an Array, bailing...");var n=t[t.length-1];if(!(n in De))return Ie("bailing, no matching request with callback: %o",n);var r=De[n],o=r.params,i=t[0],a=t[1],s=t[2];if(207===a||delete De[n],o.metaAPI?a="metaAPIupdated"===i?200:500:Ie("got %o status code for URL: %o",a,o.path),"object"==typeof s&&(s.status=a),a&&2===Math.floor(a/100))!function(e,t,n){var r=new Re.a("load");r.data=r.body=r.response=t,r.headers=n,e.dispatchEvent(r)}(r,i,s);else!function(e,t,n){var r=new Re.a("error");r.error=r.err=t,r.headers=n,e.dispatchEvent(r)}(r,Fe()(o,a,i),s)}else!function(){if(Ie('proxy <iframe> "load" event'),Me=!0,Oe){for(var e=0;e<Oe.length;e++)ze(Oe[e]);Oe=null}}()}else Ie("ignoring message... %o !== %o",e.origin,Ae)}var $e=Ue,Je=function(e){return{type:"WPCOM_REQUEST",request:e}},Xe={WPCOM_REQUEST:function(e){var t=e.request;return $e(t)},FETCH_AND_PARSE:function(e){var t,n,r,o,i=e.resource,a=e.options;return t=void 0,n=void 0,o=function(){var e,t;return k(this,(function(n){switch(n.label){case 0:return[4,window.fetch(i,a)];case 1:return e=n.sent(),t={ok:e.ok},[4,e.json()];case 2:return[2,(t.body=n.sent(),t)]}}))},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{c(o.next(e))}catch(t){i(t)}}function s(e){try{c(o.throw(e))}catch(t){i(t)}}function c(t){t.done?e(t.value):new r((function(e){e(t.value)})).then(a,s)}c((o=o.apply(t,n||[])).next())}))},RELOAD_PROXY:function(){He()},REQUEST_ALL_BLOGS_ACCESS:function(){return Ue({metaAPI:{accessAllUsersBlogs:!0}})},WAIT:function(e){var t=e.ms;return new Promise((function(e){return setTimeout(e,t)}))}};function Ke(e){var t=function(){return{type:"FETCH_NEW_SITE"}},n=function(e){return{type:"RECEIVE_NEW_SITE",response:e}},r=function(e){return{type:"RECEIVE_NEW_SITE_FAILED",error:e}};return{fetchNewSite:t,receiveNewSite:n,receiveNewSiteFailed:r,resetNewSiteFailed:function(){return{type:"RESET_RECEIVE_NEW_SITE_FAILED"}},createSite:function(t){var o,i,a,s,c,u;return k(this,(function(l){switch(l.label){case 0:return[4,{type:"FETCH_NEW_SITE"}];case 1:l.sent(),l.label=2;case 2:return l.trys.push([2,5,,7]),o=t.authToken,i=F(t,["authToken"]),a={client_id:e.client_id,client_secret:e.client_secret,find_available_url:!0,public:-1},s=j(j(j({},a),i),{validate:!1}),[4,Je({path:"/sites/new",apiVersion:"1.1",method:"post",body:s,token:o})];case 3:return c=l.sent(),[4,n(c)];case 4:return l.sent(),[2,!0];case 5:return u=l.sent(),[4,r(u)];case 6:return l.sent(),[2,!1];case 7:return[2]}}))},receiveSite:function(e,t){return{type:"RECEIVE_SITE",siteId:e,response:t}},receiveSiteFailed:function(e,t){return{type:"RECEIVE_SITE_FAILED",siteId:e,response:t}},reset:function(){return{type:"RESET_SITE_STORE"}}}}function Qe(e){var t;return k(this,(function(n){switch(n.label){case 0:return n.trys.push([0,3,,5]),[4,Je({path:"/sites/"+encodeURIComponent(e),apiVersion:"1.1"})];case 1:return t=n.sent(),[4,Object(v.dispatch)(ve).receiveSite(e,t)];case 2:return n.sent(),[3,5];case 3:return n.sent(),[4,Object(v.dispatch)(ve).receiveSiteFailed(e,void 0)];case 4:return n.sent(),[3,5];case 5:return[2]}}))}var Ze=function(e){return e},Ye=function(e){return e.newSite.data},et=function(e){return e.newSite.error},tt=function(e){return e.newSite.isFetching},nt=function(e){return!!e.newSite.data},rt=function(e,t){return e.sites[t]},ot=!1;function it(e){return ot||(ot=!0,Object(v.registerStore)(ve,{actions:Ke(e),controls:Xe,reducer:ye,resolvers:r,selectors:o})),ve}var at=i.register({client_id:"",client_secret:""});function st(){return Object(v.useSelect)((function(e){return e(at).getSite(window._currentSiteId)}))}function ct(){var e=st();return(null==e?void 0:e.URL)&&new URL(null==e?void 0:e.URL).hostname||""}var ut=function(e){var t,n=a.useState(""),r=u()(n,2),o=r[0],i=r[1],s=st(),c=ct(),f=null!==(t=o.trim()||(null==s?void 0:s.name))&&void 0!==t?t:"",d=a.useState(c),p=u()(d,2),m=p[0],v=p[1];return Object(l.createElement)(he,h()({analyticsFlowId:"gutenboarding",analyticsUiAlgo:"editor_domain_modal",initialDomainSearch:f,onSetDomainSearch:i,showDomainCategories:!0,currentDomain:m,onDomainSelect:function(e){v(null==e?void 0:e.domain_name)}},e))},lt=(n(55),function(e){var t=e.onClose,n=d()(e,["onClose"]);return Object(l.createElement)(p.Modal,{className:"domain-picker-modal",overlayClassName:"domain-picker-modal-overlay",bodyOpenClassName:"has-domain-picker-modal",onRequestClose:t,title:""},Object(l.createElement)(ut,n))});function ft(){var e=a.useState(!1),t=u()(e,2),n=t[0],r=t[1],o=ct();return Object(l.createElement)(l.Fragment,null,Object(l.createElement)(p.Button,{"aria-expanded":n,"aria-haspopup":"menu","aria-pressed":n,onClick:function(){return r((function(e){return!e}))}},Object(l.createElement)("span",{className:"domain-picker-button__label"},"Domain: ".concat(o.domain_name)),Object(l.createElement)(w,{icon:de,size:22})),n&&Object(l.createElement)(lt,{onClose:function(){return r(!1)}}))}var dt=n(27),pt=setInterval((function(){var e=document.querySelector(".edit-post-header__settings");if(e){clearInterval(pt);var t=document.createElement("div");e.prepend(t),dt.render(a.createElement(ft),t)}}))}]));
|
editor-domain-picker/dist/editor-domain-picker.rtl.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;align-items:center}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:0 10px;color:#555d66}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 16px 6px 40px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;left:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:right;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-left:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-left:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-left:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:left;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-right:10px;margin-left:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;left:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-left:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-right:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:right}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}
|
1 |
+
@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;flex-direction:column}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:10px 0;color:#555d66}@media (min-width:480px){.domain-picker__empty-state{flex-direction:row;align-items:center}.domain-picker__empty-state--text{margin:15px 0}}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 16px 6px 40px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;left:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-sections{flex:1}.domain-picker__suggestion-group-label{margin:1.5em 0 1em;text-transform:uppercase;color:#a7aaad;color:var(--studio-gray-20);font-size:12px;font-weight:400;letter-spacing:1px}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:right;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item.is-selected{background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.domain-picker__suggestion-item:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-left:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-left:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-left:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:left;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-right:10px;margin-left:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;left:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-left:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-right:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:right}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}
|
editor-domain-picker/src/domain-picker-button/index.tsx
CHANGED
@@ -2,35 +2,20 @@
|
|
2 |
* External dependencies
|
3 |
*/
|
4 |
import * as React from 'react';
|
5 |
-
import { useSelect } from '@wordpress/data';
|
6 |
import 'a8c-fse-common-data-stores';
|
7 |
-
import { Site } from '@automattic/data-stores';
|
8 |
|
|
|
|
|
|
|
9 |
import DomainPickerModal from '../domain-picker-modal';
|
10 |
import { Button } from '@wordpress/components';
|
11 |
import { Icon, chevronDown } from '@wordpress/icons';
|
12 |
-
|
13 |
-
|
14 |
-
const SITES_STORE = Site.register( { client_id: '', client_secret: '' } );
|
15 |
-
|
16 |
-
declare global {
|
17 |
-
interface Window {
|
18 |
-
_currentSiteId: number;
|
19 |
-
}
|
20 |
-
}
|
21 |
|
22 |
export default function DomainPickerButton() {
|
23 |
const [ isDomainModalVisible, setDomainModalVisibility ] = React.useState( false );
|
24 |
-
const [ domainSearch, setDomainSearch ] = React.useState( '' );
|
25 |
-
|
26 |
-
const site = useSelect( ( select ) => select( SITES_STORE ).getSite( window._currentSiteId ) );
|
27 |
-
|
28 |
-
const currentDomain = {
|
29 |
-
domain_name: ( site?.URL && new URL( site?.URL ).hostname ) || '',
|
30 |
-
is_free: site?.URL?.endsWith( 'wordpress.com' ),
|
31 |
-
};
|
32 |
|
33 |
-
const
|
34 |
|
35 |
return (
|
36 |
<>
|
@@ -43,20 +28,9 @@ export default function DomainPickerButton() {
|
|
43 |
<span className="domain-picker-button__label">{ `Domain: ${ currentDomain.domain_name }` }</span>
|
44 |
<Icon icon={ chevronDown } size={ 22 } />
|
45 |
</Button>
|
46 |
-
|
47 |
-
|
48 |
-
|
49 |
-
initialDomainSearch={ search }
|
50 |
-
onSetDomainSearch={ setDomainSearch }
|
51 |
-
isOpen={ isDomainModalVisible }
|
52 |
-
showDomainConnectButton
|
53 |
-
showDomainCategories
|
54 |
-
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
55 |
-
// @ts-ignore
|
56 |
-
currentDomain={ currentDomain }
|
57 |
-
onDomainSelect={ () => setDomainModalVisibility( false ) }
|
58 |
-
onClose={ () => setDomainModalVisibility( false ) }
|
59 |
-
/>
|
60 |
</>
|
61 |
);
|
62 |
}
|
2 |
* External dependencies
|
3 |
*/
|
4 |
import * as React from 'react';
|
|
|
5 |
import 'a8c-fse-common-data-stores';
|
|
|
6 |
|
7 |
+
/**
|
8 |
+
* Internal dependencies
|
9 |
+
*/
|
10 |
import DomainPickerModal from '../domain-picker-modal';
|
11 |
import { Button } from '@wordpress/components';
|
12 |
import { Icon, chevronDown } from '@wordpress/icons';
|
13 |
+
import { useCurrentDomain } from '../hooks/use-current-domain';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
14 |
|
15 |
export default function DomainPickerButton() {
|
16 |
const [ isDomainModalVisible, setDomainModalVisibility ] = React.useState( false );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
17 |
|
18 |
+
const currentDomain = useCurrentDomain();
|
19 |
|
20 |
return (
|
21 |
<>
|
28 |
<span className="domain-picker-button__label">{ `Domain: ${ currentDomain.domain_name }` }</span>
|
29 |
<Icon icon={ chevronDown } size={ 22 } />
|
30 |
</Button>
|
31 |
+
{ isDomainModalVisible && (
|
32 |
+
<DomainPickerModal onClose={ () => setDomainModalVisibility( false ) } />
|
33 |
+
) }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34 |
</>
|
35 |
);
|
36 |
}
|
editor-domain-picker/src/domain-picker-fse/index.tsx
ADDED
@@ -0,0 +1,49 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import DomainPicker, { Props as DomainPickerProps } from '@automattic/domain-picker';
|
6 |
+
import type { DomainSuggestions } from '@automattic/data-stores';
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Internal dependencies
|
10 |
+
*/
|
11 |
+
import 'a8c-fse-common-data-stores';
|
12 |
+
import { useSite, useCurrentDomain } from '../hooks/use-current-domain';
|
13 |
+
|
14 |
+
const FLOW_ID = 'gutenboarding';
|
15 |
+
|
16 |
+
export type Props = Partial< DomainPickerProps >;
|
17 |
+
|
18 |
+
const DomainPickerFSE: React.FunctionComponent< Props > = ( props ) => {
|
19 |
+
const [ domainSearch, setDomainSearch ] = React.useState( '' );
|
20 |
+
|
21 |
+
const site = useSite();
|
22 |
+
const currentDomain = useCurrentDomain();
|
23 |
+
|
24 |
+
const search = ( domainSearch.trim() || site?.name ) ?? '';
|
25 |
+
|
26 |
+
// TODO: This should go to the domain or launch store.
|
27 |
+
const [ domainName, setDomainName ] = React.useState( currentDomain );
|
28 |
+
|
29 |
+
const handleDomainSelect = ( domain?: DomainSuggestions.DomainSuggestion ) => {
|
30 |
+
// TODO: store whole domain suggestion object here because it has product_id and other useful info
|
31 |
+
// that we need for the cart
|
32 |
+
setDomainName( domain?.domain_name );
|
33 |
+
};
|
34 |
+
|
35 |
+
return (
|
36 |
+
<DomainPicker
|
37 |
+
analyticsFlowId={ FLOW_ID }
|
38 |
+
analyticsUiAlgo="editor_domain_modal"
|
39 |
+
initialDomainSearch={ search }
|
40 |
+
onSetDomainSearch={ setDomainSearch }
|
41 |
+
showDomainCategories
|
42 |
+
currentDomain={ domainName }
|
43 |
+
onDomainSelect={ handleDomainSelect }
|
44 |
+
{ ...props }
|
45 |
+
/>
|
46 |
+
);
|
47 |
+
};
|
48 |
+
|
49 |
+
export default DomainPickerFSE;
|
editor-domain-picker/src/domain-picker-modal/index.tsx
CHANGED
@@ -7,19 +7,14 @@ import { Modal } from '@wordpress/components';
|
|
7 |
/**
|
8 |
* Internal dependencies
|
9 |
*/
|
10 |
-
import
|
11 |
import './styles.scss';
|
12 |
|
13 |
-
interface Props extends
|
14 |
-
isOpen: boolean;
|
15 |
onClose: () => void;
|
16 |
}
|
17 |
|
18 |
-
const DomainPickerModal: React.FunctionComponent< Props > = ( {
|
19 |
-
if ( ! isOpen ) {
|
20 |
-
return null;
|
21 |
-
}
|
22 |
-
|
23 |
return (
|
24 |
<Modal
|
25 |
className="domain-picker-modal"
|
@@ -28,7 +23,7 @@ const DomainPickerModal: React.FunctionComponent< Props > = ( { isOpen, onClose,
|
|
28 |
onRequestClose={ onClose }
|
29 |
title=""
|
30 |
>
|
31 |
-
<
|
32 |
</Modal>
|
33 |
);
|
34 |
};
|
7 |
/**
|
8 |
* Internal dependencies
|
9 |
*/
|
10 |
+
import DomainPickerFSE, { Props as DomainPickerFSEProps } from '../domain-picker-fse';
|
11 |
import './styles.scss';
|
12 |
|
13 |
+
interface Props extends DomainPickerFSEProps {
|
|
|
14 |
onClose: () => void;
|
15 |
}
|
16 |
|
17 |
+
const DomainPickerModal: React.FunctionComponent< Props > = ( { onClose, ...props } ) => {
|
|
|
|
|
|
|
|
|
18 |
return (
|
19 |
<Modal
|
20 |
className="domain-picker-modal"
|
23 |
onRequestClose={ onClose }
|
24 |
title=""
|
25 |
>
|
26 |
+
<DomainPickerFSE { ...props } />
|
27 |
</Modal>
|
28 |
);
|
29 |
};
|
editor-domain-picker/src/hooks/use-current-domain.ts
ADDED
@@ -0,0 +1,22 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import { useSelect } from '@wordpress/data';
|
5 |
+
import { Site } from '@automattic/data-stores';
|
6 |
+
|
7 |
+
const SITES_STORE = Site.register( { client_id: '', client_secret: '' } );
|
8 |
+
|
9 |
+
declare global {
|
10 |
+
interface Window {
|
11 |
+
_currentSiteId: number;
|
12 |
+
}
|
13 |
+
}
|
14 |
+
|
15 |
+
export function useSite() {
|
16 |
+
return useSelect( ( select ) => select( SITES_STORE ).getSite( window._currentSiteId ) );
|
17 |
+
}
|
18 |
+
|
19 |
+
export function useCurrentDomain() {
|
20 |
+
const site = useSite();
|
21 |
+
return ( site?.URL && new URL( site?.URL ).hostname ) || '';
|
22 |
+
}
|
editor-gutenboarding-launch/dist/editor-gutenboarding-launch.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('wp-data', 'wp-dom-ready', 'wp-editor', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('lodash', 'wp-data', 'wp-dom-ready', 'wp-editor', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => '89cb77955ddf691c004154a463b8cd52');
|
editor-gutenboarding-launch/dist/editor-gutenboarding-launch.js
CHANGED
@@ -1 +1,7 @@
|
|
1 |
-
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return 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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return 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 o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));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=30)}([function(e,t,n){t.log=function(){var e;return"object"==typeof console&&console.log&&(e=console).log.apply(e,arguments)},t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(o=r))})),t.splice(o,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(n){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(n){}!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],e.exports=n(16)(t),e.exports.formatters.j=function(e){try{return JSON.stringify(e)}catch(t){return"[UnexpectedJSONParseError]: "+t.message}}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t,n){"use strict";
|
2 |
+
/*!
|
3 |
+
* cookie
|
4 |
+
* Copyright(c) 2012-2014 Roman Shtylman
|
5 |
+
* Copyright(c) 2015 Douglas Christopher Wilson
|
6 |
+
* MIT Licensed
|
7 |
+
*/t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},o=t||{},s=e.split(i),u=o.decode||r,c=0;c<s.length;c++){var f=s[c],l=f.indexOf("=");if(!(l<0)){var h=f.substr(0,l).trim(),p=f.substr(++l,f.length).trim();'"'==p[0]&&(p=p.slice(1,-1)),null==n[h]&&(n[h]=a(p,u))}}return n},t.serialize=function(e,t,n){var r=n||{},i=r.encode||o;if("function"!=typeof i)throw new TypeError("option encode is invalid");if(!s.test(e))throw new TypeError("argument name is invalid");var a=i(t);if(a&&!s.test(a))throw new TypeError("argument val is invalid");var u=e+"="+a;if(null!=r.maxAge){var c=r.maxAge-0;if(isNaN(c))throw new Error("maxAge should be a Number");u+="; Max-Age="+Math.floor(c)}if(r.domain){if(!s.test(r.domain))throw new TypeError("option domain is invalid");u+="; Domain="+r.domain}if(r.path){if(!s.test(r.path))throw new TypeError("option path is invalid");u+="; Path="+r.path}if(r.expires){if("function"!=typeof r.expires.toUTCString)throw new TypeError("option expires is invalid");u+="; Expires="+r.expires.toUTCString()}r.httpOnly&&(u+="; HttpOnly");r.secure&&(u+="; Secure");if(r.sameSite){switch("string"==typeof r.sameSite?r.sameSite.toLowerCase():r.sameSite){case!0:u+="; SameSite=Strict";break;case"lax":u+="; SameSite=Lax";break;case"strict":u+="; SameSite=Strict";break;case"none":u+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return u};var r=decodeURIComponent,o=encodeURIComponent,i=/; */,s=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function a(e,t){try{return t(e)}catch(n){return e}}},function(e,t,n){"use strict";var r=n(4),o=n(23);function i(e,t){return 55296==(64512&e.charCodeAt(t))&&(!(t<0||t+1>=e.length)&&56320==(64512&e.charCodeAt(t+1)))}function s(e){return(e>>>24|e>>>8&65280|e<<8&16711680|(255&e)<<24)>>>0}function a(e){return 1===e.length?"0"+e:e}function u(e){return 7===e.length?"0"+e:6===e.length?"00"+e:5===e.length?"000"+e:4===e.length?"0000"+e:3===e.length?"00000"+e:2===e.length?"000000"+e:1===e.length?"0000000"+e:e}t.inherits=o,t.toArray=function(e,t){if(Array.isArray(e))return e.slice();if(!e)return[];var n=[];if("string"==typeof e)if(t){if("hex"===t)for((e=e.replace(/[^a-z0-9]+/gi,"")).length%2!=0&&(e="0"+e),o=0;o<e.length;o+=2)n.push(parseInt(e[o]+e[o+1],16))}else for(var r=0,o=0;o<e.length;o++){var s=e.charCodeAt(o);s<128?n[r++]=s:s<2048?(n[r++]=s>>6|192,n[r++]=63&s|128):i(e,o)?(s=65536+((1023&s)<<10)+(1023&e.charCodeAt(++o)),n[r++]=s>>18|240,n[r++]=s>>12&63|128,n[r++]=s>>6&63|128,n[r++]=63&s|128):(n[r++]=s>>12|224,n[r++]=s>>6&63|128,n[r++]=63&s|128)}else for(o=0;o<e.length;o++)n[o]=0|e[o];return n},t.toHex=function(e){for(var t="",n=0;n<e.length;n++)t+=a(e[n].toString(16));return t},t.htonl=s,t.toHex32=function(e,t){for(var n="",r=0;r<e.length;r++){var o=e[r];"little"===t&&(o=s(o)),n+=u(o.toString(16))}return n},t.zero2=a,t.zero8=u,t.join32=function(e,t,n,o){var i=n-t;r(i%4==0);for(var s=new Array(i/4),a=0,u=t;a<s.length;a++,u+=4){var c;c="big"===o?e[u]<<24|e[u+1]<<16|e[u+2]<<8|e[u+3]:e[u+3]<<24|e[u+2]<<16|e[u+1]<<8|e[u],s[a]=c>>>0}return s},t.split32=function(e,t){for(var n=new Array(4*e.length),r=0,o=0;r<e.length;r++,o+=4){var i=e[r];"big"===t?(n[o]=i>>>24,n[o+1]=i>>>16&255,n[o+2]=i>>>8&255,n[o+3]=255&i):(n[o+3]=i>>>24,n[o+2]=i>>>16&255,n[o+1]=i>>>8&255,n[o]=255&i)}return n},t.rotr32=function(e,t){return e>>>t|e<<32-t},t.rotl32=function(e,t){return e<<t|e>>>32-t},t.sum32=function(e,t){return e+t>>>0},t.sum32_3=function(e,t,n){return e+t+n>>>0},t.sum32_4=function(e,t,n,r){return e+t+n+r>>>0},t.sum32_5=function(e,t,n,r,o){return e+t+n+r+o>>>0},t.sum64=function(e,t,n,r){var o=e[t],i=r+e[t+1]>>>0,s=(i<r?1:0)+n+o;e[t]=s>>>0,e[t+1]=i},t.sum64_hi=function(e,t,n,r){return(t+r>>>0<t?1:0)+e+n>>>0},t.sum64_lo=function(e,t,n,r){return t+r>>>0},t.sum64_4_hi=function(e,t,n,r,o,i,s,a){var u=0,c=t;return u+=(c=c+r>>>0)<t?1:0,u+=(c=c+i>>>0)<i?1:0,e+n+o+s+(u+=(c=c+a>>>0)<a?1:0)>>>0},t.sum64_4_lo=function(e,t,n,r,o,i,s,a){return t+r+i+a>>>0},t.sum64_5_hi=function(e,t,n,r,o,i,s,a,u,c){var f=0,l=t;return f+=(l=l+r>>>0)<t?1:0,f+=(l=l+i>>>0)<i?1:0,f+=(l=l+a>>>0)<a?1:0,e+n+o+s+u+(f+=(l=l+c>>>0)<c?1:0)>>>0},t.sum64_5_lo=function(e,t,n,r,o,i,s,a,u,c){return t+r+i+a+c>>>0},t.rotr64_hi=function(e,t,n){return(t<<32-n|e>>>n)>>>0},t.rotr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0},t.shr64_hi=function(e,t,n){return e>>>n},t.shr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0}},function(e,t){function n(e,t){if(!e)throw new Error(t||"Assertion failed")}e.exports=n,n.equal=function(e,t,n){if(e!=t)throw new Error(n||"Assertion failed: "+e+" != "+t)}},function(e,t){e.exports=function(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(e,t){var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var r=new Uint8Array(16);e.exports=function(){return n(r),r}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},function(e,t){for(var n=[],r=0;r<256;++r)n[r]=(r+256).toString(16).substr(1);e.exports=function(e,t){var r=t||0,o=n;return[o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],"-",o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]],o[e[r++]]].join("")}},function(e,t){function n(e,t,n,r,o,i,s){try{var a=e[i](s),u=a.value}catch(c){return void n(c)}a.done?t(u):Promise.resolve(u).then(r,o)}e.exports=function(e){return function(){var t=this,r=arguments;return new Promise((function(o,i){var s=e.apply(t,r);function a(e){n(s,o,i,a,u,"next",e)}function u(e){n(s,o,i,a,u,"throw",e)}a(void 0)}))}}},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.domReady}()},function(e,t){!function(){e.exports=this.wp.hooks}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t,n){"use strict";var r=n(3),o=n(24),i=n(25),s=n(4),a=r.sum32,u=r.sum32_4,c=r.sum32_5,f=i.ch32,l=i.maj32,h=i.s0_256,p=i.s1_256,d=i.g0_256,v=i.g1_256,g=o.BlockHash,m=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298];function y(){if(!(this instanceof y))return new y;g.call(this),this.h=[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225],this.k=m,this.W=new Array(64)}r.inherits(y,g),e.exports=y,y.blockSize=512,y.outSize=256,y.hmacStrength=192,y.padLength=64,y.prototype._update=function(e,t){for(var n=this.W,r=0;r<16;r++)n[r]=e[t+r];for(;r<n.length;r++)n[r]=u(v(n[r-2]),n[r-7],d(n[r-15]),n[r-16]);var o=this.h[0],i=this.h[1],g=this.h[2],m=this.h[3],y=this.h[4],w=this.h[5],C=this.h[6],b=this.h[7];for(s(this.k.length===n.length),r=0;r<n.length;r++){var _=c(b,p(y),f(y,w,C),this.k[r],n[r]),x=a(h(o),l(o,i,g));b=C,C=w,w=y,y=a(m,_),m=g,g=i,i=o,o=a(_,x)}this.h[0]=a(this.h[0],o),this.h[1]=a(this.h[1],i),this.h[2]=a(this.h[2],g),this.h[3]=a(this.h[3],m),this.h[4]=a(this.h[4],y),this.h[5]=a(this.h[5],w),this.h[6]=a(this.h[6],C),this.h[7]=a(this.h[7],b)},y.prototype._digest=function(e){return"hex"===e?r.toHex32(this.h,"big"):r.split32(this.h,"big")}},function(e,t,n){"use strict";var r,o="object"==typeof Reflect?Reflect:null,i=o&&"function"==typeof o.apply?o.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};r=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var s=Number.isNaN||function(e){return e!=e};function a(){a.init.call(this)}e.exports=a,a.EventEmitter=a,a.prototype._events=void 0,a.prototype._eventsCount=0,a.prototype._maxListeners=void 0;var u=10;function c(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function f(e){return void 0===e._maxListeners?a.defaultMaxListeners:e._maxListeners}function l(e,t,n,r){var o,i,s,a;if(c(n),void 0===(i=e._events)?(i=e._events=Object.create(null),e._eventsCount=0):(void 0!==i.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),i=e._events),s=i[t]),void 0===s)s=i[t]=n,++e._eventsCount;else if("function"==typeof s?s=i[t]=r?[n,s]:[s,n]:r?s.unshift(n):s.push(n),(o=f(e))>0&&s.length>o&&!s.warned){s.warned=!0;var u=new Error("Possible EventEmitter memory leak detected. "+s.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");u.name="MaxListenersExceededWarning",u.emitter=e,u.type=t,u.count=s.length,a=u,console&&console.warn&&console.warn(a)}return e}function h(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},o=h.bind(r);return o.listener=n,r.wrapFn=o,o}function d(e,t,n){var r=e._events;if(void 0===r)return[];var o=r[t];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(o):g(o,o.length)}function v(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function g(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}Object.defineProperty(a,"defaultMaxListeners",{enumerable:!0,get:function(){return u},set:function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");u=e}}),a.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},a.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},a.prototype.getMaxListeners=function(){return f(this)},a.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var r="error"===e,o=this._events;if(void 0!==o)r=r&&void 0===o.error;else if(!r)return!1;if(r){var s;if(t.length>0&&(s=t[0]),s instanceof Error)throw s;var a=new Error("Unhandled error."+(s?" ("+s.message+")":""));throw a.context=s,a}var u=o[e];if(void 0===u)return!1;if("function"==typeof u)i(u,this,t);else{var c=u.length,f=g(u,c);for(n=0;n<c;++n)i(f[n],this,t)}return!0},a.prototype.addListener=function(e,t){return l(this,e,t,!1)},a.prototype.on=a.prototype.addListener,a.prototype.prependListener=function(e,t){return l(this,e,t,!0)},a.prototype.once=function(e,t){return c(t),this.on(e,p(this,e,t)),this},a.prototype.prependOnceListener=function(e,t){return c(t),this.prependListener(e,p(this,e,t)),this},a.prototype.removeListener=function(e,t){var n,r,o,i,s;if(c(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(o=-1,i=n.length-1;i>=0;i--)if(n[i]===t||n[i].listener===t){s=n[i].listener,o=i;break}if(o<0)return this;0===o?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,o),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,s||t)}return this},a.prototype.off=a.prototype.removeListener,a.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var o,i=Object.keys(n);for(r=0;r<i.length;++r)"removeListener"!==(o=i[r])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},a.prototype.listeners=function(e){return d(this,e,!0)},a.prototype.rawListeners=function(e){return d(this,e,!1)},a.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):v.call(e,t)},a.prototype.listenerCount=v,a.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]}},function(e,t,n){var r=n(26),o=n(27),i=o;i.v1=r,i.v4=o,e.exports=i},function(e,t,n){var r=n(17);e.exports=function(e){function t(e){for(var t=0,n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return o.colors[Math.abs(t)%o.colors.length]}function o(e){var n;function r(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];if(r.enabled){var s=r,a=Number(new Date),u=a-(n||a);s.diff=u,s.prev=n,s.curr=a,n=a,t[0]=o.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O");var c=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(function(e,n){if("%%"===e)return e;c++;var r=o.formatters[n];if("function"==typeof r){var i=t[c];e=r.call(s,i),t.splice(c,1),c--}return e})),o.formatArgs.call(s,t);var f=s.log||o.log;f.apply(s,t)}}return r.namespace=e,r.enabled=o.enabled(e),r.useColors=o.useColors(),r.color=t(e),r.destroy=i,r.extend=s,"function"==typeof o.init&&o.init(r),o.instances.push(r),r}function i(){var e=o.instances.indexOf(this);return-1!==e&&(o.instances.splice(e,1),!0)}function s(e,t){var n=o(this.namespace+(void 0===t?":":t)+e);return n.log=this.log,n}function a(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return o.debug=o,o.default=o,o.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},o.disable=function(){var e=[].concat(r(o.names.map(a)),r(o.skips.map(a).map((function(e){return"-"+e})))).join(",");return o.enable(""),e},o.enable=function(e){var t;o.save(e),o.names=[],o.skips=[];var n=("string"==typeof e?e:"").split(/[\s,]+/),r=n.length;for(t=0;t<r;t++)n[t]&&("-"===(e=n[t].replace(/\*/g,".*?"))[0]?o.skips.push(new RegExp("^"+e.substr(1)+"$")):o.names.push(new RegExp("^"+e+"$")));for(t=0;t<o.instances.length;t++){var i=o.instances[t];i.enabled=o.enabled(i.namespace)}},o.enabled=function(e){if("*"===e[e.length-1])return!0;var t,n;for(t=0,n=o.skips.length;t<n;t++)if(o.skips[t].test(e))return!1;for(t=0,n=o.names.length;t<n;t++)if(o.names[t].test(e))return!0;return!1},o.humanize=n(22),Object.keys(e).forEach((function(t){o[t]=e[t]})),o.instances=[],o.names=[],o.skips=[],o.formatters={},o.selectColor=t,o.enable(o.load()),o}},function(e,t,n){var r=n(18),o=n(19),i=n(20),s=n(21);e.exports=function(e){return r(e)||o(e)||i(e)||s()}},function(e,t,n){var r=n(5);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t,n){var r=n(5);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){var n=1e3,r=6e4,o=60*r,i=24*o;function s(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}e.exports=function(e,t){t=t||{};var a=typeof e;if("string"===a&&e.length>0)return function(e){if((e=String(e)).length>100)return;var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t)return;var s=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*s;case"weeks":case"week":case"w":return 6048e5*s;case"days":case"day":case"d":return s*i;case"hours":case"hour":case"hrs":case"hr":case"h":return s*o;case"minutes":case"minute":case"mins":case"min":case"m":return s*r;case"seconds":case"second":case"secs":case"sec":case"s":return s*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return s;default:return}}(e);if("number"===a&&isFinite(e))return t.long?function(e){var t=Math.abs(e);if(t>=i)return s(e,t,i,"day");if(t>=o)return s(e,t,o,"hour");if(t>=r)return s(e,t,r,"minute");if(t>=n)return s(e,t,n,"second");return e+" ms"}(e):function(e){var t=Math.abs(e);if(t>=i)return Math.round(e/i)+"d";if(t>=o)return Math.round(e/o)+"h";if(t>=r)return Math.round(e/r)+"m";if(t>=n)return Math.round(e/n)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t,n){"use strict";var r=n(3),o=n(4);function i(){this.pending=null,this.pendingTotal=0,this.blockSize=this.constructor.blockSize,this.outSize=this.constructor.outSize,this.hmacStrength=this.constructor.hmacStrength,this.padLength=this.constructor.padLength/8,this.endian="big",this._delta8=this.blockSize/8,this._delta32=this.blockSize/32}t.BlockHash=i,i.prototype.update=function(e,t){if(e=r.toArray(e,t),this.pending?this.pending=this.pending.concat(e):this.pending=e,this.pendingTotal+=e.length,this.pending.length>=this._delta8){var n=(e=this.pending).length%this._delta8;this.pending=e.slice(e.length-n,e.length),0===this.pending.length&&(this.pending=null),e=r.join32(e,0,e.length-n,this.endian);for(var o=0;o<e.length;o+=this._delta32)this._update(e,o,o+this._delta32)}return this},i.prototype.digest=function(e){return this.update(this._pad()),o(null===this.pending),this._digest(e)},i.prototype._pad=function(){var e=this.pendingTotal,t=this._delta8,n=t-(e+this.padLength)%t,r=new Array(n+this.padLength);r[0]=128;for(var o=1;o<n;o++)r[o]=0;if(e<<=3,"big"===this.endian){for(var i=8;i<this.padLength;i++)r[o++]=0;r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=e>>>24&255,r[o++]=e>>>16&255,r[o++]=e>>>8&255,r[o++]=255&e}else for(r[o++]=255&e,r[o++]=e>>>8&255,r[o++]=e>>>16&255,r[o++]=e>>>24&255,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,i=8;i<this.padLength;i++)r[o++]=0;return r}},function(e,t,n){"use strict";var r=n(3).rotr32;function o(e,t,n){return e&t^~e&n}function i(e,t,n){return e&t^e&n^t&n}function s(e,t,n){return e^t^n}t.ft_1=function(e,t,n,r){return 0===e?o(t,n,r):1===e||3===e?s(t,n,r):2===e?i(t,n,r):void 0},t.ch32=o,t.maj32=i,t.p32=s,t.s0_256=function(e){return r(e,2)^r(e,13)^r(e,22)},t.s1_256=function(e){return r(e,6)^r(e,11)^r(e,25)},t.g0_256=function(e){return r(e,7)^r(e,18)^e>>>3},t.g1_256=function(e){return r(e,17)^r(e,19)^e>>>10}},function(e,t,n){var r,o,i=n(6),s=n(7),a=0,u=0;e.exports=function(e,t,n){var c=t&&n||0,f=t||[],l=(e=e||{}).node||r,h=void 0!==e.clockseq?e.clockseq:o;if(null==l||null==h){var p=i();null==l&&(l=r=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==h&&(h=o=16383&(p[6]<<8|p[7]))}var d=void 0!==e.msecs?e.msecs:(new Date).getTime(),v=void 0!==e.nsecs?e.nsecs:u+1,g=d-a+(v-u)/1e4;if(g<0&&void 0===e.clockseq&&(h=h+1&16383),(g<0||d>a)&&void 0===e.nsecs&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=d,u=v,o=h;var m=(1e4*(268435455&(d+=122192928e5))+v)%4294967296;f[c++]=m>>>24&255,f[c++]=m>>>16&255,f[c++]=m>>>8&255,f[c++]=255&m;var y=d/4294967296*1e4&268435455;f[c++]=y>>>8&255,f[c++]=255&y,f[c++]=y>>>24&15|16,f[c++]=y>>>16&255,f[c++]=h>>>8|128,f[c++]=255&h;for(var w=0;w<6;++w)f[c+w]=l[w];return t||s(f)}},function(e,t,n){var r=n(6),o=n(7);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var s=(e=e||{}).random||(e.rng||r)();if(s[6]=15&s[6]|64,s[8]=63&s[8]|128,t)for(var a=0;a<16;++a)t[i+a]=s[a];return t||o(s)}},function(e,t){!function(){e.exports=this.wp.editor}()},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r=n(8),o=n.n(r),i=n(9),s=n(10),a=n.n(s),u=n(11),c=n(12),f=n(0),l=n.n(f),h=l()("calypso:analytics");n(13);"undefined"!=typeof window&&window.addEventListener("popstate",(function(){null}));var p=function(){return(p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var d=n(1),v=(n(2),n(14)),g=l()("lib/load-script/callback-handler"),m=new Map;function y(){return m}function w(e){return y().has(e)}function C(e,t){var n=y();w(e)?(g('Adding a callback for an existing script from "'.concat(e,'"')),n.get(e).add(t)):(g('Adding a callback for a new script from "'.concat(e,'"')),n.set(e,new Set([t])))}function b(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=y(),r=n.get(e);if(r){var o='Executing callbacks for "'.concat(e,'"')+(null===t?" with success":' with error "'.concat(t,'"'));g(o),r.forEach((function(e){"function"==typeof e&&e(t)})),n.delete(e)}}function _(){var e=this.getAttribute("src");g('Handling successful request for "'.concat(e,'"')),b(e),this.onload=null}function x(){var e=this.getAttribute("src");g('Handling failed request for "'.concat(e,'"')),b(e,new Error('Failed to load script "'.concat(e,'"'))),this.onerror=null}var F=l()("lib/load-script/dom-operations");l()("package/load-script");function S(e,t){var n;if(!w(e)&&(n=function(e){F('Creating script element for "'.concat(e,'"'));var t=document.createElement("script");return t.src=e,t.type="text/javascript",t.async=!0,t.onload=_,t.onerror=x,t}(e),F("Attaching element to head"),document.head.appendChild(n)),"function"!=typeof t)return new Promise((function(t,n){C(e,(function(e){null===e?t():n(e)}))}));C(e,t)}var A,L=["a8c_cookie_banner_ok","wcadmin_storeprofiler_create_jetpack_account","wcadmin_storeprofiler_connect_store","wcadmin_storeprofiler_login_jetpack_account","wcadmin_storeprofiler_payment_login","wcadmin_storeprofiler_payment_create_account"];Promise.resolve();function E(e){"undefined"!=typeof window&&(window._tkq=window._tkq||[],window._tkq.push(e))}"undefined"!=typeof document&&S("//stats.wp.com/w.js?61");var k=new v.EventEmitter;function O(e,t){if(h('Record event "%s" called with props %o',e,t=t||{}),e.startsWith("calypso_")||Object(d.includes)(L,e)){if(A){var n=A(t);t=p(p({},t),n)}t=Object(d.omitBy)(t,d.isUndefined),h('Recording event "%s" with actual props %o',e,t),E(["recordEvent",e,t]),k.emit("record-event",e,t)}else h('- Event name must be prefixed by "calypso_" or added to `EVENT_NAME_EXCEPTIONS`')}n(15);n(28),n(29);a()((function(){M(),Object(u.addAction)("setGutenboardingStatus","a8c-gutenboarding",M)}));var j=!1;function M(){var e,t,n,r;if(!j&&(null===(e=window)||void 0===e||null===(t=e.calypsoifyGutenberg)||void 0===t?void 0:t.isFseGutenboarding)&&(null===(n=window)||void 0===n||null===(r=n.calypsoifyGutenberg)||void 0===r?void 0:r.frankenflowUrl)){j=!0;var s=setInterval((function(){var e,t,n=document.querySelector(".edit-post-header__settings");if(n){clearInterval(s),document.querySelector("body").classList.add("editor-gutenberg-launch__fse-overrides");var r=n.querySelector(".editor-post-publish-button__button"),a=document.createElement("a"),u=null===(e=window)||void 0===e||null===(t=e.calypsoifyGutenberg)||void 0===t?void 0:t.frankenflowUrl;a.href=u,a.target="_top",a.className="editor-gutenberg-launch__launch-button components-button is-primary";var f=document.createTextNode(Object(i.__)("Launch","full-site-editing"));a.appendChild(f);var l=function(){var e=o()(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.preventDefault(),e.next=3,Object(c.dispatch)("core/editor").savePost();case 3:O("calypso_newsite_editor_launch_click"),window.top.location.href=u;case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();a.addEventListener("click",l),n.prepend(a),r&&n.prepend(r)}}))}}}]));
|
editor-gutenboarding-launch/index.ts
CHANGED
@@ -5,6 +5,8 @@ import { __ } from '@wordpress/i18n';
|
|
5 |
import domReady from '@wordpress/dom-ready';
|
6 |
import { addAction } from '@wordpress/hooks';
|
7 |
import { dispatch } from '@wordpress/data';
|
|
|
|
|
8 |
// Depend on `core/editor` store.
|
9 |
import '@wordpress/editor';
|
10 |
|
@@ -71,6 +73,9 @@ function updateEditor() {
|
|
71 |
// Disable href navigation
|
72 |
e.preventDefault();
|
73 |
await dispatch( 'core/editor' ).savePost();
|
|
|
|
|
|
|
74 |
// Using window.top to escape from the editor iframe on WordPress.com
|
75 |
window.top.location.href = launchHref;
|
76 |
};
|
5 |
import domReady from '@wordpress/dom-ready';
|
6 |
import { addAction } from '@wordpress/hooks';
|
7 |
import { dispatch } from '@wordpress/data';
|
8 |
+
import { recordTracksEvent } from '@automattic/calypso-analytics';
|
9 |
+
|
10 |
// Depend on `core/editor` store.
|
11 |
import '@wordpress/editor';
|
12 |
|
73 |
// Disable href navigation
|
74 |
e.preventDefault();
|
75 |
await dispatch( 'core/editor' ).savePost();
|
76 |
+
|
77 |
+
recordTracksEvent( 'calypso_newsite_editor_launch_click' );
|
78 |
+
|
79 |
// Using window.top to escape from the editor iframe on WordPress.com
|
80 |
window.top.location.href = launchHref;
|
81 |
};
|
editor-plans-grid/dist/editor-plans-grid.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('a8c-fse-common-data-stores', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('a8c-fse-common-data-stores', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '55f850413fd5146f8dff9ed16de92eb4');
|
editor-plans-grid/dist/editor-plans-grid.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.plans-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.plans-modal.components-modal__frame{width:100%;height:100%;top:0;left:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.plans-modal .components-modal__content{padding:0}.plans-grid-container{padding:88px}.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;left:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-left:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-left:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:right}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-right:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-left:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-left:-8px;margin-right:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-left:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-right:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-left:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}
|
1 |
+
.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;left:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-left:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-left:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:right}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-right:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-left:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-left:-8px;margin-right:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-left:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-right:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-left:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.plans-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.plans-modal.components-modal__frame{width:100%;height:100%;top:0;left:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.plans-modal .components-modal__content{padding:0}.plans-grid-container{padding:88px}
|
editor-plans-grid/dist/editor-plans-grid.js
CHANGED
@@ -3,4 +3,4 @@
|
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
-
*/!function(){"use strict";var n={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var l=typeof a;if("string"===l||"number"===l)e.push(a);else if(Array.isArray(a)&&a.length){var i=r.apply(null,a);i&&e.push(i)}else if("object"===l)for(var c in a)n.call(a,c)&&a[c]&&e.push(c)}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(a=function(){return r}.apply(t,[]))||(e.exports=a)}()},function(e,t){!function(){e.exports=this["a8c-fse-common-data-stores"]}()},,function(e,t){!function(){e.exports=this.ReactDOM}()},function(e,t,n){var a=n(14),r=n(15),l=n(16),i=n(18);e.exports=function(e,t){return a(e)||r(e,t)||l(e,t)||i()}},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 a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},n.apply(this,arguments)}e.exports=n},function(e,t,n){var a=n(19);e.exports=function(e,t){if(null==e)return{};var n,r,l=a(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}},function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],a=!0,r=!1,l=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(o){r=!0,l=o}finally{try{a||null==c.return||c.return()}finally{if(r)throw l}}return n}}},function(e,t,n){var a=n(17);e.exports=function(e,t){if(e){if("string"==typeof e)return a(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),l=n(10),i=(n(8),n(11)),c=n.n(i),o=n(1),s=n(2),u=n(3);function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var d=function(e){var t=e.icon,n=e.size,a=void 0===n?24:n,r=p(e,["icon","size"]);return Object(o.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:a,height:a},r))},b=n(4),v=Object(o.createElement)(b.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Object(o.createElement)(b.Path,{d:"M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"})),_=n(12),E=n.n(_),y=n(13),O=n.n(y),g=n(5);var h=function(){return(h=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};var j=n(6),P=a.createContext(S()),N=function(){return a.useContext(P)};Object(j.createHigherOrderComponent)((function(e){return function(t){var n=N();return a.createElement(e,h({},n,t))}}),"withI18n");function S(e){var t,n,a=Object(g.createI18n)(e),r=null!==(n=null===(t=null==e?void 0:e[""])||void 0===t?void 0:t.localeSlug)&&void 0!==n?n:"en";return{__:a.__.bind(a),_n:a._n.bind(a),_nx:a._nx.bind(a),_x:a._x.bind(a),isRTL:a.isRTL.bind(a),i18nLocale:r}}n(23);var w=function(e){var t=e.children;return a.createElement("h1",{className:"plans-ui-title"},t)},x=Object(o.createElement)(b.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(o.createElement)(b.Path,{d:"M9 18.6L3.5 13l1-1L9 16.4l9.5-9.9 1 1z"})),k=Object(o.createElement)(b.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(o.createElement)(b.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),A=n(7),D=n.n(A),C=r.a.createElement(d,{icon:x,size:17}),M=r.a.createElement(d,{icon:k,size:17}),I=r.a.createElement("svg",{width:"8",viewBox:"0 0 8 4"},r.a.createElement("path",{d:"M0 0 L8 0 L4 4 L0 0",fill:"currentColor"}));var L=function(e){var t=e.slug,n=e.name,l=e.price,i=e.isPopular,c=void 0!==i&&i,o=e.isFree,s=void 0!==o&&o,m=e.domain,p=e.features,f=e.onSelect,d=e.onPickDomainClick,b=e.onToggleExpandAll,v=e.allPlansExpanded,_=N().__,E=Object(a.useState)(!1),y=E[0],O=E[1],h=Object(j.useViewportMatch)("mobile",">="),P=function(e,t,n){return{NO_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:C,domainMessage:r.a.createElement(r.a.Fragment,null,n("Pick a free domain (1 year)")," ",I)}},FREE_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:C,domainMessage:r.a.createElement(r.a.Fragment,null,n("Pick a free domain (1 year)")," ",I)}},PAID_DOMAIN:{FREE_PLAN:{className:"plan-item__domain-summary is-free",icon:M,domainMessage:Object(g.sprintf)(n("%s is not included"),null==t?void 0:t.domain_name)},PAID_PLAN:{className:"plan-item__domain-summary is-picked",icon:C,domainMessage:Object(g.sprintf)(n("%s is included"),null==t?void 0:t.domain_name)}}}[t&&(t.is_free?"FREE_DOMAIN":"PAID_DOMAIN")||"NO_DOMAIN"][e?"FREE_PLAN":"PAID_PLAN"]}(s,m,_);Object(a.useEffect)((function(){O(v)}),[v]);var S=v||h||c||y;return r.a.createElement("div",{className:D()("plan-item",{"is-popular":c,"is-open":S})},c&&r.a.createElement("span",{className:"plan-item__badge"},_("Popular")),r.a.createElement("div",{className:D()("plan-item__viewport",{"is-popular":c})},r.a.createElement("div",{className:"plan-item__details"},r.a.createElement("div",{tabIndex:0,role:"button",onClick:function(){return O((function(e){return!e}))},onKeyDown:function(e){return 32===e.keyCode&&O((function(e){return!e}))},className:"plan-item__summary"},r.a.createElement("div",{className:"plan-item__heading"},r.a.createElement("div",{className:"plan-item__name"},n)),r.a.createElement("div",{className:"plan-item__price"},r.a.createElement("div",{className:D()("plan-item__price-amount",{"is-loading":!l})},l||" ")),!S&&r.a.createElement("div",{className:"plan-item__dropdown-chevron"},I)),r.a.createElement("div",{hidden:!S},r.a.createElement("div",{className:"plan-item__price-note"},_(s?"free forever":"per month, billed yearly")),r.a.createElement("div",{className:"plan-item__actions"},r.a.createElement(u.Button,{className:"plan-item__select-button",onClick:function(){f(t)},isPrimary:!0,isLarge:!0},r.a.createElement("span",null,_("Choose")))),r.a.createElement("div",{className:"plan-item__domain"},P&&r.a.createElement(u.Button,{className:P.className,onClick:d,isLink:!0},P.icon,P.domainMessage)),r.a.createElement("div",{className:"plan-item__features"},r.a.createElement("ul",{className:"plan-item__feature-item-group"},p.map((function(e,t){return r.a.createElement("li",{key:t,className:"plan-item__feature-item"},C," ",e)}))))))),c&&!h&&r.a.createElement(u.Button,{onClick:b,className:"plan-item__mobile-expand-all-plans",isLink:!0},_(v?"Collapse all plans":"Expand all plans")))},F="automattic/onboard/plans",R=(n(22),function(e){var t=e.selectedPlanSlug,n=e.onPlanSelect,l=e.onPickDomainClick,i=e.currentDomain,c=Object(s.useSelect)((function(e){return e(F).getSupportedPlans()})),o=Object(s.useSelect)((function(e){return e(F).getPrices()})),u=Object(a.useState)(!1),m=u[0],p=u[1];return r.a.createElement("div",{className:"plans-table"},c.map((function(e){var a;return e&&r.a.createElement(L,{allPlansExpanded:m,key:e.storeSlug,slug:e.storeSlug,domain:i,features:null!==(a=e.features)&&void 0!==a?a:[],isPopular:e.isPopular,isFree:e.isFree,price:o[e.storeSlug],name:null==e?void 0:e.title.toString(),isSelected:e.storeSlug===t,onSelect:n,onPickDomainClick:l,onToggleExpandAll:function(){return p((function(e){return!e}))}})})))}),z=(n(24),r.a.createElement(d,{icon:x,size:25})),B=function(e){var t=e.onSelect,n=Object(s.useSelect)((function(e){return e(F).getPlansDetails()})),a=Object(s.useSelect)((function(e){return e(F).getPrices()})),l=Object(s.useSelect)((function(e){return e(F).getSupportedPlans()})),i=N().__;return r.a.createElement("div",{className:"plans-details"},r.a.createElement("table",{className:"plans-details__table"},r.a.createElement("thead",null,r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",null,i("Feature")),l.map((function(e){return r.a.createElement("th",{key:e.storeSlug},e.title)})))),n.map((function(e){return r.a.createElement("tbody",{key:e.id},e.name&&r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",{colSpan:6},e.name)),e.features.map((function(e,t){return r.a.createElement("tr",{className:"plans-details__feature-row",key:t},r.a.createElement("th",null,e.name),e.data.map((function(t,n){return r.a.createElement("td",{key:n},"checkbox"===e.type&&(t?r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"hidden"},i("Available")),z):r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"hidden"},i("Unavailable")," "))),"text"===e.type&&t)})))})))})),r.a.createElement("tbody",null,r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",{colSpan:6},i("Sign up"))),r.a.createElement("tr",{className:"plans-details__feature-row",key:"price"},r.a.createElement("th",null,i("Monthly subscription (billed yearly)")),l.map((function(e){return r.a.createElement("td",{key:e.storeSlug},a[e.storeSlug])}))),r.a.createElement("tr",{className:"plans-details__feature-row",key:"cta"},r.a.createElement("th",null),l.map((function(e){return r.a.createElement("td",{key:e.storeSlug},r.a.createElement(u.Button,{onClick:function(){t(e.storeSlug)},isPrimary:!0,isLarge:!0},r.a.createElement("span",null,i("Choose"))))}))))))},T=(n(21),function(e){var t,n=e.header,r=e.currentPlan,l=e.currentDomain,i=e.onPlanSelect,c=e.onPickDomainClick,o=N().__,u=Object(s.useDispatch)(F).setPlan,m=function(e){u(e),null==i||i(e)};return a.createElement("div",{className:"plans-grid"},a.createElement("div",{className:"plans-grid__header"},n),a.createElement("div",{className:"plans-grid__table"},a.createElement("div",{className:"plans-grid__table-container"},a.createElement(R,{selectedPlanSlug:null!==(t=null==r?void 0:r.storeSlug)&&void 0!==t?t:"",onPlanSelect:m,currentDomain:l,onPickDomainClick:c}))),a.createElement("div",{className:"plans-grid__details"},a.createElement("div",{className:"plans-grid__details-heading"},a.createElement(w,null,o("Detailed comparison"))),a.createElement("div",{className:"plans-grid__details-container"},a.createElement(B,{onSelect:m}))))}),V=(n(20),function(e){var t=e.isOpen,n=e.onClose,a=O()(e,["isOpen","onClose"]);if(!t)return null;var r=Object(o.createElement)("div",null,Object(o.createElement)("h1",{className:"wp-brand-font"},Object(g.__)("Choose a plan")),Object(o.createElement)("p",null,Object(g.__)("Pick a plan that’s right for you. Switch plans as your needs change. There’s no risk, you can cancel for a full refund within 30 days.")));return Object(o.createElement)(u.Modal,{className:"plans-modal",overlayClassName:"plans-modal-overlay",bodyOpenClassName:"has-plans-modal",onRequestClose:n,title:""},Object(o.createElement)("div",{className:"plans-grid-container"},Object(o.createElement)(T,E()({header:r},a))))}),G=function(){var e=a.useState(!1),t=c()(e,2),n=t[0],r=t[1],l=Object(s.useSelect)((function(e){return e("automattic/onboard/plans").getSelectedPlan()||void 0})),i=Object(s.useDispatch)("automattic/onboard/plans").setPlan;return Object(o.createElement)(o.Fragment,null,Object(o.createElement)(u.Button,{"aria-expanded":n,"aria-haspopup":"menu","aria-pressed":n,onClick:function(){return r((function(e){return!e}))}},Object(o.createElement)("span",null,"Plans: ",l&&l.title),Object(o.createElement)(d,{icon:v,size:22})),Object(o.createElement)(V,{isOpen:n,currentDomain:void 0,currentPlan:l,onPlanSelect:function(e){i(e),r(!1)},onClose:function(){return r(!1)}}))},q=setInterval((function(){var e=document.querySelector(".edit-post-header__settings");if(e){clearInterval(q);var t=document.createElement("div");e.prepend(t),l.render(a.createElement(G),t)}}))}]));
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
+
*/!function(){"use strict";var n={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var l=typeof a;if("string"===l||"number"===l)e.push(a);else if(Array.isArray(a)&&a.length){var i=r.apply(null,a);i&&e.push(i)}else if("object"===l)for(var c in a)n.call(a,c)&&a[c]&&e.push(c)}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(a=function(){return r}.apply(t,[]))||(e.exports=a)}()},function(e,t){!function(){e.exports=this["a8c-fse-common-data-stores"]}()},,function(e,t){!function(){e.exports=this.ReactDOM}()},function(e,t,n){var a=n(14),r=n(15),l=n(16),i=n(18);e.exports=function(e,t){return a(e)||r(e,t)||l(e,t)||i()}},function(e,t,n){var a=n(19);e.exports=function(e,t){if(null==e)return{};var n,r,l=a(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}},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 a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},n.apply(this,arguments)}e.exports=n},function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],a=!0,r=!1,l=void 0;try{for(var i,c=e[Symbol.iterator]();!(a=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(o){r=!0,l=o}finally{try{a||null==c.return||c.return()}finally{if(r)throw l}}return n}}},function(e,t,n){var a=n(17);e.exports=function(e,t){if(e){if("string"==typeof e)return a(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),l=n(10),i=(n(8),n(11)),c=n.n(i),o=n(1),s=n(3);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var f=function(e){var t=e.icon,n=e.size,a=void 0===n?24:n,r=m(e,["icon","size"]);return Object(o.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:a,height:a},r))},d=n(4),b=Object(o.createElement)(d.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Object(o.createElement)(d.Path,{d:"M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"})),v=n(12),E=n.n(v),_=n(5),y=n(13),g=n.n(y),O=n(2);var h=function(){return(h=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};var j=n(6),P=a.createContext(w()),N=function(){return a.useContext(P)};Object(j.createHigherOrderComponent)((function(e){return function(t){var n=N();return a.createElement(e,h({},n,t))}}),"withI18n");function w(e){var t,n,a=Object(_.createI18n)(e),r=null!==(n=null===(t=null==e?void 0:e[""])||void 0===t?void 0:t.localeSlug)&&void 0!==n?n:"en";return{__:a.__.bind(a),_n:a._n.bind(a),_nx:a._nx.bind(a),_x:a._x.bind(a),isRTL:a.isRTL.bind(a),i18nLocale:r}}n(22);var S=function(e){var t=e.children;return a.createElement("h1",{className:"plans-ui-title"},t)},x=Object(o.createElement)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(o.createElement)(d.Path,{d:"M9 18.6L3.5 13l1-1L9 16.4l9.5-9.9 1 1z"})),k=Object(o.createElement)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(o.createElement)(d.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),A=n(7),D=n.n(A),C=r.a.createElement(f,{icon:x,size:17}),M=r.a.createElement(f,{icon:k,size:17}),I=r.a.createElement("svg",{width:"8",viewBox:"0 0 8 4"},r.a.createElement("path",{d:"M0 0 L8 0 L4 4 L0 0",fill:"currentColor"}));var L=function(e){var t=e.slug,n=e.name,l=e.price,i=e.isPopular,c=void 0!==i&&i,o=e.isFree,u=void 0!==o&&o,m=e.domain,p=e.features,f=e.onSelect,d=e.onPickDomainClick,b=e.onToggleExpandAll,v=e.allPlansExpanded,E=N().__,y=Object(a.useState)(!1),g=y[0],O=y[1],h=Object(j.useViewportMatch)("mobile",">="),P=function(e,t,n){return{NO_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:C,domainMessage:r.a.createElement(r.a.Fragment,null,n("Pick a free domain (1 year)")," ",I)}},FREE_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:C,domainMessage:r.a.createElement(r.a.Fragment,null,n("Pick a free domain (1 year)")," ",I)}},PAID_DOMAIN:{FREE_PLAN:{className:"plan-item__domain-summary is-free",icon:M,domainMessage:Object(_.sprintf)(n("%s is not included"),null==t?void 0:t.domain_name)},PAID_PLAN:{className:"plan-item__domain-summary is-picked",icon:C,domainMessage:Object(_.sprintf)(n("%s is included"),null==t?void 0:t.domain_name)}}}[t&&(t.is_free?"FREE_DOMAIN":"PAID_DOMAIN")||"NO_DOMAIN"][e?"FREE_PLAN":"PAID_PLAN"]}(u,m,E);Object(a.useEffect)((function(){O(v)}),[v]);var w=v||h||c||g;return r.a.createElement("div",{className:D()("plan-item",{"is-popular":c,"is-open":w})},c&&r.a.createElement("span",{className:"plan-item__badge"},E("Popular")),r.a.createElement("div",{className:D()("plan-item__viewport",{"is-popular":c})},r.a.createElement("div",{className:"plan-item__details"},r.a.createElement("div",{tabIndex:0,role:"button",onClick:function(){return O((function(e){return!e}))},onKeyDown:function(e){return 32===e.keyCode&&O((function(e){return!e}))},className:"plan-item__summary"},r.a.createElement("div",{className:"plan-item__heading"},r.a.createElement("div",{className:"plan-item__name"},n)),r.a.createElement("div",{className:"plan-item__price"},r.a.createElement("div",{className:D()("plan-item__price-amount",{"is-loading":!l})},l||" ")),!w&&r.a.createElement("div",{className:"plan-item__dropdown-chevron"},I)),r.a.createElement("div",{hidden:!w},r.a.createElement("div",{className:"plan-item__price-note"},E(u?"free forever":"per month, billed yearly")),r.a.createElement("div",{className:"plan-item__actions"},r.a.createElement(s.Button,{className:"plan-item__select-button",onClick:function(){f(t)},isPrimary:!0,isLarge:!0},r.a.createElement("span",null,E("Choose")))),r.a.createElement("div",{className:"plan-item__domain"},P&&r.a.createElement(s.Button,{className:P.className,onClick:d,isLink:!0},P.icon,P.domainMessage)),r.a.createElement("div",{className:"plan-item__features"},r.a.createElement("ul",{className:"plan-item__feature-item-group"},p.map((function(e,t){return r.a.createElement("li",{key:t,className:"plan-item__feature-item"},C," ",e)}))))))),c&&!h&&r.a.createElement(s.Button,{onClick:b,className:"plan-item__mobile-expand-all-plans",isLink:!0},E(v?"Collapse all plans":"Expand all plans")))},F="automattic/onboard/plans",R=(n(21),function(e){var t=e.selectedPlanSlug,n=e.onPlanSelect,l=e.onPickDomainClick,i=e.currentDomain,c=Object(O.useSelect)((function(e){return e(F).getSupportedPlans()})),o=Object(O.useSelect)((function(e){return e(F).getPrices()})),s=Object(a.useState)(!1),u=s[0],m=s[1];return r.a.createElement("div",{className:"plans-table"},c.map((function(e){var a;return e&&r.a.createElement(L,{allPlansExpanded:u,key:e.storeSlug,slug:e.storeSlug,domain:i,features:null!==(a=e.features)&&void 0!==a?a:[],isPopular:e.isPopular,isFree:e.isFree,price:o[e.storeSlug],name:null==e?void 0:e.title.toString(),isSelected:e.storeSlug===t,onSelect:n,onPickDomainClick:l,onToggleExpandAll:function(){return m((function(e){return!e}))}})})))}),z=(n(23),r.a.createElement(f,{icon:x,size:25})),B=function(e){var t=e.onSelect,n=Object(O.useSelect)((function(e){return e(F).getPlansDetails()})),a=Object(O.useSelect)((function(e){return e(F).getPrices()})),l=Object(O.useSelect)((function(e){return e(F).getSupportedPlans()})),i=N().__;return r.a.createElement("div",{className:"plans-details"},r.a.createElement("table",{className:"plans-details__table"},r.a.createElement("thead",null,r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",null,i("Feature")),l.map((function(e){return r.a.createElement("th",{key:e.storeSlug},e.title)})))),n.map((function(e){return r.a.createElement("tbody",{key:e.id},e.name&&r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",{colSpan:6},e.name)),e.features.map((function(e,t){return r.a.createElement("tr",{className:"plans-details__feature-row",key:t},r.a.createElement("th",null,e.name),e.data.map((function(t,n){return r.a.createElement("td",{key:n},"checkbox"===e.type&&(t?r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"hidden"},i("Available")),z):r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"hidden"},i("Unavailable")," "))),"text"===e.type&&t)})))})))})),r.a.createElement("tbody",null,r.a.createElement("tr",{className:"plans-details__header-row"},r.a.createElement("th",{colSpan:6},i("Sign up"))),r.a.createElement("tr",{className:"plans-details__feature-row",key:"price"},r.a.createElement("th",null,i("Monthly subscription (billed yearly)")),l.map((function(e){return r.a.createElement("td",{key:e.storeSlug},a[e.storeSlug])}))),r.a.createElement("tr",{className:"plans-details__feature-row",key:"cta"},r.a.createElement("th",null),l.map((function(e){return r.a.createElement("td",{key:e.storeSlug},r.a.createElement(s.Button,{onClick:function(){t(e.storeSlug)},isPrimary:!0,isLarge:!0},r.a.createElement("span",null,i("Choose"))))}))))))},T=(n(20),function(e){var t,n=e.header,r=e.currentPlan,l=e.currentDomain,i=e.onPlanSelect,c=e.onPickDomainClick,o=N().__,s=Object(O.useDispatch)(F).setPlan,u=function(e){s(e),null==i||i(e)};return a.createElement("div",{className:"plans-grid"},n&&a.createElement("div",{className:"plans-grid__header"},n),a.createElement("div",{className:"plans-grid__table"},a.createElement("div",{className:"plans-grid__table-container"},a.createElement(R,{selectedPlanSlug:null!==(t=null==r?void 0:r.storeSlug)&&void 0!==t?t:"",onPlanSelect:u,currentDomain:l,onPickDomainClick:c}))),a.createElement("div",{className:"plans-grid__details"},a.createElement("div",{className:"plans-grid__details-heading"},a.createElement(S,null,o("Detailed comparison"))),a.createElement("div",{className:"plans-grid__details-container"},a.createElement(B,{onSelect:u}))))});function V(){return Object(O.useSelect)((function(e){return e("automattic/onboard/plans").getSelectedPlan()}))||void 0}var G=function(e){var t=Object.assign({},e),n=V();return Object(o.createElement)(T,g()({currentDomain:void 0,currentPlan:n},t))},q=(n(24),function(e){var t=e.onClose,n=E()(e,["onClose"]),a=Object(o.createElement)("div",null,Object(o.createElement)("h1",{className:"wp-brand-font"},Object(_.__)("Choose a plan")),Object(o.createElement)("p",null,Object(_.__)("Pick a plan that’s right for you. Switch plans as your needs change. There’s no risk, you can cancel for a full refund within 30 days.")));return Object(o.createElement)(s.Modal,{className:"plans-modal",overlayClassName:"plans-modal-overlay",bodyOpenClassName:"has-plans-modal",onRequestClose:t,title:""},a,Object(o.createElement)("div",{className:"plans-grid-container"},Object(o.createElement)(G,n)))}),U=function(){var e=a.useState(!1),t=c()(e,2),n=t[0],r=t[1],l=V();return Object(o.createElement)(o.Fragment,null,Object(o.createElement)(s.Button,{"aria-expanded":n,"aria-haspopup":"menu","aria-pressed":n,onClick:function(){return r((function(e){return!e}))}},Object(o.createElement)("span",null,"Plans: ",null==l?void 0:l.title),Object(o.createElement)(f,{icon:b,size:22})),n&&Object(o.createElement)(q,{onClose:function(){return r(!1)}}))},H=setInterval((function(){var e=document.querySelector(".edit-post-header__settings");if(e){clearInterval(H);var t=document.createElement("div");e.prepend(t),l.render(a.createElement(U),t)}}))}]));
|
editor-plans-grid/dist/editor-plans-grid.rtl.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.plans-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.plans-modal.components-modal__frame{width:100%;height:100%;top:0;right:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.plans-modal .components-modal__content{padding:0}.plans-grid-container{padding:88px}.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;right:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-right:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-right:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:left}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-left:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-right:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-right:-8px;margin-left:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-right:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-left:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-right:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}
|
1 |
+
.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;right:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-right:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-right:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:left}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-left:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-right:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-right:-8px;margin-left:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-right:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-left:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-right:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.plans-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.plans-modal.components-modal__frame{width:100%;height:100%;top:0;right:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.plans-modal .components-modal__content{padding:0}.plans-grid-container{padding:88px}
|
editor-plans-grid/src/hooks/use-selected-plan.ts
CHANGED
@@ -1 +1,19 @@
|
|
1 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import { useSelect } from '@wordpress/data';
|
5 |
+
|
6 |
+
/**
|
7 |
+
* Internal dependencies
|
8 |
+
*/
|
9 |
+
import { PLANS_STORE } from '../stores';
|
10 |
+
|
11 |
+
export function useSelectedPlan() {
|
12 |
+
// TODO: Switch to paid plan when use switch to paid domain.
|
13 |
+
const currentPlan = useSelect( ( select ) => {
|
14 |
+
return select( PLANS_STORE ).getSelectedPlan();
|
15 |
+
} );
|
16 |
+
|
17 |
+
// FIX: PlansGrid currentPlan params expecting undefined while `getSelectedPlan()` is returning null.
|
18 |
+
return currentPlan || undefined;
|
19 |
+
}
|
editor-plans-grid/src/plans-grid-button/index.tsx
CHANGED
@@ -2,8 +2,6 @@
|
|
2 |
* External dependencies
|
3 |
*/
|
4 |
import * as React from 'react';
|
5 |
-
import { useSelect, useDispatch } from '@wordpress/data';
|
6 |
-
import { Plans } from '@automattic/data-stores';
|
7 |
import { Button } from '@wordpress/components';
|
8 |
import { Icon, chevronDown } from '@wordpress/icons';
|
9 |
import 'a8c-fse-common-data-stores';
|
@@ -12,28 +10,11 @@ import 'a8c-fse-common-data-stores';
|
|
12 |
* Internal dependencies
|
13 |
*/
|
14 |
import PlansModal from '../plans-modal';
|
15 |
-
import {
|
16 |
-
|
17 |
-
type PlansSlug = Plans.PlanSlug;
|
18 |
|
19 |
const PlansGridButton = () => {
|
20 |
const [ isPlansModalVisible, setPlansModalVisibility ] = React.useState( false );
|
21 |
-
|
22 |
-
// TODO: Get current domain from store.
|
23 |
-
const currentDomain = undefined;
|
24 |
-
|
25 |
-
// TODO: Proper plan selection as seen in gutenboarding version. Needs currentDomain to work on this.
|
26 |
-
const currentPlan = useSelect( ( select ) => {
|
27 |
-
const selectedPlan = select( PLANS_STORE ).getSelectedPlan();
|
28 |
-
return selectedPlan || undefined;
|
29 |
-
} );
|
30 |
-
|
31 |
-
const { setPlan } = useDispatch( PLANS_STORE );
|
32 |
-
|
33 |
-
const handlePlanSelect = ( plan: PlansSlug ) => {
|
34 |
-
setPlan( plan );
|
35 |
-
setPlansModalVisibility( false );
|
36 |
-
};
|
37 |
|
38 |
return (
|
39 |
<>
|
@@ -43,17 +24,10 @@ const PlansGridButton = () => {
|
|
43 |
aria-pressed={ isPlansModalVisible }
|
44 |
onClick={ () => setPlansModalVisibility( ( s ) => ! s ) }
|
45 |
>
|
46 |
-
|
47 |
-
<span>Plans: { currentPlan && currentPlan.title }</span>
|
48 |
<Icon icon={ chevronDown } size={ 22 } />
|
49 |
</Button>
|
50 |
-
<PlansModal
|
51 |
-
isOpen={ isPlansModalVisible }
|
52 |
-
currentDomain={ currentDomain }
|
53 |
-
currentPlan={ currentPlan }
|
54 |
-
onPlanSelect={ handlePlanSelect }
|
55 |
-
onClose={ () => setPlansModalVisibility( false ) }
|
56 |
-
/>
|
57 |
</>
|
58 |
);
|
59 |
};
|
2 |
* External dependencies
|
3 |
*/
|
4 |
import * as React from 'react';
|
|
|
|
|
5 |
import { Button } from '@wordpress/components';
|
6 |
import { Icon, chevronDown } from '@wordpress/icons';
|
7 |
import 'a8c-fse-common-data-stores';
|
10 |
* Internal dependencies
|
11 |
*/
|
12 |
import PlansModal from '../plans-modal';
|
13 |
+
import { useSelectedPlan } from '../hooks/use-selected-plan';
|
|
|
|
|
14 |
|
15 |
const PlansGridButton = () => {
|
16 |
const [ isPlansModalVisible, setPlansModalVisibility ] = React.useState( false );
|
17 |
+
const currentPlan = useSelectedPlan();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
18 |
|
19 |
return (
|
20 |
<>
|
24 |
aria-pressed={ isPlansModalVisible }
|
25 |
onClick={ () => setPlansModalVisibility( ( s ) => ! s ) }
|
26 |
>
|
27 |
+
<span>Plans: { currentPlan?.title }</span>
|
|
|
28 |
<Icon icon={ chevronDown } size={ 22 } />
|
29 |
</Button>
|
30 |
+
{ isPlansModalVisible && <PlansModal onClose={ () => setPlansModalVisibility( false ) } /> }
|
|
|
|
|
|
|
|
|
|
|
|
|
31 |
</>
|
32 |
);
|
33 |
};
|
editor-plans-grid/src/plans-grid-fse/index.tsx
ADDED
@@ -0,0 +1,23 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
|
6 |
+
/**
|
7 |
+
* Internal dependencies
|
8 |
+
*/
|
9 |
+
import PlansGrid, { Props as PlansGridProps } from '@automattic/plans-grid';
|
10 |
+
import { useSelectedPlan } from '../hooks/use-selected-plan';
|
11 |
+
|
12 |
+
export type Props = Partial< PlansGridProps >;
|
13 |
+
|
14 |
+
const PlansGridFSE: React.FunctionComponent< Props > = ( { ...props } ) => {
|
15 |
+
// TODO: Get current domain from launch store.
|
16 |
+
const currentDomain = undefined;
|
17 |
+
|
18 |
+
const currentPlan = useSelectedPlan();
|
19 |
+
|
20 |
+
return <PlansGrid currentDomain={ currentDomain } currentPlan={ currentPlan } { ...props } />;
|
21 |
+
};
|
22 |
+
|
23 |
+
export default PlansGridFSE;
|
editor-plans-grid/src/plans-modal/index.tsx
CHANGED
@@ -8,19 +8,14 @@ import { __ } from '@wordpress/i18n';
|
|
8 |
/**
|
9 |
* Internal dependencies
|
10 |
*/
|
11 |
-
import
|
12 |
import './styles.scss';
|
13 |
|
14 |
-
interface Props extends
|
15 |
-
isOpen: boolean;
|
16 |
onClose: () => void;
|
17 |
}
|
18 |
|
19 |
-
const PlansModal: React.FunctionComponent< Props > = ( {
|
20 |
-
if ( ! isOpen ) {
|
21 |
-
return null;
|
22 |
-
}
|
23 |
-
|
24 |
const header = (
|
25 |
<div>
|
26 |
{ /* eslint-disable @wordpress/i18n-text-domain */ }
|
@@ -41,8 +36,9 @@ const PlansModal: React.FunctionComponent< Props > = ( { isOpen, onClose, ...pro
|
|
41 |
onRequestClose={ onClose }
|
42 |
title=""
|
43 |
>
|
|
|
44 |
<div className="plans-grid-container">
|
45 |
-
<
|
46 |
</div>
|
47 |
</Modal>
|
48 |
);
|
8 |
/**
|
9 |
* Internal dependencies
|
10 |
*/
|
11 |
+
import PlansGridFSE, { Props as PlansGridFSEProps } from '../plans-grid-fse';
|
12 |
import './styles.scss';
|
13 |
|
14 |
+
interface Props extends PlansGridFSEProps {
|
|
|
15 |
onClose: () => void;
|
16 |
}
|
17 |
|
18 |
+
const PlansModal: React.FunctionComponent< Props > = ( { onClose, ...props } ) => {
|
|
|
|
|
|
|
|
|
19 |
const header = (
|
20 |
<div>
|
21 |
{ /* eslint-disable @wordpress/i18n-text-domain */ }
|
36 |
onRequestClose={ onClose }
|
37 |
title=""
|
38 |
>
|
39 |
+
{ header }
|
40 |
<div className="plans-grid-container">
|
41 |
+
<PlansGridFSE { ...props } />
|
42 |
</div>
|
43 |
</Modal>
|
44 |
);
|
editor-site-launch/dist/editor-site-launch.asset.php
ADDED
@@ -0,0 +1 @@
|
|
|
1 |
+
<?php return array('dependencies' => array('a8c-fse-common-data-stores', 'lodash', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '0f55cda431813ed41c0347cb4b10c6b5');
|
editor-site-launch/dist/editor-site-launch.css
ADDED
@@ -0,0 +1 @@
|
|
|
1 |
+
.nux-launch-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.nux-launch-modal.components-modal__frame{width:100%;height:100%;top:0;left:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.nux-launch-modal .components-modal__header{margin:0}.nux-launch-modal .components-modal__content{padding:0}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.nux-launch-step__heading h1,.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}.nux-launch-step__heading [lang*=af] h1,[lang*=af] .nux-launch-step__heading h1,[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ca] h1,[lang*=ca] .nux-launch-step__heading h1,[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=cs] h1,[lang*=cs] .nux-launch-step__heading h1,[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=da] h1,[lang*=da] .nux-launch-step__heading h1,[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=de] h1,[lang*=de] .nux-launch-step__heading h1,[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=en] h1,[lang*=en] .nux-launch-step__heading h1,[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=es] h1,[lang*=es] .nux-launch-step__heading h1,[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=eu] h1,[lang*=eu] .nux-launch-step__heading h1,[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=fi] h1,[lang*=fi] .nux-launch-step__heading h1,[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=fr] h1,[lang*=fr] .nux-launch-step__heading h1,[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=gl] h1,[lang*=gl] .nux-launch-step__heading h1,[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=hr] h1,[lang*=hr] .nux-launch-step__heading h1,[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=hu] h1,[lang*=hu] .nux-launch-step__heading h1,[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=id] h1,[lang*=id] .nux-launch-step__heading h1,[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=is] h1,[lang*=is] .nux-launch-step__heading h1,[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=it] h1,[lang*=it] .nux-launch-step__heading h1,[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=lv] h1,[lang*=lv] .nux-launch-step__heading h1,[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=mt] h1,[lang*=mt] .nux-launch-step__heading h1,[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=nb] h1,[lang*=nb] .nux-launch-step__heading h1,[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=nl] h1,[lang*=nl] .nux-launch-step__heading h1,[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=pl] h1,[lang*=pl] .nux-launch-step__heading h1,[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=pt] h1,[lang*=pt] .nux-launch-step__heading h1,[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ro] h1,[lang*=ro] .nux-launch-step__heading h1,[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ru] h1,[lang*=ru] .nux-launch-step__heading h1,[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sk] h1,[lang*=sk] .nux-launch-step__heading h1,[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sl] h1,[lang*=sl] .nux-launch-step__heading h1,[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sq] h1,[lang*=sq] .nux-launch-step__heading h1,[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sr] h1,[lang*=sr] .nux-launch-step__heading h1,[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sv] h1,[lang*=sv] .nux-launch-step__heading h1,[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sw] h1,[lang*=sw] .nux-launch-step__heading h1,[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=tr] h1,[lang*=tr] .nux-launch-step__heading h1,[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=uz] h1,[lang*=uz] .nux-launch-step__heading h1,[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step{padding:88px}.nux-launch-step__header{display:flex;align-items:baseline}.nux-launch-step__heading{flex-grow:1}.nux-launch-step__heading h1{font-size:42px}@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;flex-direction:column}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:10px 0;color:#555d66}@media (min-width:480px){.domain-picker__empty-state{flex-direction:row;align-items:center}.domain-picker__empty-state--text{margin:15px 0}}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 40px 6px 16px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;right:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-sections{flex:1}.domain-picker__suggestion-group-label{margin:1.5em 0 1em;text-transform:uppercase;color:#a7aaad;color:var(--studio-gray-20);font-size:12px;font-weight:400;letter-spacing:1px}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:left;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item.is-selected{background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.domain-picker__suggestion-item:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-right:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-right:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-right:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:right;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-left:10px;margin-right:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;right:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-right:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-left:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:left}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;left:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-left:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-left:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:right}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-right:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-left:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-left:-8px;margin-right:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-left:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-right:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-left:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}
|
editor-site-launch/dist/editor-site-launch.js
ADDED
@@ -0,0 +1,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
!function(e,t){for(var n in t)e[n]=t[n]}(window,function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return 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 i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));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=65)}([function(e,t){!function(){e.exports=this.React}()},function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t,n){var r;
|
2 |
+
/*!
|
3 |
+
Copyright (c) 2017 Jed Watson.
|
4 |
+
Licensed under the MIT License (MIT), see
|
5 |
+
http://jedwatson.github.io/classnames
|
6 |
+
*/!function(){"use strict";var n={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)&&r.length){var o=i.apply(null,r);o&&e.push(o)}else if("object"===a)for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(r=function(){return i}.apply(t,[]))||(e.exports=r)}()},function(e,t,n){t.log=function(){var e;return"object"==typeof console&&console.log&&(e=console).log.apply(e,arguments)},t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,i=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(i=r))})),t.splice(i,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(n){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(n){}!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],e.exports=n(44)(t),e.exports.formatters.j=function(e){try{return JSON.stringify(e)}catch(t){return"[UnexpectedJSONParseError]: "+t.message}}},function(e,t){!function(){e.exports=this.lodash}()},function(e,t,n){var r=n(35),i=n(36),a=n(19),o=n(37);e.exports=function(e,t){return r(e)||i(e,t)||a(e,t)||o()}},,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},n.apply(this,arguments)}e.exports=n},function(e,t){!function(){e.exports=this.wp.compose}()},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){var n,r=window.ProgressEvent,i=!!r;try{n=new r("loaded"),i="loaded"===n.type,n=null}catch(a){i=!1}e.exports=i?r:"function"==typeof document.createEvent?function(e,t){var n=document.createEvent("Event");return n.initEvent(e,!1,!1),t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}:function(e,t){var n=document.createEventObject();return n.type=e,t?(n.lengthComputable=Boolean(t.lengthComputable),n.loaded=Number(t.loaded)||0,n.total=Number(t.total)||0):(n.lengthComputable=!1,n.loaded=n.total=0),n}},function(e,t,n){"use strict";
|
7 |
+
/*!
|
8 |
+
* cookie
|
9 |
+
* Copyright(c) 2012-2014 Roman Shtylman
|
10 |
+
* Copyright(c) 2015 Douglas Christopher Wilson
|
11 |
+
* MIT Licensed
|
12 |
+
*/t.parse=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");for(var n={},i=t||{},o=e.split(a),c=i.decode||r,u=0;u<o.length;u++){var l=o[u],f=l.indexOf("=");if(!(f<0)){var d=l.substr(0,f).trim(),p=l.substr(++f,l.length).trim();'"'==p[0]&&(p=p.slice(1,-1)),null==n[d]&&(n[d]=s(p,c))}}return n},t.serialize=function(e,t,n){var r=n||{},a=r.encode||i;if("function"!=typeof a)throw new TypeError("option encode is invalid");if(!o.test(e))throw new TypeError("argument name is invalid");var s=a(t);if(s&&!o.test(s))throw new TypeError("argument val is invalid");var c=e+"="+s;if(null!=r.maxAge){var u=r.maxAge-0;if(isNaN(u))throw new Error("maxAge should be a Number");c+="; Max-Age="+Math.floor(u)}if(r.domain){if(!o.test(r.domain))throw new TypeError("option domain is invalid");c+="; Domain="+r.domain}if(r.path){if(!o.test(r.path))throw new TypeError("option path is invalid");c+="; Path="+r.path}if(r.expires){if("function"!=typeof r.expires.toUTCString)throw new TypeError("option expires is invalid");c+="; Expires="+r.expires.toUTCString()}r.httpOnly&&(c+="; HttpOnly");r.secure&&(c+="; Secure");if(r.sameSite){switch("string"==typeof r.sameSite?r.sameSite.toLowerCase():r.sameSite){case!0:c+="; SameSite=Strict";break;case"lax":c+="; SameSite=Lax";break;case"strict":c+="; SameSite=Strict";break;case"none":c+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return c};var r=decodeURIComponent,i=encodeURIComponent,a=/; */,o=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function s(e,t){try{return t(e)}catch(n){return e}}},function(e,t){!function(){e.exports=this["a8c-fse-common-data-stores"]}()},function(e,t,n){"use strict";var r=n(18),i=n(50);function a(e,t){return 55296==(64512&e.charCodeAt(t))&&(!(t<0||t+1>=e.length)&&56320==(64512&e.charCodeAt(t+1)))}function o(e){return(e>>>24|e>>>8&65280|e<<8&16711680|(255&e)<<24)>>>0}function s(e){return 1===e.length?"0"+e:e}function c(e){return 7===e.length?"0"+e:6===e.length?"00"+e:5===e.length?"000"+e:4===e.length?"0000"+e:3===e.length?"00000"+e:2===e.length?"000000"+e:1===e.length?"0000000"+e:e}t.inherits=i,t.toArray=function(e,t){if(Array.isArray(e))return e.slice();if(!e)return[];var n=[];if("string"==typeof e)if(t){if("hex"===t)for((e=e.replace(/[^a-z0-9]+/gi,"")).length%2!=0&&(e="0"+e),i=0;i<e.length;i+=2)n.push(parseInt(e[i]+e[i+1],16))}else for(var r=0,i=0;i<e.length;i++){var o=e.charCodeAt(i);o<128?n[r++]=o:o<2048?(n[r++]=o>>6|192,n[r++]=63&o|128):a(e,i)?(o=65536+((1023&o)<<10)+(1023&e.charCodeAt(++i)),n[r++]=o>>18|240,n[r++]=o>>12&63|128,n[r++]=o>>6&63|128,n[r++]=63&o|128):(n[r++]=o>>12|224,n[r++]=o>>6&63|128,n[r++]=63&o|128)}else for(i=0;i<e.length;i++)n[i]=0|e[i];return n},t.toHex=function(e){for(var t="",n=0;n<e.length;n++)t+=s(e[n].toString(16));return t},t.htonl=o,t.toHex32=function(e,t){for(var n="",r=0;r<e.length;r++){var i=e[r];"little"===t&&(i=o(i)),n+=c(i.toString(16))}return n},t.zero2=s,t.zero8=c,t.join32=function(e,t,n,i){var a=n-t;r(a%4==0);for(var o=new Array(a/4),s=0,c=t;s<o.length;s++,c+=4){var u;u="big"===i?e[c]<<24|e[c+1]<<16|e[c+2]<<8|e[c+3]:e[c+3]<<24|e[c+2]<<16|e[c+1]<<8|e[c],o[s]=u>>>0}return o},t.split32=function(e,t){for(var n=new Array(4*e.length),r=0,i=0;r<e.length;r++,i+=4){var a=e[r];"big"===t?(n[i]=a>>>24,n[i+1]=a>>>16&255,n[i+2]=a>>>8&255,n[i+3]=255&a):(n[i+3]=a>>>24,n[i+2]=a>>>16&255,n[i+1]=a>>>8&255,n[i]=255&a)}return n},t.rotr32=function(e,t){return e>>>t|e<<32-t},t.rotl32=function(e,t){return e<<t|e>>>32-t},t.sum32=function(e,t){return e+t>>>0},t.sum32_3=function(e,t,n){return e+t+n>>>0},t.sum32_4=function(e,t,n,r){return e+t+n+r>>>0},t.sum32_5=function(e,t,n,r,i){return e+t+n+r+i>>>0},t.sum64=function(e,t,n,r){var i=e[t],a=r+e[t+1]>>>0,o=(a<r?1:0)+n+i;e[t]=o>>>0,e[t+1]=a},t.sum64_hi=function(e,t,n,r){return(t+r>>>0<t?1:0)+e+n>>>0},t.sum64_lo=function(e,t,n,r){return t+r>>>0},t.sum64_4_hi=function(e,t,n,r,i,a,o,s){var c=0,u=t;return c+=(u=u+r>>>0)<t?1:0,c+=(u=u+a>>>0)<a?1:0,e+n+i+o+(c+=(u=u+s>>>0)<s?1:0)>>>0},t.sum64_4_lo=function(e,t,n,r,i,a,o,s){return t+r+a+s>>>0},t.sum64_5_hi=function(e,t,n,r,i,a,o,s,c,u){var l=0,f=t;return l+=(f=f+r>>>0)<t?1:0,l+=(f=f+a>>>0)<a?1:0,l+=(f=f+s>>>0)<s?1:0,e+n+i+o+c+(l+=(f=f+u>>>0)<u?1:0)>>>0},t.sum64_5_lo=function(e,t,n,r,i,a,o,s,c,u){return t+r+a+s+u>>>0},t.rotr64_hi=function(e,t,n){return(t<<32-n|e>>>n)>>>0},t.rotr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0},t.shr64_hi=function(e,t,n){return e>>>n},t.shr64_lo=function(e,t,n){return(e<<32-n|t>>>n)>>>0}},function(e,t){function n(e,t){if(!e)throw new Error(t||"Assertion failed")}e.exports=n,n.equal=function(e,t,n){if(e!=t)throw new Error(n||"Assertion failed: "+e+" != "+t)}},function(e,t,n){var r=n(20);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);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(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}},function(e,t){e.exports=function(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(e,t){var n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(n){var r=new Uint8Array(16);e.exports=function(){return n(r),r}}else{var i=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),i[t]=e>>>((3&t)<<3)&255;return i}}},function(e,t){for(var n=[],r=0;r<256;++r)n[r]=(r+256).toString(16).substr(1);e.exports=function(e,t){var r=t||0,i=n;return[i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]]].join("")}},function(e,t){!function(){e.exports=this.ReactDOM}()},function(e,t,n){var r=n(41),i=n(43);function a(e,t){if(t)if("number"==typeof t)o(e,t);else{t.status_code&&o(e,t.status_code),t.error&&(e.name=c(t.error)),t.error_description&&(e.message=t.error_description);var n=t.errors;if(n)a(e,n.length?n[0]:n);for(var r in t)e[r]=t[r];e.status&&(t.method||t.path)&&s(e)}}function o(e,t){e.name=c(i[t]),e.status=e.statusCode=t,s(e)}function s(e){var t=e.status,n=e.method,r=e.path,i=t+" status code",a=n||r;a&&(i+=' for "'),n&&(i+=n),a&&(i+=" "),r&&(i+=r),a&&(i+='"'),e.message=i}function c(e){return r(String(e).replace(/error$/i,""),"error")}e.exports=function e(){for(var t=new Error,n=0;n<arguments.length;n++)a(t,arguments[n]);"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(t,e);return t}},function(e,t,n){"use strict";var r=n(17),i=n(51),a=n(52),o=n(18),s=r.sum32,c=r.sum32_4,u=r.sum32_5,l=a.ch32,f=a.maj32,d=a.s0_256,p=a.s1_256,m=a.g0_256,h=a.g1_256,v=i.BlockHash,g=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298];function y(){if(!(this instanceof y))return new y;v.call(this),this.h=[1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225],this.k=g,this.W=new Array(64)}r.inherits(y,v),e.exports=y,y.blockSize=512,y.outSize=256,y.hmacStrength=192,y.padLength=64,y.prototype._update=function(e,t){for(var n=this.W,r=0;r<16;r++)n[r]=e[t+r];for(;r<n.length;r++)n[r]=c(h(n[r-2]),n[r-7],m(n[r-15]),n[r-16]);var i=this.h[0],a=this.h[1],v=this.h[2],g=this.h[3],y=this.h[4],_=this.h[5],b=this.h[6],E=this.h[7];for(o(this.k.length===n.length),r=0;r<n.length;r++){var w=u(E,p(y),l(y,_,b),this.k[r],n[r]),C=s(d(i),f(i,a,v));E=b,b=_,_=y,y=s(g,w),g=v,v=a,a=i,i=s(w,C)}this.h[0]=s(this.h[0],i),this.h[1]=s(this.h[1],a),this.h[2]=s(this.h[2],v),this.h[3]=s(this.h[3],g),this.h[4]=s(this.h[4],y),this.h[5]=s(this.h[5],_),this.h[6]=s(this.h[6],b),this.h[7]=s(this.h[7],E)},y.prototype._digest=function(e){return"hex"===e?r.toHex32(this.h,"big"):r.split32(this.h,"big")}},function(e,t,n){"use strict";var r,i="object"==typeof Reflect?Reflect:null,a=i&&"function"==typeof i.apply?i.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};r=i&&"function"==typeof i.ownKeys?i.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var o=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var c=10;function u(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function f(e,t,n,r){var i,a,o,s;if(u(n),void 0===(a=e._events)?(a=e._events=Object.create(null),e._eventsCount=0):(void 0!==a.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),a=e._events),o=a[t]),void 0===o)o=a[t]=n,++e._eventsCount;else if("function"==typeof o?o=a[t]=r?[n,o]:[o,n]:r?o.unshift(n):o.push(n),(i=l(e))>0&&o.length>i&&!o.warned){o.warned=!0;var c=new Error("Possible EventEmitter memory leak detected. "+o.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");c.name="MaxListenersExceededWarning",c.emitter=e,c.type=t,c.count=o.length,s=c,console&&console.warn&&console.warn(s)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=d.bind(r);return i.listener=n,r.wrapFn=i,i}function m(e,t,n){var r=e._events;if(void 0===r)return[];var i=r[t];return void 0===i?[]:"function"==typeof i?n?[i.listener||i]:[i]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(i):v(i,i.length)}function h(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function v(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(e){if("number"!=typeof e||e<0||o(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");c=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||o(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return l(this)},s.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var r="error"===e,i=this._events;if(void 0!==i)r=r&&void 0===i.error;else if(!r)return!1;if(r){var o;if(t.length>0&&(o=t[0]),o instanceof Error)throw o;var s=new Error("Unhandled error."+(o?" ("+o.message+")":""));throw s.context=o,s}var c=i[e];if(void 0===c)return!1;if("function"==typeof c)a(c,this,t);else{var u=c.length,l=v(c,u);for(n=0;n<u;++n)a(l[n],this,t)}return!0},s.prototype.addListener=function(e,t){return f(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return f(this,e,t,!0)},s.prototype.once=function(e,t){return u(t),this.on(e,p(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return u(t),this.prependListener(e,p(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,i,a,o;if(u(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(i=-1,a=n.length-1;a>=0;a--)if(n[a]===t||n[a].listener===t){o=n[a].listener,i=a;break}if(i<0)return this;0===i?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,i),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,o||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var i,a=Object.keys(n);for(r=0;r<a.length;++r)"removeListener"!==(i=a[r])&&this.removeAllListeners(i);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},s.prototype.listeners=function(e){return m(this,e,!0)},s.prototype.rawListeners=function(e){return m(this,e,!1)},s.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):h.call(e,t)},s.prototype.listenerCount=h,s.prototype.eventNames=function(){return this._eventsCount>0?r(this._events):[]}},function(e,t,n){var r=n(53),i=n(54),a=i;a.v1=r,a.v4=i,e.exports=a},,,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,i=!1,a=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(c){i=!0,a=c}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";var r=n(42);e.exports=function(){var e=r.apply(r,arguments);return e.charAt(0).toUpperCase()+e.slice(1)}},function(e,t,n){"use strict";e.exports=function(){var e=[].map.call(arguments,(function(e){return e.trim()})).filter((function(e){return e.length})).join("-");return e.length?1!==e.length&&/[_.\- ]+/.test(e)?e.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,(function(e,t){return t.toUpperCase()})):e[0]===e[0].toLowerCase()&&e.slice(1)!==e.slice(1).toLowerCase()?e:e.toLowerCase():""}},function(e,t){e.exports={100:"Continue",101:"Switching Protocols",102:"Processing",200:"OK",201:"Created",202:"Accepted",203:"Non-Authoritative Information",204:"No Content",205:"Reset Content",206:"Partial Content",207:"Multi-Status",208:"Already Reported",226:"IM Used",300:"Multiple Choices",301:"Moved Permanently",302:"Found",303:"See Other",304:"Not Modified",305:"Use Proxy",307:"Temporary Redirect",308:"Permanent Redirect",400:"Bad Request",401:"Unauthorized",402:"Payment Required",403:"Forbidden",404:"Not Found",405:"Method Not Allowed",406:"Not Acceptable",407:"Proxy Authentication Required",408:"Request Timeout",409:"Conflict",410:"Gone",411:"Length Required",412:"Precondition Failed",413:"Payload Too Large",414:"URI Too Long",415:"Unsupported Media Type",416:"Range Not Satisfiable",417:"Expectation Failed",418:"I'm a teapot",421:"Misdirected Request",422:"Unprocessable Entity",423:"Locked",424:"Failed Dependency",425:"Unordered Collection",426:"Upgrade Required",428:"Precondition Required",429:"Too Many Requests",431:"Request Header Fields Too Large",500:"Internal Server Error",501:"Not Implemented",502:"Bad Gateway",503:"Service Unavailable",504:"Gateway Timeout",505:"HTTP Version Not Supported",506:"Variant Also Negotiates",507:"Insufficient Storage",508:"Loop Detected",509:"Bandwidth Limit Exceeded",510:"Not Extended",511:"Network Authentication Required"}},function(e,t,n){var r=n(45);e.exports=function(e){function t(e){for(var t=0,n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return i.colors[Math.abs(t)%i.colors.length]}function i(e){var n;function r(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];if(r.enabled){var o=r,s=Number(new Date),c=s-(n||s);o.diff=c,o.prev=n,o.curr=s,n=s,t[0]=i.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O");var u=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(function(e,n){if("%%"===e)return e;u++;var r=i.formatters[n];if("function"==typeof r){var a=t[u];e=r.call(o,a),t.splice(u,1),u--}return e})),i.formatArgs.call(o,t);var l=o.log||i.log;l.apply(o,t)}}return r.namespace=e,r.enabled=i.enabled(e),r.useColors=i.useColors(),r.color=t(e),r.destroy=a,r.extend=o,"function"==typeof i.init&&i.init(r),i.instances.push(r),r}function a(){var e=i.instances.indexOf(this);return-1!==e&&(i.instances.splice(e,1),!0)}function o(e,t){var n=i(this.namespace+(void 0===t?":":t)+e);return n.log=this.log,n}function s(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return i.debug=i,i.default=i,i.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},i.disable=function(){var e=[].concat(r(i.names.map(s)),r(i.skips.map(s).map((function(e){return"-"+e})))).join(",");return i.enable(""),e},i.enable=function(e){var t;i.save(e),i.names=[],i.skips=[];var n=("string"==typeof e?e:"").split(/[\s,]+/),r=n.length;for(t=0;t<r;t++)n[t]&&("-"===(e=n[t].replace(/\*/g,".*?"))[0]?i.skips.push(new RegExp("^"+e.substr(1)+"$")):i.names.push(new RegExp("^"+e+"$")));for(t=0;t<i.instances.length;t++){var a=i.instances[t];a.enabled=i.enabled(a.namespace)}},i.enabled=function(e){if("*"===e[e.length-1])return!0;var t,n;for(t=0,n=i.skips.length;t<n;t++)if(i.skips[t].test(e))return!1;for(t=0,n=i.names.length;t<n;t++)if(i.names[t].test(e))return!0;return!1},i.humanize=n(49),Object.keys(e).forEach((function(t){i[t]=e[t]})),i.instances=[],i.names=[],i.skips=[],i.formatters={},i.selectColor=t,i.enable(i.load()),i}},function(e,t,n){var r=n(46),i=n(47),a=n(19),o=n(48);e.exports=function(e){return r(e)||i(e)||a(e)||o()}},function(e,t,n){var r=n(20);e.exports=function(e){if(Array.isArray(e))return r(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){var n=1e3,r=6e4,i=60*r,a=24*i;function o(e,t,n,r){var i=t>=1.5*n;return Math.round(e/n)+" "+r+(i?"s":"")}e.exports=function(e,t){t=t||{};var s=typeof e;if("string"===s&&e.length>0)return function(e){if((e=String(e)).length>100)return;var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t)return;var o=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*o;case"weeks":case"week":case"w":return 6048e5*o;case"days":case"day":case"d":return o*a;case"hours":case"hour":case"hrs":case"hr":case"h":return o*i;case"minutes":case"minute":case"mins":case"min":case"m":return o*r;case"seconds":case"second":case"secs":case"sec":case"s":return o*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return o;default:return}}(e);if("number"===s&&isFinite(e))return t.long?function(e){var t=Math.abs(e);if(t>=a)return o(e,t,a,"day");if(t>=i)return o(e,t,i,"hour");if(t>=r)return o(e,t,r,"minute");if(t>=n)return o(e,t,n,"second");return e+" ms"}(e):function(e){var t=Math.abs(e);if(t>=a)return Math.round(e/a)+"d";if(t>=i)return Math.round(e/i)+"h";if(t>=r)return Math.round(e/r)+"m";if(t>=n)return Math.round(e/n)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},function(e,t){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t,n){"use strict";var r=n(17),i=n(18);function a(){this.pending=null,this.pendingTotal=0,this.blockSize=this.constructor.blockSize,this.outSize=this.constructor.outSize,this.hmacStrength=this.constructor.hmacStrength,this.padLength=this.constructor.padLength/8,this.endian="big",this._delta8=this.blockSize/8,this._delta32=this.blockSize/32}t.BlockHash=a,a.prototype.update=function(e,t){if(e=r.toArray(e,t),this.pending?this.pending=this.pending.concat(e):this.pending=e,this.pendingTotal+=e.length,this.pending.length>=this._delta8){var n=(e=this.pending).length%this._delta8;this.pending=e.slice(e.length-n,e.length),0===this.pending.length&&(this.pending=null),e=r.join32(e,0,e.length-n,this.endian);for(var i=0;i<e.length;i+=this._delta32)this._update(e,i,i+this._delta32)}return this},a.prototype.digest=function(e){return this.update(this._pad()),i(null===this.pending),this._digest(e)},a.prototype._pad=function(){var e=this.pendingTotal,t=this._delta8,n=t-(e+this.padLength)%t,r=new Array(n+this.padLength);r[0]=128;for(var i=1;i<n;i++)r[i]=0;if(e<<=3,"big"===this.endian){for(var a=8;a<this.padLength;a++)r[i++]=0;r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=e>>>24&255,r[i++]=e>>>16&255,r[i++]=e>>>8&255,r[i++]=255&e}else for(r[i++]=255&e,r[i++]=e>>>8&255,r[i++]=e>>>16&255,r[i++]=e>>>24&255,r[i++]=0,r[i++]=0,r[i++]=0,r[i++]=0,a=8;a<this.padLength;a++)r[i++]=0;return r}},function(e,t,n){"use strict";var r=n(17).rotr32;function i(e,t,n){return e&t^~e&n}function a(e,t,n){return e&t^e&n^t&n}function o(e,t,n){return e^t^n}t.ft_1=function(e,t,n,r){return 0===e?i(t,n,r):1===e||3===e?o(t,n,r):2===e?a(t,n,r):void 0},t.ch32=i,t.maj32=a,t.p32=o,t.s0_256=function(e){return r(e,2)^r(e,13)^r(e,22)},t.s1_256=function(e){return r(e,6)^r(e,11)^r(e,25)},t.g0_256=function(e){return r(e,7)^r(e,18)^e>>>3},t.g1_256=function(e){return r(e,17)^r(e,19)^e>>>10}},function(e,t,n){var r,i,a=n(21),o=n(22),s=0,c=0;e.exports=function(e,t,n){var u=t&&n||0,l=t||[],f=(e=e||{}).node||r,d=void 0!==e.clockseq?e.clockseq:i;if(null==f||null==d){var p=a();null==f&&(f=r=[1|p[0],p[1],p[2],p[3],p[4],p[5]]),null==d&&(d=i=16383&(p[6]<<8|p[7]))}var m=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,v=m-s+(h-c)/1e4;if(v<0&&void 0===e.clockseq&&(d=d+1&16383),(v<0||m>s)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");s=m,c=h,i=d;var g=(1e4*(268435455&(m+=122192928e5))+h)%4294967296;l[u++]=g>>>24&255,l[u++]=g>>>16&255,l[u++]=g>>>8&255,l[u++]=255&g;var y=m/4294967296*1e4&268435455;l[u++]=y>>>8&255,l[u++]=255&y,l[u++]=y>>>24&15|16,l[u++]=y>>>16&255,l[u++]=d>>>8|128,l[u++]=255&d;for(var _=0;_<6;++_)l[u+_]=f[_];return t||o(l)}},function(e,t,n){var r=n(21),i=n(22);e.exports=function(e,t,n){var a=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||r)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var s=0;s<16;++s)t[a+s]=o[s];return t||i(o)}},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"getSite",(function(){return et}));var i={};n.r(i),n.d(i,"getState",(function(){return tt})),n.d(i,"getNewSite",(function(){return nt})),n.d(i,"getNewSiteError",(function(){return rt})),n.d(i,"isFetchingSite",(function(){return it})),n.d(i,"isNewSite",(function(){return at})),n.d(i,"getSite",(function(){return ot}));var a={};n.r(a),n.d(a,"register",(function(){return ct}));var o=n(0),s=n.n(o),c=n(23),u=(n(16),n(9)),l=n.n(u),f=n(1),d=n(4),p=n(3),m=(n(38),n(13)),h=n.n(m),v=n(6),g=n.n(v),y=(n(39),function(e){var t=e.className,n=e.children;return Object(f.createElement)("div",{className:g()("nux-launch-step",t)},n)}),_=(n(40),function(e){var t=e.onNextStep;return Object(f.createElement)(y,{className:"nux-launch-privacy-step"},Object(f.createElement)("div",{className:"nux-launch-step__header"},Object(f.createElement)("div",{className:"nux-launch-step__heading"},Object(f.createElement)("h1",{className:"nux-launch-step__title"},Object(p.__)("Site privacy","full-site-editing")),Object(f.createElement)("p",{className:"nux-launch-step__subtitle"},Object(p.__)("Control who is able to see your site once your launch","full-site-editing"))),Object(f.createElement)("div",{className:"nux-launch-step__actions"},Object(f.createElement)(d.Button,{isPrimary:!0,onClick:function(){t&&t()}},Object(p.__)("Continue","full-site-editing")))),Object(f.createElement)("div",{className:"nux-launch-step__body"}))}),b=n(11),E=n.n(b),w=n(2),C=n(8);function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var x=function(e){var t=e.icon,n=e.size,r=void 0===n?24:n,i=O(e,["icon","size"]);return Object(f.cloneElement)(t,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:r,height:r},i))},N=n(5),k=Object(f.createElement)(N.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(f.createElement)(N.Path,{d:"M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"})),F=n(7),A=n.n(F),P=A()("calypso:analytics");n(25);"undefined"!=typeof window&&window.addEventListener("popstate",(function(){null}));var I=function(){return(I=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function R(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}function L(e,t){var n,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(a){return function(s){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}n(15);var T=n(26),D=A()("lib/load-script/callback-handler"),M=new Map;function V(){return M}function q(e){return V().has(e)}function U(e,t){var n=V();q(e)?(D('Adding a callback for an existing script from "'.concat(e,'"')),n.get(e).add(t)):(D('Adding a callback for a new script from "'.concat(e,'"')),n.set(e,new Set([t])))}function B(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=V(),r=n.get(e);if(r){var i='Executing callbacks for "'.concat(e,'"')+(null===t?" with success":' with error "'.concat(t,'"'));D(i),r.forEach((function(e){"function"==typeof e&&e(t)})),n.delete(e)}}function z(){var e=this.getAttribute("src");D('Handling successful request for "'.concat(e,'"')),B(e),this.onload=null}function W(){var e=this.getAttribute("src");D('Handling failed request for "'.concat(e,'"')),B(e,new Error('Failed to load script "'.concat(e,'"'))),this.onerror=null}var H=A()("lib/load-script/dom-operations");A()("package/load-script");function G(e,t){var n;if(!q(e)&&(n=function(e){H('Creating script element for "'.concat(e,'"'));var t=document.createElement("script");return t.src=e,t.type="text/javascript",t.async=!0,t.onload=z,t.onerror=W,t}(e),H("Attaching element to head"),document.head.appendChild(n)),"function"!=typeof t)return new Promise((function(t,n){U(e,(function(e){null===e?t():n(e)}))}));U(e,t)}var $,J=["a8c_cookie_banner_ok","wcadmin_storeprofiler_create_jetpack_account","wcadmin_storeprofiler_connect_store","wcadmin_storeprofiler_login_jetpack_account","wcadmin_storeprofiler_payment_login","wcadmin_storeprofiler_payment_create_account"];Promise.resolve();function K(e){"undefined"!=typeof window&&(window._tkq=window._tkq||[],window._tkq.push(e))}"undefined"!=typeof document&&G("//stats.wp.com/w.js?61");var X=new T.EventEmitter;function Q(e,t){if(P('Record event "%s" called with props %o',e,t=t||{}),e.startsWith("calypso_")||Object(C.includes)(J,e)){if($){var n=$(t);t=I(I({},t),n)}t=Object(C.omitBy)(t,C.isUndefined),P('Recording event "%s" with actual props %o',e,t),K(["recordEvent",e,t]),X.emit("record-event",e,t)}else P('- Event name must be prefixed by "calypso_" or added to `EVENT_NAME_EXCEPTIONS`')}var Y=n(27);var Z=n(12),ee=o.createContext(ne()),te=function(){return o.useContext(ee)};Object(Z.createHigherOrderComponent)((function(e){return function(t){var n=te();return o.createElement(e,I({},n,t))}}),"withI18n");function ne(e){var t,n,r=Object(p.createI18n)(e),i=null!==(n=null===(t=null==e?void 0:e[""])||void 0===t?void 0:t.localeSlug)&&void 0!==n?n:"en";return{__:r.__.bind(r),_n:r._n.bind(r),_nx:r._nx.bind(r),_x:r._x.bind(r),isRTL:r.isRTL.bind(r),i18nLocale:i}}var re="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),ie=new Uint8Array(16);function ae(){if(!re)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return re(ie)}for(var oe=[],se=0;se<256;++se)oe[se]=(se+256).toString(16).substr(1);var ce=function(e,t){var n=t||0,r=oe;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var ue=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var i=(e=e||{}).random||(e.rng||ae)();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t)for(var a=0;a<16;++a)t[r+a]=i[a];return t||ce(i)},le=Object(f.createElement)(N.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(f.createElement)(N.Path,{d:"M2 11V9h12l-4-4 1-2 7 7-7 7-1-2 4-4H2z"})),fe=function(e){var t=e.suggestion,n=e.railcarId,r=e.isRecommended,i=void 0!==r&&r,a=e.onSelect,c=e.onRender,u=e.selected,l=te().__,d=t.domain_name,m=d.indexOf("."),h=d.slice(0,m),v=d.slice(m),y=Object(o.useState)(),_=y[0],b=y[1],E=Object(o.useState)(),w=E[0],C=E[1],S=ue();Object(o.useEffect)((function(){d!==_&&w!==n&&n&&(c(),b(d),C(n))}),[d,_,w,n,c]);return s.a.createElement("button",{type:"button",className:g()("domain-picker__suggestion-item",{"is-free":t.is_free,"is-selected":u}),onClick:function(){w&&function(e){Q("calypso_traintracks_interact",{railcar:e.railcarId,action:e.action})}({action:"domain_selected",railcarId:w}),a(t)},id:S},s.a.createElement("div",{className:"domain-picker__suggestion-item-name"},s.a.createElement("span",{className:"domain-picker__domain-name"},h),s.a.createElement("span",{className:"domain-picker__domain-tld"},v),i&&s.a.createElement("div",{className:"domain-picker__badge is-recommended"},l("Recommended"))),s.a.createElement("div",{className:g()("domain-picker__price",{"is-paid":!t.is_free})},t.is_free?l("Included in free plan"):s.a.createElement(s.a.Fragment,null,s.a.createElement("span",{className:"domain-picker__price-long"},Object(f.createInterpolateElement)(Object(p.sprintf)(l("Included in paid plan, <strikethrough>%s/year</strikethrough>"),t.cost),{strikethrough:s.a.createElement("span",{className:"domain-picker__price-cost"})})),s.a.createElement("span",{className:"domain-picker__price-short domain-picker__price-cost"},Object(p.sprintf)(l("%s/year"),t.cost)))),s.a.createElement("div",{className:"domain-picker__suggestion-item-select-button"},s.a.createElement("span",null,l("Select")),s.a.createElement(x,{icon:le,size:18})))},de=function(){return s.a.createElement("div",{className:"domain-picker__suggestion-item placeholder"},s.a.createElement("div",{className:"domain-picker__suggestion-item-name placeholder"}),s.a.createElement("div",{className:"domain-picker__price placeholder"}))};function pe(e,t){return e===t}function me(e,t,n){var r=n&&n.equalityFn?n.equalityFn:pe,i=Object(o.useState)(e),a=i[0],s=i[1],c=function(e,t,n){void 0===n&&(n={});var r=n.maxWait,i=Object(o.useRef)(null),a=Object(o.useRef)([]),s=n.leading,c=Object(o.useRef)(!1),u=Object(o.useRef)(null),l=Object(o.useRef)(!1),f=Object(o.useRef)(e);f.current=e;var d=Object(o.useCallback)((function(){clearTimeout(u.current),clearTimeout(i.current),i.current=null,a.current=[],u.current=null,c.current=!1}),[]);return Object(o.useEffect)((function(){return function(){l.current=!0}}),[]),[Object(o.useCallback)((function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(a.current=e,clearTimeout(u.current),!u.current&&s&&!c.current)return f.current.apply(f,e),void(c.current=!0);u.current=setTimeout((function(){d(),l.current||f.current.apply(f,e)}),t),r&&!i.current&&(i.current=setTimeout((function(){var e=a.current;d(),l.current||f.current.apply(null,e)}),r))}),[r,t,d,s]),d,function(){u.current&&(f.current.apply(null,a.current),d())}]}(Object(o.useCallback)((function(e){return s(e)}),[]),t,n),u=c[0],l=c[1],f=Object(o.useRef)(e);return Object(o.useEffect)((function(){r(f.current,e)||(u(e),f.current=e)}),[e,u,r]),[a,l]}var he=Object(f.createElement)(N.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Object(f.createElement)(N.Path,{d:"M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"})),ve=(n(56),function(e){var t=e.onSelect,n=e.selected,r=te().__,i=Object(f.useState)(!1),a=i[0],s=i[1],c=function(e){s(!1),t(e)},u=Object(w.useSelect)((function(e){return e("automattic/domains/suggestions").getCategories()}));return o.createElement("div",{className:g()("domain-categories",{"is-open":a})},o.createElement(d.Button,{className:"domain-categories__dropdown-button",onClick:function(){return s(!a)}},o.createElement("span",null,n||r("All Categories")),o.createElement(x,{icon:he,size:16})),o.createElement("ul",{className:"domain-categories__item-group"},o.createElement("li",{className:g()("domain-categories__item",{"is-selected":!n})},o.createElement(d.Button,{onClick:function(){return c()}},r("View all"))),u.map((function(e){var t=e.slug,r=e.title;return o.createElement("li",{key:t,className:g()("domain-categories__item",{"is-selected":t===n})},o.createElement(d.Button,{onClick:function(){return c(t)}},r))}))))}),ge=function(){return s.a.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 300 40",xmlSpace:"preserve",width:"300"},s.a.createElement("rect",{x:"0",width:"310",height:"50",rx:"10",fill:"#D8D8D8"}),s.a.createElement("rect",{x:"8",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"40",y:"8",width:"25",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("rect",{x:"72",y:"8",width:"300",height:"25",rx:"5",fill:"#fff"}),s.a.createElement("text",{x:"80",y:"26",fontFamily:"roboto",fill:"#999"},"https://"),s.a.createElement("text",{x:"133",y:"26",fontFamily:"roboto",fill:"#515151"},"example.com"))},ye=(n(55),function(e){var t,n=e.header,r=e.showDomainCategories,i=e.onDomainSelect,a=e.quantity,c=void 0===a?5:a,u=e.quantityExpanded,l=void 0===u?10:u,f=e.onDomainSearchBlur,p=e.analyticsFlowId,m=e.analyticsUiAlgo,h=e.initialDomainSearch,v=void 0===h?"":h,g=e.onSetDomainSearch,y=e.currentDomain,_=te().__,b=_("Search for a domain"),E=Object(o.useState)(!1),S=E[0],O=E[1],j=Object(o.useState)(v),N=j[0],F=j[1],A=Object(o.useState)(),P=A[0],I=A[1],R=Object(w.useSelect)((function(e){return e("automattic/domains/suggestions").getDomainSuggestionVendor()})),L=function(e,t,n,r){void 0===e&&(e=""),void 0===r&&(r="en");var i=me(e,300)[0];return Object(w.useSelect)((function(e){if(i)return e("automattic/domains/suggestions").getDomainSuggestions(i,{include_wordpressdotcom:!0,include_dotblogsubdomain:!1,quantity:t+1,locale:r,category_slug:n})}),[i,n,t])}(N.trim(),l,P,te().i18nLocale),T=null==L?void 0:L.slice(0,S?l:c);Object(o.useEffect)((function(){O(!1)}),[N]);var D=Object(o.useState)(),M=D[0],V=D[1];Object(o.useEffect)((function(){var e;L&&V((void 0===(e="suggestion")&&(e="recommendation"),Object(Y.v4)().replace(/-/g,"")+"-"+e))}),[L,V]);var q=function(e,t,n,r){var i="/domains/search/"+R+"/"+p+(P?"/"+P:""),a=e.domain_name;!function(e){Q("calypso_traintracks_render",{railcar:e.railcarId,ui_algo:e.uiAlgo,ui_position:e.uiPosition,fetch_algo:e.fetchAlgo,rec_result:e.result,fetch_query:e.query})}({uiAlgo:"/"+p+"/"+m,fetchAlgo:i,query:N,railcarId:t,result:r?a+"#recommended":a,uiPosition:n})};return s.a.createElement("div",{className:"domain-picker"},n&&n,s.a.createElement("div",{className:"domain-picker__search"},s.a.createElement("div",{className:"domain-picker__search-icon"},s.a.createElement(x,{icon:k})),s.a.createElement(d.TextControl,{"data-hj-whitelist":!0,hideLabelFromVision:!0,label:b,placeholder:b,onChange:function(e){F(e),g(e)},onBlur:function(e){f&&f(e.currentTarget.value)},value:N})),N.trim()?s.a.createElement("div",{className:"domain-picker__body"},r&&s.a.createElement("div",{className:"domain-picker__aside"},s.a.createElement(ve,{selected:P,onSelect:I})),s.a.createElement("div",{className:"domain-picker__suggestion-sections"},s.a.createElement("div",{className:"domain-picker__suggestion-item-group"},s.a.createElement("p",{className:"domain-picker__suggestion-group-label"},_("Sub-domain")),(null==T?void 0:T[0])?s.a.createElement(fe,{key:T[0].domain_name,suggestion:T[0],railcarId:M?M+"1":void 0,onRender:function(){return q(T[0],M+"1",0,!1)},selected:y===T[0].domain_name,onSelect:i}):s.a.createElement(de,null)),s.a.createElement("div",{className:"domain-picker__suggestion-item-group"},!T||(null==T?void 0:T.length)&&(null==T?void 0:T.length)>1?s.a.createElement("p",{className:"domain-picker__suggestion-group-label"},_("Custom domains")):null,null!==(t=null==T?void 0:T.slice(1).map((function(e,t){return s.a.createElement(fe,{key:e.domain_name,suggestion:e,railcarId:M?""+M+t:void 0,isRecommended:0===t,onRender:function(){return q(e,""+M+t,t,0===t)},selected:y===e.domain_name,onSelect:i})})))&&void 0!==t?t:Object(C.times)(c-1,(function(e){return s.a.createElement(de,{key:e})}))),!S&&(null==L?void 0:L.length)&&(null==L?void 0:L.length)>c&&s.a.createElement("div",{className:"domain-picker__show-more"},s.a.createElement(d.Button,{onClick:function(){return O(!0)}},_("View more results"))))):s.a.createElement("div",{className:"domain-picker__empty-state"},s.a.createElement("p",{className:"domain-picker__empty-state--text"},_("A domain name is the site address people type in their browser to visit your site.")),s.a.createElement("div",null,s.a.createElement(ge,null))))}),_e="automattic/site",be=Object(w.combineReducers)({data:function(e,t){return"RECEIVE_NEW_SITE"===t.type?t.response.blog_details:"RECEIVE_NEW_SITE_FAILED"!==t.type&&"RESET_SITE_STORE"!==t.type?e:void 0},error:function(e,t){switch(t.type){case"FETCH_NEW_SITE":case"RECEIVE_NEW_SITE":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return;case"RECEIVE_NEW_SITE_FAILED":return{error:t.error.error,status:t.error.status,statusCode:t.error.statusCode,name:t.error.name,message:t.error.message}}return e},isFetching:function(e,t){switch(void 0===e&&(e=!1),t.type){case"FETCH_NEW_SITE":return!0;case"RECEIVE_NEW_SITE":case"RECEIVE_NEW_SITE_FAILED":case"RESET_SITE_STORE":case"RESET_RECEIVE_NEW_SITE_FAILED":return!1}return e}}),Ee=Object(w.combineReducers)({newSite:be,sites:function(e,t){var n;if(void 0===e&&(e={}),"RECEIVE_SITE"===t.type)return I(I({},e),((n={})[t.siteId]=t.response,n));if("RECEIVE_SITE_FAILED"===t.type){var r=e,i=t.siteId,a=(r[i],R(r,["symbol"==typeof i?i:i+""]));return I({},a)}return"RESET_SITE_STORE"===t.type?{}:e}}),we="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),Ce=new Uint8Array(16);function Se(){if(!we)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return we(Ce)}for(var Oe=[],je=0;je<256;++je)Oe[je]=(je+256).toString(16).substr(1);var xe=function(e,t){var n=t||0,r=Oe;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")};var Ne,ke=function(e,t,n){var r=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var i=(e=e||{}).random||(e.rng||Se)();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t)for(var a=0;a<16;++a)t[r+a]=i[a];return t||xe(i)},Fe=n(24),Ae=n.n(Fe),Pe=n(14),Ie=n.n(Pe),Re=A()("wpcom-proxy-request"),Le="https://public-api.wordpress.com",Te=window.location.protocol+"//"+window.location.host,De=function(){var e=!1;try{window.postMessage({toString:function(){e=!0}},"*")}catch(t){}return e}(),Me=function(){try{return new window.File(["a"],"test.jpg",{type:"image/jpeg"}),!0}catch(e){return!1}}(),Ve=null,qe=!1,Ue={},Be=!!window.ProgressEvent&&!!window.FormData;Re('using "origin": %o',Te);var ze=function(e,t){var n=Object.assign({},e);Re("request(%o)",n),Ve||Je();var r=ke();n.callback=r,n.supports_args=!0,n.supports_error_obj=!0,n.supports_progress=Be,n.method=String(n.method||"GET").toUpperCase(),Re("params object: %o",n);var i=new window.XMLHttpRequest;if(i.params=n,Ue[r]=i,"function"==typeof t){var a=!1,o=function(e){if(!a){a=!0;var n=e.error||e.err||e;Re("error: ",n),Re("headers: ",e.headers),t(n,null,e.headers)}};i.addEventListener("load",(function(e){if(!a){a=!0;var n=e.response||i.response;Re("body: ",n),Re("headers: ",e.headers),t(null,n,e.headers)}})),i.addEventListener("abort",o),i.addEventListener("error",o)}return qe?He(n):(Re("buffering API request since proxying <iframe> is not yet loaded"),Ne.push(n)),i},We=function(e,t){return"function"==typeof t?ze(e,t):new Promise((function(t,n){ze(e,(function(e,r){e?n(e):t(r)}))}))};function He(e){Re("sending API request to proxy <iframe> %o",e),e.formData&&function(e){if(!window.chrome||!Me)return;for(var t=0;t<e.length;t++){var n=$e(e[t][1]);n&&(e[t][1]=new window.File([n],n.name,{type:n.type}))}}(e.formData),Ve.contentWindow.postMessage(De?JSON.stringify(e):e,Le)}function Ge(e){return e&&"[object File]"===Object.prototype.toString.call(e)}function $e(e){return Ge(e)?e:"object"==typeof e&&Ge(e.fileContents)?e.fileContents:null}function Je(){Re("install()"),Ve&&(Re("uninstall()"),window.removeEventListener("message",Ke),document.body.removeChild(Ve),qe=!1,Ve=null),Ne=[],window.addEventListener("message",Ke),(Ve=document.createElement("iframe")).src=Le+"/wp-admin/rest-proxy/?v=2.0#"+Te,Ve.style.display="none",document.body.appendChild(Ve)}function Ke(e){if(Re("onmessage"),e.origin===Le){var t=e.data;if(!t)return Re("no `data`, bailing");if("ready"!==t){if(De&&"string"==typeof t&&(t=JSON.parse(t)),t.upload||t.download)return function(e){Re('got "progress" event: %o',e);var t=Ue[e.callbackId];if(t){var n=new Ie.a("progress",e);(e.upload?t.upload:t).dispatchEvent(n)}}(t);if(!t.length)return Re("`e.data` doesn't appear to be an Array, bailing...");var n=t[t.length-1];if(!(n in Ue))return Re("bailing, no matching request with callback: %o",n);var r=Ue[n],i=r.params,a=t[0],o=t[1],s=t[2];if(207===o||delete Ue[n],i.metaAPI?o="metaAPIupdated"===a?200:500:Re("got %o status code for URL: %o",o,i.path),"object"==typeof s&&(s.status=o),o&&2===Math.floor(o/100))!function(e,t,n){var r=new Ie.a("load");r.data=r.body=r.response=t,r.headers=n,e.dispatchEvent(r)}(r,a,s);else!function(e,t,n){var r=new Ie.a("error");r.error=r.err=t,r.headers=n,e.dispatchEvent(r)}(r,Ae()(i,o,a),s)}else!function(){if(Re('proxy <iframe> "load" event'),qe=!0,Ne){for(var e=0;e<Ne.length;e++)He(Ne[e]);Ne=null}}()}else Re("ignoring message... %o !== %o",e.origin,Le)}var Xe=We,Qe=function(e){return{type:"WPCOM_REQUEST",request:e}},Ye={WPCOM_REQUEST:function(e){var t=e.request;return Xe(t)},FETCH_AND_PARSE:function(e){var t,n,r,i,a=e.resource,o=e.options;return t=void 0,n=void 0,i=function(){var e,t;return L(this,(function(n){switch(n.label){case 0:return[4,window.fetch(a,o)];case 1:return e=n.sent(),t={ok:e.ok},[4,e.json()];case 2:return[2,(t.body=n.sent(),t)]}}))},new((r=void 0)||(r=Promise))((function(e,a){function o(e){try{c(i.next(e))}catch(t){a(t)}}function s(e){try{c(i.throw(e))}catch(t){a(t)}}function c(t){t.done?e(t.value):new r((function(e){e(t.value)})).then(o,s)}c((i=i.apply(t,n||[])).next())}))},RELOAD_PROXY:function(){Je()},REQUEST_ALL_BLOGS_ACCESS:function(){return We({metaAPI:{accessAllUsersBlogs:!0}})},WAIT:function(e){var t=e.ms;return new Promise((function(e){return setTimeout(e,t)}))}};function Ze(e){var t=function(){return{type:"FETCH_NEW_SITE"}},n=function(e){return{type:"RECEIVE_NEW_SITE",response:e}},r=function(e){return{type:"RECEIVE_NEW_SITE_FAILED",error:e}};return{fetchNewSite:t,receiveNewSite:n,receiveNewSiteFailed:r,resetNewSiteFailed:function(){return{type:"RESET_RECEIVE_NEW_SITE_FAILED"}},createSite:function(t){var i,a,o,s,c,u;return L(this,(function(l){switch(l.label){case 0:return[4,{type:"FETCH_NEW_SITE"}];case 1:l.sent(),l.label=2;case 2:return l.trys.push([2,5,,7]),i=t.authToken,a=R(t,["authToken"]),o={client_id:e.client_id,client_secret:e.client_secret,find_available_url:!0,public:-1},s=I(I(I({},o),a),{validate:!1}),[4,Qe({path:"/sites/new",apiVersion:"1.1",method:"post",body:s,token:i})];case 3:return c=l.sent(),[4,n(c)];case 4:return l.sent(),[2,!0];case 5:return u=l.sent(),[4,r(u)];case 6:return l.sent(),[2,!1];case 7:return[2]}}))},receiveSite:function(e,t){return{type:"RECEIVE_SITE",siteId:e,response:t}},receiveSiteFailed:function(e,t){return{type:"RECEIVE_SITE_FAILED",siteId:e,response:t}},reset:function(){return{type:"RESET_SITE_STORE"}}}}function et(e){var t;return L(this,(function(n){switch(n.label){case 0:return n.trys.push([0,3,,5]),[4,Qe({path:"/sites/"+encodeURIComponent(e),apiVersion:"1.1"})];case 1:return t=n.sent(),[4,Object(w.dispatch)(_e).receiveSite(e,t)];case 2:return n.sent(),[3,5];case 3:return n.sent(),[4,Object(w.dispatch)(_e).receiveSiteFailed(e,void 0)];case 4:return n.sent(),[3,5];case 5:return[2]}}))}var tt=function(e){return e},nt=function(e){return e.newSite.data},rt=function(e){return e.newSite.error},it=function(e){return e.newSite.isFetching},at=function(e){return!!e.newSite.data},ot=function(e,t){return e.sites[t]},st=!1;function ct(e){return st||(st=!0,Object(w.registerStore)(_e,{actions:Ze(e),controls:Ye,reducer:Ee,resolvers:r,selectors:i})),_e}var ut=a.register({client_id:"",client_secret:""});function lt(){return Object(w.useSelect)((function(e){return e(ut).getSite(window._currentSiteId)}))}var ft=function(e){var t,n=o.useState(""),r=l()(n,2),i=r[0],a=r[1],s=lt(),c=function(){var e=lt();return(null==e?void 0:e.URL)&&new URL(null==e?void 0:e.URL).hostname||""}(),u=null!==(t=i.trim()||(null==s?void 0:s.name))&&void 0!==t?t:"",d=o.useState(c),p=l()(d,2),m=p[0],h=p[1];return Object(f.createElement)(ye,E()({analyticsFlowId:"gutenboarding",analyticsUiAlgo:"editor_domain_modal",initialDomainSearch:u,onSetDomainSearch:a,showDomainCategories:!0,currentDomain:m,onDomainSelect:function(e){h(null==e?void 0:e.domain_name)}},e))},dt=(n(57),function(e){var t=e.onPrevStep,n=e.onNextStep;return Object(f.createElement)(y,{className:"nux-launch-domain-step"},Object(f.createElement)("div",{className:"nux-launch-step__header"},Object(f.createElement)("div",{className:"nux-launch-step__heading"},Object(f.createElement)("h1",{className:"nux-launch-step__title"},Object(p.__)("Choose a domain","full-site-editing")),Object(f.createElement)("p",{className:"nux-launch-step__subtitle"},Object(p.__)("Free for the first year with any paid plan","full-site-editing"))),Object(f.createElement)("div",{className:"nux-launch-step__actions"},Object(f.createElement)(d.Button,{isTertiary:!0,onClick:function(){null==t||t()}},Object(p.__)("Go back","full-site-editing")),Object(f.createElement)(d.Button,{isPrimary:!0,onClick:function(){null==n||n()}},Object(p.__)("Continue","full-site-editing")))),Object(f.createElement)("div",{className:"nux-launch-step__body"},Object(f.createElement)(ft,null)))}),pt=(n(60),function(e){var t=e.children;return o.createElement("h1",{className:"plans-ui-title"},t)}),mt=Object(f.createElement)(N.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(f.createElement)(N.Path,{d:"M9 18.6L3.5 13l1-1L9 16.4l9.5-9.9 1 1z"})),ht=Object(f.createElement)(N.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(f.createElement)(N.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})),vt=s.a.createElement(x,{icon:mt,size:17}),gt=s.a.createElement(x,{icon:ht,size:17}),yt=s.a.createElement("svg",{width:"8",viewBox:"0 0 8 4"},s.a.createElement("path",{d:"M0 0 L8 0 L4 4 L0 0",fill:"currentColor"}));var _t=function(e){var t=e.slug,n=e.name,r=e.price,i=e.isPopular,a=void 0!==i&&i,c=e.isFree,u=void 0!==c&&c,l=e.domain,f=e.features,m=e.onSelect,h=e.onPickDomainClick,v=e.onToggleExpandAll,y=e.allPlansExpanded,_=te().__,b=Object(o.useState)(!1),E=b[0],w=b[1],C=Object(Z.useViewportMatch)("mobile",">="),S=function(e,t,n){return{NO_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:vt,domainMessage:s.a.createElement(s.a.Fragment,null,n("Pick a free domain (1 year)")," ",yt)}},FREE_DOMAIN:{FREE_PLAN:null,PAID_PLAN:{className:"plan-item__domain-summary is-cta",icon:vt,domainMessage:s.a.createElement(s.a.Fragment,null,n("Pick a free domain (1 year)")," ",yt)}},PAID_DOMAIN:{FREE_PLAN:{className:"plan-item__domain-summary is-free",icon:gt,domainMessage:Object(p.sprintf)(n("%s is not included"),null==t?void 0:t.domain_name)},PAID_PLAN:{className:"plan-item__domain-summary is-picked",icon:vt,domainMessage:Object(p.sprintf)(n("%s is included"),null==t?void 0:t.domain_name)}}}[t&&(t.is_free?"FREE_DOMAIN":"PAID_DOMAIN")||"NO_DOMAIN"][e?"FREE_PLAN":"PAID_PLAN"]}(u,l,_);Object(o.useEffect)((function(){w(y)}),[y]);var O=y||C||a||E;return s.a.createElement("div",{className:g()("plan-item",{"is-popular":a,"is-open":O})},a&&s.a.createElement("span",{className:"plan-item__badge"},_("Popular")),s.a.createElement("div",{className:g()("plan-item__viewport",{"is-popular":a})},s.a.createElement("div",{className:"plan-item__details"},s.a.createElement("div",{tabIndex:0,role:"button",onClick:function(){return w((function(e){return!e}))},onKeyDown:function(e){return 32===e.keyCode&&w((function(e){return!e}))},className:"plan-item__summary"},s.a.createElement("div",{className:"plan-item__heading"},s.a.createElement("div",{className:"plan-item__name"},n)),s.a.createElement("div",{className:"plan-item__price"},s.a.createElement("div",{className:g()("plan-item__price-amount",{"is-loading":!r})},r||" ")),!O&&s.a.createElement("div",{className:"plan-item__dropdown-chevron"},yt)),s.a.createElement("div",{hidden:!O},s.a.createElement("div",{className:"plan-item__price-note"},_(u?"free forever":"per month, billed yearly")),s.a.createElement("div",{className:"plan-item__actions"},s.a.createElement(d.Button,{className:"plan-item__select-button",onClick:function(){m(t)},isPrimary:!0,isLarge:!0},s.a.createElement("span",null,_("Choose")))),s.a.createElement("div",{className:"plan-item__domain"},S&&s.a.createElement(d.Button,{className:S.className,onClick:h,isLink:!0},S.icon,S.domainMessage)),s.a.createElement("div",{className:"plan-item__features"},s.a.createElement("ul",{className:"plan-item__feature-item-group"},f.map((function(e,t){return s.a.createElement("li",{key:t,className:"plan-item__feature-item"},vt," ",e)}))))))),a&&!C&&s.a.createElement(d.Button,{onClick:v,className:"plan-item__mobile-expand-all-plans",isLink:!0},_(y?"Collapse all plans":"Expand all plans")))},bt="automattic/onboard/plans",Et=(n(59),function(e){var t=e.selectedPlanSlug,n=e.onPlanSelect,r=e.onPickDomainClick,i=e.currentDomain,a=Object(w.useSelect)((function(e){return e(bt).getSupportedPlans()})),c=Object(w.useSelect)((function(e){return e(bt).getPrices()})),u=Object(o.useState)(!1),l=u[0],f=u[1];return s.a.createElement("div",{className:"plans-table"},a.map((function(e){var a;return e&&s.a.createElement(_t,{allPlansExpanded:l,key:e.storeSlug,slug:e.storeSlug,domain:i,features:null!==(a=e.features)&&void 0!==a?a:[],isPopular:e.isPopular,isFree:e.isFree,price:c[e.storeSlug],name:null==e?void 0:e.title.toString(),isSelected:e.storeSlug===t,onSelect:n,onPickDomainClick:r,onToggleExpandAll:function(){return f((function(e){return!e}))}})})))}),wt=(n(61),s.a.createElement(x,{icon:mt,size:25})),Ct=function(e){var t=e.onSelect,n=Object(w.useSelect)((function(e){return e(bt).getPlansDetails()})),r=Object(w.useSelect)((function(e){return e(bt).getPrices()})),i=Object(w.useSelect)((function(e){return e(bt).getSupportedPlans()})),a=te().__;return s.a.createElement("div",{className:"plans-details"},s.a.createElement("table",{className:"plans-details__table"},s.a.createElement("thead",null,s.a.createElement("tr",{className:"plans-details__header-row"},s.a.createElement("th",null,a("Feature")),i.map((function(e){return s.a.createElement("th",{key:e.storeSlug},e.title)})))),n.map((function(e){return s.a.createElement("tbody",{key:e.id},e.name&&s.a.createElement("tr",{className:"plans-details__header-row"},s.a.createElement("th",{colSpan:6},e.name)),e.features.map((function(e,t){return s.a.createElement("tr",{className:"plans-details__feature-row",key:t},s.a.createElement("th",null,e.name),e.data.map((function(t,n){return s.a.createElement("td",{key:n},"checkbox"===e.type&&(t?s.a.createElement(s.a.Fragment,null,s.a.createElement("span",{className:"hidden"},a("Available")),wt):s.a.createElement(s.a.Fragment,null,s.a.createElement("span",{className:"hidden"},a("Unavailable")," "))),"text"===e.type&&t)})))})))})),s.a.createElement("tbody",null,s.a.createElement("tr",{className:"plans-details__header-row"},s.a.createElement("th",{colSpan:6},a("Sign up"))),s.a.createElement("tr",{className:"plans-details__feature-row",key:"price"},s.a.createElement("th",null,a("Monthly subscription (billed yearly)")),i.map((function(e){return s.a.createElement("td",{key:e.storeSlug},r[e.storeSlug])}))),s.a.createElement("tr",{className:"plans-details__feature-row",key:"cta"},s.a.createElement("th",null),i.map((function(e){return s.a.createElement("td",{key:e.storeSlug},s.a.createElement(d.Button,{onClick:function(){t(e.storeSlug)},isPrimary:!0,isLarge:!0},s.a.createElement("span",null,a("Choose"))))}))))))},St=(n(58),function(e){var t,n=e.header,r=e.currentPlan,i=e.currentDomain,a=e.onPlanSelect,s=e.onPickDomainClick,c=te().__,u=Object(w.useDispatch)(bt).setPlan,l=function(e){u(e),null==a||a(e)};return o.createElement("div",{className:"plans-grid"},n&&o.createElement("div",{className:"plans-grid__header"},n),o.createElement("div",{className:"plans-grid__table"},o.createElement("div",{className:"plans-grid__table-container"},o.createElement(Et,{selectedPlanSlug:null!==(t=null==r?void 0:r.storeSlug)&&void 0!==t?t:"",onPlanSelect:l,currentDomain:i,onPickDomainClick:s}))),o.createElement("div",{className:"plans-grid__details"},o.createElement("div",{className:"plans-grid__details-heading"},o.createElement(pt,null,c("Detailed comparison"))),o.createElement("div",{className:"plans-grid__details-container"},o.createElement(Ct,{onSelect:l}))))});var Ot,jt=function(e){var t=Object.assign({},e),n=Object(w.useSelect)((function(e){return e("automattic/onboard/plans").getSelectedPlan()}))||void 0;return Object(f.createElement)(St,E()({currentDomain:void 0,currentPlan:n},t))},xt=(n(62),function(e){var t=e.onPrevStep;return Object(f.createElement)(y,{className:"nux-launch-plan-step"},Object(f.createElement)("div",{className:"nux-launch-step__header"},Object(f.createElement)("div",{className:"nux-launch-step__heading"},Object(f.createElement)("h1",{className:"nux-launch-step__title"},Object(p.__)("Choose a plan","full-site-editing")),Object(f.createElement)("p",{className:"nux-launch-step__subtitle"},Object(p.__)("Pick a plan that’s right for you. Switch plans as your needs change. There’s no risk, you can cancel for a full refund within 30 days.","full-site-editing"))),Object(f.createElement)("div",{className:"nux-launch-step__actions"},Object(f.createElement)(d.Button,{isTertiary:!0,onClick:function(){t&&t()}},Object(p.__)("Go back","full-site-editing")))),Object(f.createElement)("div",{className:"nux-launch-step__body"},Object(f.createElement)(jt,null)))}),Nt=(n(63),"privacy"),kt="domain",Ft="plan",At=(Ot={},h()(Ot,Nt,_),h()(Ot,kt,dt),h()(Ot,Ft,xt),Ot),Pt=[Nt,kt,Ft],It=function(e){var t=e.step,n=void 0===t?Nt:t,r=Pt.indexOf(n),i=o.useState(r),a=l()(i,2),s=a[0],c=a[1],u=Pt[s],d=At[u];return Object(f.createElement)("div",{className:"nux-launch"},Object(f.createElement)(d,{onPrevStep:function(){var e=s-1;e<0&&(e=0),c(e)},onNextStep:function(){var e=s+1,t=Pt.length-1;e>t&&(e=t),c(e)}}))},Rt=function(e){var t=e.onClose,n=e.step;return Object(f.createElement)(d.Modal,{className:"nux-launch-modal",overlayClassName:"nux-launch-modal-overlay",bodyOpenClassName:"has-nux-launch-modal",onRequestClose:function(){null==t||t()},title:Object(p.__)("You're almost there! Review a few things before launching your site!","full-site-editing")},Object(f.createElement)(It,{step:n}))},Lt=(n(64),function(){var e=o.useState(!1),t=l()(e,2),n=t[0],r=t[1];return Object(f.createElement)(f.Fragment,null,Object(f.createElement)(d.Button,{"aria-expanded":n,"aria-pressed":n,"aria-haspopup":"menu",onClick:function(){r(!n)}},Object(p.__)("Launch site","full-site-editing")),n&&Object(f.createElement)(Rt,{onClose:function(){r(!1)}}))}),Tt=setInterval((function(){var e=document.querySelector(".edit-post-header__settings");if(e){clearInterval(Tt);var t=document.createElement("div");e.prepend(t),c.render(o.createElement(Lt),t)}}))}]));
|
editor-site-launch/dist/editor-site-launch.rtl.css
ADDED
@@ -0,0 +1 @@
|
|
|
1 |
+
.nux-launch-modal-overlay.components-modal__screen-overlay{background:none;width:100%;height:100%}.nux-launch-modal.components-modal__frame{width:100%;height:100%;top:0;right:0;min-width:unset;max-width:none;max-height:none;transform:none;border:none;box-shadow:none;position:absolute}.nux-launch-modal .components-modal__header{margin:0}.nux-launch-modal .components-modal__content{padding:0}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.woff2) format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff) format("woff")}.nux-launch-step__heading h1,.wp-brand-font{font-family:"Noto Serif",Georgia,Times New Roman,Times,serif;font-weight:400}.nux-launch-step__heading [lang*=af] h1,[lang*=af] .nux-launch-step__heading h1,[lang*=af] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ca] h1,[lang*=ca] .nux-launch-step__heading h1,[lang*=ca] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=cs] h1,[lang*=cs] .nux-launch-step__heading h1,[lang*=cs] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=da] h1,[lang*=da] .nux-launch-step__heading h1,[lang*=da] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=de] h1,[lang*=de] .nux-launch-step__heading h1,[lang*=de] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=en] h1,[lang*=en] .nux-launch-step__heading h1,[lang*=en] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=es] h1,[lang*=es] .nux-launch-step__heading h1,[lang*=es] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=eu] h1,[lang*=eu] .nux-launch-step__heading h1,[lang*=eu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=fi] h1,[lang*=fi] .nux-launch-step__heading h1,[lang*=fi] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=fr] h1,[lang*=fr] .nux-launch-step__heading h1,[lang*=fr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=gl] h1,[lang*=gl] .nux-launch-step__heading h1,[lang*=gl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=hr] h1,[lang*=hr] .nux-launch-step__heading h1,[lang*=hr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=hu] h1,[lang*=hu] .nux-launch-step__heading h1,[lang*=hu] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=id] h1,[lang*=id] .nux-launch-step__heading h1,[lang*=id] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=is] h1,[lang*=is] .nux-launch-step__heading h1,[lang*=is] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=it] h1,[lang*=it] .nux-launch-step__heading h1,[lang*=it] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=lv] h1,[lang*=lv] .nux-launch-step__heading h1,[lang*=lv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=mt] h1,[lang*=mt] .nux-launch-step__heading h1,[lang*=mt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=nb] h1,[lang*=nb] .nux-launch-step__heading h1,[lang*=nb] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=nl] h1,[lang*=nl] .nux-launch-step__heading h1,[lang*=nl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=pl] h1,[lang*=pl] .nux-launch-step__heading h1,[lang*=pl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=pt] h1,[lang*=pt] .nux-launch-step__heading h1,[lang*=pt] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ro] h1,[lang*=ro] .nux-launch-step__heading h1,[lang*=ro] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=ru] h1,[lang*=ru] .nux-launch-step__heading h1,[lang*=ru] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sk] h1,[lang*=sk] .nux-launch-step__heading h1,[lang*=sk] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sl] h1,[lang*=sl] .nux-launch-step__heading h1,[lang*=sl] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sq] h1,[lang*=sq] .nux-launch-step__heading h1,[lang*=sq] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sr] h1,[lang*=sr] .nux-launch-step__heading h1,[lang*=sr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sv] h1,[lang*=sv] .nux-launch-step__heading h1,[lang*=sv] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=sw] h1,[lang*=sw] .nux-launch-step__heading h1,[lang*=sw] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=tr] h1,[lang*=tr] .nux-launch-step__heading h1,[lang*=tr] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step__heading [lang*=uz] h1,[lang*=uz] .nux-launch-step__heading h1,[lang*=uz] .wp-brand-font{font-family:Recoleta,"Noto Serif",Georgia,Times New Roman,Times,serif}.nux-launch-step{padding:88px}.nux-launch-step__header{display:flex;align-items:baseline}.nux-launch-step__heading{flex-grow:1}.nux-launch-step__heading h1{font-size:42px}@keyframes domain-picker-loading-fade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.domain-picker__empty-state{display:flex;justify-content:center;flex-direction:column}.domain-picker__empty-state--text{max-width:320px;font-size:.9em;margin:10px 0;color:#555d66}@media (min-width:480px){.domain-picker__empty-state{flex-direction:row;align-items:center}.domain-picker__empty-state--text{margin:15px 0}}.domain-picker__show-more{padding:10px;text-align:center}.domain-picker__search{position:relative;margin-bottom:20px}.domain-picker__search input[type=text].components-text-control__input{padding:6px 16px 6px 40px;height:38px;background:#f0f0f0;border:none}.domain-picker__search input[type=text].components-text-control__input:-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::-ms-input-placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input::placeholder{color:#000;color:var(--studio-black)}.domain-picker__search input[type=text].components-text-control__input:focus{box-shadow:0 0 0 2px #5198d9;box-shadow:0 0 0 2px var(--studio-blue-30);background:#fff;background:var(--studio-white)}.domain-picker__search svg{position:absolute;top:6px;left:8px}.domain-picker__suggestion-item-group{flex-grow:1}.domain-picker__suggestion-sections{flex:1}.domain-picker__suggestion-group-label{margin:1.5em 0 1em;text-transform:uppercase;color:#a7aaad;color:var(--studio-gray-20);font-size:12px;font-weight:400;letter-spacing:1px}.domain-picker__suggestion-item{font-size:14px;line-height:17px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);padding:10px 14px;margin:0;position:relative;z-index:1;text-align:right;cursor:pointer}.domain-picker__suggestion-item.placeholder{cursor:default}.domain-picker__suggestion-item.is-selected{background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}.domain-picker__suggestion-item:focus:not(.placeholder),.domain-picker__suggestion-item:hover:not(.placeholder){background:#e9eff5;background:var(--studio-blue-0);border-color:#3582c4;border-color:var(--studio-blue-40);z-index:2}@media (min-width:600px){.domain-picker__suggestion-item:focus .domain-picker__suggestion-item-select-button,.domain-picker__suggestion-item:hover .domain-picker__suggestion-item-select-button{opacity:1}.domain-picker__suggestion-item:focus .domain-picker__price,.domain-picker__suggestion-item:hover .domain-picker__price{opacity:0}}.domain-picker__suggestion-item:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.domain-picker__suggestion-item:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.domain-picker__suggestion-item+.domain-picker__suggestion-item{margin-top:-1px}.domain-picker__suggestion-item:nth-child(7){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:0ms}.domain-picker__suggestion-item:nth-child(8){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:40ms}.domain-picker__suggestion-item:nth-child(9){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:80ms}.domain-picker__suggestion-item:nth-child(10){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.12s}.domain-picker__suggestion-item:nth-child(11){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.16s}.domain-picker__suggestion-item:nth-child(12){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.2s}.domain-picker__suggestion-item:nth-child(13){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.24s}.domain-picker__suggestion-item:nth-child(14){transform:translateY(20px);opacity:0;animation:domain-picker-item-slide-up .1s ease-in forwards;animation-delay:.28s}@keyframes domain-picker-item-slide-up{to{transform:translateY(0);opacity:1}}.domain-picker__suggestion-item-name{flex-grow:1;margin-left:24px;letter-spacing:.4px}.domain-picker__suggestion-item-name .domain-picker__domain-name{word-break:break-word}.domain-picker__suggestion-item-name.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;max-width:30%;margin-left:auto}.domain-picker__suggestion-item-name.placeholder:after{content:"\00a0"}.domain-picker__domain-tld{color:#3582c4;color:var(--studio-blue-40);margin-left:10px}.domain-picker__badge{display:inline-flex;border-radius:2px;padding:0 10px;line-height:20px;height:20px;align-items:center;font-size:10px;text-transform:uppercase;vertical-align:middle;background-color:#2271b1;background-color:var(--studio-blue-50);color:#fff;color:var(--color-text-inverted)}.domain-picker__price{color:#787c82;color:var(--studio-gray-40);text-align:left;flex-basis:0;transition:opacity .2s ease-in-out}.domain-picker__price:not(.is-paid){display:none}@media (min-width:600px){.domain-picker__price{flex-basis:auto}.domain-picker__price:not(.is-paid){display:inline}}.domain-picker__price.placeholder{animation:domain-picker-loading-fade 1.6s ease-in-out infinite;background:#f3f4f5;color:transparent;min-width:64px}.domain-picker__price.placeholder:after{content:"\00a0"}.domain-picker__price-long{display:none}@media (min-width:600px){.domain-picker__price-long{display:inline}}.domain-picker__price-short{display:inline}@media (min-width:600px){.domain-picker__price-short{display:none}}.domain-picker__price-cost{text-decoration:line-through}.domain-picker__suggestion-item-select-button{display:flex;align-items:center;height:36px}.domain-picker__suggestion-item-select-button span{display:none}.domain-picker__suggestion-item-select-button svg{fill:#2271b1;fill:var(--studio-blue-50);margin-right:10px;margin-left:-2px}@media (min-width:600px){.domain-picker__suggestion-item-select-button{background:#007cba;color:#fff;color:var(--studio-white);border-radius:2px;padding:0 12px;opacity:0;transition:opacity .2s ease-in-out;position:absolute;left:14px}.domain-picker__suggestion-item-select-button:hover{background:#0070a7}.domain-picker__suggestion-item-select-button span{display:inline-block}.domain-picker__suggestion-item-select-button svg{display:none}}.domain-picker__body{display:flex}@media (max-width:480px){.domain-picker__body{display:block}.domain-picker__body .domain-picker__aside{width:100%;padding:0}}.domain-picker__aside{width:220px;padding-left:30px}:root{--studio-white:#fff;--studio-black:#000;--studio-gray-0:#f6f7f7;--studio-gray-5:#dcdcde;--studio-gray-10:#c3c4c7;--studio-gray-20:#a7aaad;--studio-gray-30:#8c8f94;--studio-gray-40:#787c82;--studio-gray-50:#646970;--studio-gray-60:#50575e;--studio-gray-70:#3c434a;--studio-gray-80:#2c3338;--studio-gray-90:#1d2327;--studio-gray-100:#101517;--studio-gray:#646970;--studio-blue-0:#e9eff5;--studio-blue-5:#c5d9ed;--studio-blue-10:#9ec2e6;--studio-blue-20:#72aee6;--studio-blue-30:#5198d9;--studio-blue-40:#3582c4;--studio-blue-50:#2271b1;--studio-blue-60:#135e96;--studio-blue-70:#0a4b78;--studio-blue-80:#043959;--studio-blue-90:#01263a;--studio-blue-100:#00131c;--studio-blue:#2271b1;--studio-purple-0:#f2e9ed;--studio-purple-5:#ebcee0;--studio-purple-10:#e3afd5;--studio-purple-20:#d48fc8;--studio-purple-30:#c475bd;--studio-purple-40:#b35eb1;--studio-purple-50:#984a9c;--studio-purple-60:#7c3982;--studio-purple-70:#662c6e;--studio-purple-80:#4d2054;--studio-purple-90:#35163b;--studio-purple-100:#1e0c21;--studio-purple:#984a9c;--studio-pink-0:#f5e9ed;--studio-pink-5:#f2ceda;--studio-pink-10:#f7a8c3;--studio-pink-20:#f283aa;--studio-pink-30:#eb6594;--studio-pink-40:#e34c84;--studio-pink-50:#c9356e;--studio-pink-60:#ab235a;--studio-pink-70:#8c1749;--studio-pink-80:#700f3b;--studio-pink-90:#4f092a;--studio-pink-100:#260415;--studio-pink:#c9356e;--studio-red-0:#f7ebec;--studio-red-5:#facfd2;--studio-red-10:#ffabaf;--studio-red-20:#ff8085;--studio-red-30:#f86368;--studio-red-40:#e65054;--studio-red-50:#d63638;--studio-red-60:#b32d2e;--studio-red-70:#8a2424;--studio-red-80:#691c1c;--studio-red-90:#451313;--studio-red-100:#240a0a;--studio-red:#d63638;--studio-orange-0:#f5ece6;--studio-orange-5:#f7dcc6;--studio-orange-10:#ffbf86;--studio-orange-20:#faa754;--studio-orange-30:#e68b28;--studio-orange-40:#d67709;--studio-orange-50:#b26200;--studio-orange-60:#8a4d00;--studio-orange-70:#704000;--studio-orange-80:#543100;--studio-orange-90:#361f00;--studio-orange-100:#1f1200;--studio-orange:#b26200;--studio-yellow-0:#f5f1e1;--studio-yellow-5:#f5e6b3;--studio-yellow-10:#f2d76b;--studio-yellow-20:#f0c930;--studio-yellow-30:#deb100;--studio-yellow-40:#c08c00;--studio-yellow-50:#9d6e00;--studio-yellow-60:#7d5600;--studio-yellow-70:#674600;--studio-yellow-80:#4f3500;--studio-yellow-90:#320;--studio-yellow-100:#1c1300;--studio-yellow:#9d6e00;--studio-green-0:#e6f2e8;--studio-green-5:#b8e6bf;--studio-green-10:#68de86;--studio-green-20:#1ed15a;--studio-green-30:#00ba37;--studio-green-40:#00a32a;--studio-green-50:#008a20;--studio-green-60:#007017;--studio-green-70:#005c12;--studio-green-80:#00450c;--studio-green-90:#003008;--studio-green-100:#001c05;--studio-green:#008a20;--studio-celadon-0:#e4f2ed;--studio-celadon-5:#a7e8d4;--studio-celadon-10:#63d6b6;--studio-celadon-20:#2ebd99;--studio-celadon-30:#09a884;--studio-celadon-40:#009172;--studio-celadon-50:#007e65;--studio-celadon-60:#006753;--studio-celadon-70:#005042;--studio-celadon-80:#003b30;--studio-celadon-90:#002721;--studio-celadon-100:#001c17;--studio-celadon:#007e65;--studio-wordpress-blue-0:#e6f1f5;--studio-wordpress-blue-5:#bedae6;--studio-wordpress-blue-10:#98c6d9;--studio-wordpress-blue-20:#6ab3d0;--studio-wordpress-blue-30:#3895ba;--studio-wordpress-blue-40:#187aa2;--studio-wordpress-blue-50:#006088;--studio-wordpress-blue-60:#004e6e;--studio-wordpress-blue-70:#003c56;--studio-wordpress-blue-80:#002c40;--studio-wordpress-blue-90:#001d2d;--studio-wordpress-blue-100:#00101c;--studio-wordpress-blue:#006088;--studio-simplenote-blue-0:#e9ecf5;--studio-simplenote-blue-5:#ced9f2;--studio-simplenote-blue-10:#abc1f5;--studio-simplenote-blue-20:#84a4f0;--studio-simplenote-blue-30:#618df2;--studio-simplenote-blue-40:#4678eb;--studio-simplenote-blue-50:#3361cc;--studio-simplenote-blue-60:#1d4fc4;--studio-simplenote-blue-70:#113ead;--studio-simplenote-blue-80:#0d2f85;--studio-simplenote-blue-90:#09205c;--studio-simplenote-blue-100:#05102e;--studio-simplenote-blue:#3361cc;--studio-woocommerce-purple-0:#f7edf7;--studio-woocommerce-purple-5:#e5cfe8;--studio-woocommerce-purple-10:#d6b4e0;--studio-woocommerce-purple-20:#c792e0;--studio-woocommerce-purple-30:#af7dd1;--studio-woocommerce-purple-40:#9a69c7;--studio-woocommerce-purple-50:#7f54b3;--studio-woocommerce-purple-60:#674399;--studio-woocommerce-purple-70:#533582;--studio-woocommerce-purple-80:#3c2861;--studio-woocommerce-purple-90:#271b3d;--studio-woocommerce-purple-100:#140e1f;--studio-woocommerce-purple:#7f54b3;--studio-jetpack-green-0:#f0f2eb;--studio-jetpack-green-5:#d0e6b8;--studio-jetpack-green-10:#9dd977;--studio-jetpack-green-20:#64ca43;--studio-jetpack-green-30:#2fb41f;--studio-jetpack-green-40:#069e08;--studio-jetpack-green-50:#008710;--studio-jetpack-green-60:#007117;--studio-jetpack-green-70:#005b18;--studio-jetpack-green-80:#004515;--studio-jetpack-green-90:#003010;--studio-jetpack-green-100:#001c09;--studio-jetpack-green:#2fb41f}:root{--studio-white-rgb:255,255,255;--studio-black-rgb:0,0,0;--studio-gray-0-rgb:246,247,247;--studio-gray-5-rgb:220,220,222;--studio-gray-10-rgb:195,196,199;--studio-gray-20-rgb:167,170,173;--studio-gray-30-rgb:140,143,148;--studio-gray-40-rgb:120,124,130;--studio-gray-50-rgb:100,105,112;--studio-gray-60-rgb:80,87,94;--studio-gray-70-rgb:60,67,74;--studio-gray-80-rgb:44,51,56;--studio-gray-90-rgb:29,35,39;--studio-gray-100-rgb:16,21,23;--studio-gray-rgb:100,105,112;--studio-blue-0-rgb:233,239,245;--studio-blue-5-rgb:197,217,237;--studio-blue-10-rgb:158,194,230;--studio-blue-20-rgb:114,174,230;--studio-blue-30-rgb:81,152,217;--studio-blue-40-rgb:53,130,196;--studio-blue-50-rgb:34,113,177;--studio-blue-60-rgb:19,94,150;--studio-blue-70-rgb:10,75,120;--studio-blue-80-rgb:4,57,89;--studio-blue-90-rgb:1,38,58;--studio-blue-100-rgb:0,19,28;--studio-blue-rgb:34,113,177;--studio-purple-0-rgb:242,233,237;--studio-purple-5-rgb:235,206,224;--studio-purple-10-rgb:227,175,213;--studio-purple-20-rgb:212,143,200;--studio-purple-30-rgb:196,117,189;--studio-purple-40-rgb:179,94,177;--studio-purple-50-rgb:152,74,156;--studio-purple-60-rgb:124,57,130;--studio-purple-70-rgb:102,44,110;--studio-purple-80-rgb:77,32,84;--studio-purple-90-rgb:53,22,59;--studio-purple-100-rgb:30,12,33;--studio-purple-rgb:152,74,156;--studio-pink-0-rgb:245,233,237;--studio-pink-5-rgb:242,206,218;--studio-pink-10-rgb:247,168,195;--studio-pink-20-rgb:242,131,170;--studio-pink-30-rgb:235,101,148;--studio-pink-40-rgb:227,76,132;--studio-pink-50-rgb:201,53,110;--studio-pink-60-rgb:171,35,90;--studio-pink-70-rgb:140,23,73;--studio-pink-80-rgb:112,15,59;--studio-pink-90-rgb:79,9,42;--studio-pink-100-rgb:38,4,21;--studio-pink-rgb:201,53,110;--studio-red-0-rgb:247,235,236;--studio-red-5-rgb:250,207,210;--studio-red-10-rgb:255,171,175;--studio-red-20-rgb:255,128,133;--studio-red-30-rgb:248,99,104;--studio-red-40-rgb:230,80,84;--studio-red-50-rgb:214,54,56;--studio-red-60-rgb:179,45,46;--studio-red-70-rgb:138,36,36;--studio-red-80-rgb:105,28,28;--studio-red-90-rgb:69,19,19;--studio-red-100-rgb:36,10,10;--studio-red-rgb:214,54,56;--studio-orange-0-rgb:245,236,230;--studio-orange-5-rgb:247,220,198;--studio-orange-10-rgb:255,191,134;--studio-orange-20-rgb:250,167,84;--studio-orange-30-rgb:230,139,40;--studio-orange-40-rgb:214,119,9;--studio-orange-50-rgb:178,98,0;--studio-orange-60-rgb:138,77,0;--studio-orange-70-rgb:112,64,0;--studio-orange-80-rgb:84,49,0;--studio-orange-90-rgb:54,31,0;--studio-orange-100-rgb:31,18,0;--studio-orange-rgb:178,98,0;--studio-yellow-0-rgb:245,241,225;--studio-yellow-5-rgb:245,230,179;--studio-yellow-10-rgb:242,215,107;--studio-yellow-20-rgb:240,201,48;--studio-yellow-30-rgb:222,177,0;--studio-yellow-40-rgb:192,140,0;--studio-yellow-50-rgb:157,110,0;--studio-yellow-60-rgb:125,86,0;--studio-yellow-70-rgb:103,70,0;--studio-yellow-80-rgb:79,53,0;--studio-yellow-90-rgb:51,34,0;--studio-yellow-100-rgb:28,19,0;--studio-yellow-rgb:157,110,0;--studio-green-0-rgb:230,242,232;--studio-green-5-rgb:184,230,191;--studio-green-10-rgb:104,222,134;--studio-green-20-rgb:30,209,90;--studio-green-30-rgb:0,186,55;--studio-green-40-rgb:0,163,42;--studio-green-50-rgb:0,138,32;--studio-green-60-rgb:0,112,23;--studio-green-70-rgb:0,92,18;--studio-green-80-rgb:0,69,12;--studio-green-90-rgb:0,48,8;--studio-green-100-rgb:0,28,5;--studio-green-rgb:0,138,32;--studio-celadon-0-rgb:228,242,237;--studio-celadon-5-rgb:167,232,212;--studio-celadon-10-rgb:99,214,182;--studio-celadon-20-rgb:46,189,153;--studio-celadon-30-rgb:9,168,132;--studio-celadon-40-rgb:0,145,114;--studio-celadon-50-rgb:0,126,101;--studio-celadon-60-rgb:0,103,83;--studio-celadon-70-rgb:0,80,66;--studio-celadon-80-rgb:0,59,48;--studio-celadon-90-rgb:0,39,33;--studio-celadon-100-rgb:0,28,23;--studio-celadon-rgb:0,126,101;--studio-wordpress-blue-0-rgb:230,241,245;--studio-wordpress-blue-5-rgb:190,218,230;--studio-wordpress-blue-10-rgb:152,198,217;--studio-wordpress-blue-20-rgb:106,179,208;--studio-wordpress-blue-30-rgb:56,149,186;--studio-wordpress-blue-40-rgb:24,122,162;--studio-wordpress-blue-50-rgb:0,96,136;--studio-wordpress-blue-60-rgb:0,78,110;--studio-wordpress-blue-70-rgb:0,60,86;--studio-wordpress-blue-80-rgb:0,44,64;--studio-wordpress-blue-90-rgb:0,29,45;--studio-wordpress-blue-100-rgb:0,16,28;--studio-wordpress-blue-rgb:0,96,136;--studio-simplenote-blue-0-rgb:233,236,245;--studio-simplenote-blue-5-rgb:206,217,242;--studio-simplenote-blue-10-rgb:171,193,245;--studio-simplenote-blue-20-rgb:132,164,240;--studio-simplenote-blue-30-rgb:97,141,242;--studio-simplenote-blue-40-rgb:70,120,235;--studio-simplenote-blue-50-rgb:51,97,204;--studio-simplenote-blue-60-rgb:29,79,196;--studio-simplenote-blue-70-rgb:17,62,173;--studio-simplenote-blue-80-rgb:13,47,133;--studio-simplenote-blue-90-rgb:9,32,92;--studio-simplenote-blue-100-rgb:5,16,46;--studio-simplenote-blue-rgb:51,97,204;--studio-woocommerce-purple-0-rgb:247,237,247;--studio-woocommerce-purple-5-rgb:229,207,232;--studio-woocommerce-purple-10-rgb:214,180,224;--studio-woocommerce-purple-20-rgb:199,146,224;--studio-woocommerce-purple-30-rgb:175,125,209;--studio-woocommerce-purple-40-rgb:154,105,199;--studio-woocommerce-purple-50-rgb:127,84,179;--studio-woocommerce-purple-60-rgb:103,67,153;--studio-woocommerce-purple-70-rgb:83,53,130;--studio-woocommerce-purple-80-rgb:60,40,97;--studio-woocommerce-purple-90-rgb:39,27,61;--studio-woocommerce-purple-100-rgb:20,14,31;--studio-woocommerce-purple-rgb:127,84,179;--studio-jetpack-green-0-rgb:240,242,235;--studio-jetpack-green-5-rgb:208,230,184;--studio-jetpack-green-10-rgb:157,217,119;--studio-jetpack-green-20-rgb:100,202,67;--studio-jetpack-green-30-rgb:47,180,31;--studio-jetpack-green-40-rgb:6,158,8;--studio-jetpack-green-50-rgb:0,135,16;--studio-jetpack-green-60-rgb:0,113,23;--studio-jetpack-green-70-rgb:0,91,24;--studio-jetpack-green-80-rgb:0,69,21;--studio-jetpack-green-90-rgb:0,48,16;--studio-jetpack-green-100-rgb:0,28,9;--studio-jetpack-green-rgb:47,180,31}:root{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-pink-50);--color-accent-rgb:var(--studio-pink-50-rgb);--color-accent-dark:var(--studio-pink-70);--color-accent-dark-rgb:var(--studio-pink-70-rgb);--color-accent-light:var(--studio-pink-30);--color-accent-light-rgb:var(--studio-pink-30-rgb);--color-accent-0:var(--studio-pink-0);--color-accent-0-rgb:var(--studio-pink-0-rgb);--color-accent-5:var(--studio-pink-5);--color-accent-5-rgb:var(--studio-pink-5-rgb);--color-accent-10:var(--studio-pink-10);--color-accent-10-rgb:var(--studio-pink-10-rgb);--color-accent-20:var(--studio-pink-20);--color-accent-20-rgb:var(--studio-pink-20-rgb);--color-accent-30:var(--studio-pink-30);--color-accent-30-rgb:var(--studio-pink-30-rgb);--color-accent-40:var(--studio-pink-40);--color-accent-40-rgb:var(--studio-pink-40-rgb);--color-accent-50:var(--studio-pink-50);--color-accent-50-rgb:var(--studio-pink-50-rgb);--color-accent-60:var(--studio-pink-60);--color-accent-60-rgb:var(--studio-pink-60-rgb);--color-accent-70:var(--studio-pink-70);--color-accent-70-rgb:var(--studio-pink-70-rgb);--color-accent-80:var(--studio-pink-80);--color-accent-80-rgb:var(--studio-pink-80-rgb);--color-accent-90:var(--studio-pink-90);--color-accent-90-rgb:var(--studio-pink-90-rgb);--color-accent-100:var(--studio-pink-100);--color-accent-100-rgb:var(--studio-pink-100-rgb);--color-neutral:var(--studio-gray-50);--color-neutral-rgb:var(--studio-gray-50-rgb);--color-neutral-dark:var(--studio-gray-70);--color-neutral-dark-rgb:var(--studio-gray-70-rgb);--color-neutral-light:var(--studio-gray-30);--color-neutral-light-rgb:var(--studio-gray-30-rgb);--color-neutral-0:var(--studio-gray-0);--color-neutral-0-rgb:var(--studio-gray-0-rgb);--color-neutral-5:var(--studio-gray-5);--color-neutral-5-rgb:var(--studio-gray-5-rgb);--color-neutral-10:var(--studio-gray-10);--color-neutral-10-rgb:var(--studio-gray-10-rgb);--color-neutral-20:var(--studio-gray-20);--color-neutral-20-rgb:var(--studio-gray-20-rgb);--color-neutral-30:var(--studio-gray-30);--color-neutral-30-rgb:var(--studio-gray-30-rgb);--color-neutral-40:var(--studio-gray-40);--color-neutral-40-rgb:var(--studio-gray-40-rgb);--color-neutral-50:var(--studio-gray-50);--color-neutral-50-rgb:var(--studio-gray-50-rgb);--color-neutral-60:var(--studio-gray-60);--color-neutral-60-rgb:var(--studio-gray-60-rgb);--color-neutral-70:var(--studio-gray-70);--color-neutral-70-rgb:var(--studio-gray-70-rgb);--color-neutral-80:var(--studio-gray-80);--color-neutral-80-rgb:var(--studio-gray-80-rgb);--color-neutral-90:var(--studio-gray-90);--color-neutral-90-rgb:var(--studio-gray-90-rgb);--color-neutral-100:var(--studio-gray-100);--color-neutral-100-rgb:var(--studio-gray-100-rgb);--color-success:var(--studio-green-50);--color-success-rgb:var(--studio-green-50-rgb);--color-success-dark:var(--studio-green-70);--color-success-dark-rgb:var(--studio-green-70-rgb);--color-success-light:var(--studio-green-30);--color-success-light-rgb:var(--studio-green-30-rgb);--color-success-0:var(--studio-green-0);--color-success-0-rgb:var(--studio-green-0-rgb);--color-success-5:var(--studio-green-5);--color-success-5-rgb:var(--studio-green-5-rgb);--color-success-10:var(--studio-green-10);--color-success-10-rgb:var(--studio-green-10-rgb);--color-success-20:var(--studio-green-20);--color-success-20-rgb:var(--studio-green-20-rgb);--color-success-30:var(--studio-green-30);--color-success-30-rgb:var(--studio-green-30-rgb);--color-success-40:var(--studio-green-40);--color-success-40-rgb:var(--studio-green-40-rgb);--color-success-50:var(--studio-green-50);--color-success-50-rgb:var(--studio-green-50-rgb);--color-success-60:var(--studio-green-60);--color-success-60-rgb:var(--studio-green-60-rgb);--color-success-70:var(--studio-green-70);--color-success-70-rgb:var(--studio-green-70-rgb);--color-success-80:var(--studio-green-80);--color-success-80-rgb:var(--studio-green-80-rgb);--color-success-90:var(--studio-green-90);--color-success-90-rgb:var(--studio-green-90-rgb);--color-success-100:var(--studio-green-100);--color-success-100-rgb:var(--studio-green-100-rgb);--color-warning:var(--studio-yellow-50);--color-warning-rgb:var(--studio-yellow-50-rgb);--color-warning-dark:var(--studio-yellow-70);--color-warning-dark-rgb:var(--studio-yellow-70-rgb);--color-warning-light:var(--studio-yellow-30);--color-warning-light-rgb:var(--studio-yellow-30-rgb);--color-warning-0:var(--studio-yellow-0);--color-warning-0-rgb:var(--studio-yellow-0-rgb);--color-warning-5:var(--studio-yellow-5);--color-warning-5-rgb:var(--studio-yellow-5-rgb);--color-warning-10:var(--studio-yellow-10);--color-warning-10-rgb:var(--studio-yellow-10-rgb);--color-warning-20:var(--studio-yellow-20);--color-warning-20-rgb:var(--studio-yellow-20-rgb);--color-warning-30:var(--studio-yellow-30);--color-warning-30-rgb:var(--studio-yellow-30-rgb);--color-warning-40:var(--studio-yellow-40);--color-warning-40-rgb:var(--studio-yellow-40-rgb);--color-warning-50:var(--studio-yellow-50);--color-warning-50-rgb:var(--studio-yellow-50-rgb);--color-warning-60:var(--studio-yellow-60);--color-warning-60-rgb:var(--studio-yellow-60-rgb);--color-warning-70:var(--studio-yellow-70);--color-warning-70-rgb:var(--studio-yellow-70-rgb);--color-warning-80:var(--studio-yellow-80);--color-warning-80-rgb:var(--studio-yellow-80-rgb);--color-warning-90:var(--studio-yellow-90);--color-warning-90-rgb:var(--studio-yellow-90-rgb);--color-warning-100:var(--studio-yellow-100);--color-warning-100-rgb:var(--studio-yellow-100-rgb);--color-error:var(--studio-red-50);--color-error-rgb:var(--studio-red-50-rgb);--color-error-dark:var(--studio-red-70);--color-error-dark-rgb:var(--studio-red-70-rgb);--color-error-light:var(--studio-red-30);--color-error-light-rgb:var(--studio-red-30-rgb);--color-error-0:var(--studio-red-0);--color-error-0-rgb:var(--studio-red-0-rgb);--color-error-5:var(--studio-red-5);--color-error-5-rgb:var(--studio-red-5-rgb);--color-error-10:var(--studio-red-10);--color-error-10-rgb:var(--studio-red-10-rgb);--color-error-20:var(--studio-red-20);--color-error-20-rgb:var(--studio-red-20-rgb);--color-error-30:var(--studio-red-30);--color-error-30-rgb:var(--studio-red-30-rgb);--color-error-40:var(--studio-red-40);--color-error-40-rgb:var(--studio-red-40-rgb);--color-error-50:var(--studio-red-50);--color-error-50-rgb:var(--studio-red-50-rgb);--color-error-60:var(--studio-red-60);--color-error-60-rgb:var(--studio-red-60-rgb);--color-error-70:var(--studio-red-70);--color-error-70-rgb:var(--studio-red-70-rgb);--color-error-80:var(--studio-red-80);--color-error-80-rgb:var(--studio-red-80-rgb);--color-error-90:var(--studio-red-90);--color-error-90-rgb:var(--studio-red-90-rgb);--color-error-100:var(--studio-red-100);--color-error-100-rgb:var(--studio-red-100-rgb);--color-surface:var(--studio-white);--color-surface-rgb:var(--studio-white-rgb);--color-surface-backdrop:var(--studio-gray-0);--color-surface-backdrop-rgb:var(--studio-gray-0-rgb);--color-text:var(--studio-gray-80);--color-text-rgb:var(--studio-gray-80-rgb);--color-text-subtle:var(--studio-gray-50);--color-text-subtle-rgb:var(--studio-gray-50-rgb);--color-text-inverted:var(--studio-white);--color-text-inverted-rgb:var(--studio-white-rgb);--color-border:var(--color-neutral-20);--color-border-rgb:var(--color-neutral-20-rgb);--color-border-subtle:var(--color-neutral-5);--color-border-subtle-rgb:var(--color-neutral-5-rgb);--color-border-shadow:var(--color-neutral-0);--color-border-shadow-rgb:var(--color-neutral-0-rgb);--color-border-inverted:var(--studio-white);--color-border-inverted-rgb:var(--studio-white-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-plan-free:var(--studio-gray-30);--color-plan-blogger:var(--studio-celadon-30);--color-plan-personal:var(--studio-blue-30);--color-plan-premium:var(--studio-yellow-30);--color-plan-business:var(--studio-orange-30);--color-plan-ecommerce:var(--studio-purple-30);--color-jetpack-plan-free:var(--studio-blue-30);--color-jetpack-plan-personal:var(--studio-yellow-30);--color-jetpack-plan-premium:var(--studio-jetpack-green-30);--color-jetpack-plan-professional:var(--studio-purple-30);--color-masterbar-background:var(--studio-blue-60);--color-masterbar-border:var(--studio-blue-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-70);--color-masterbar-item-active-background:var(--studio-blue-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-blue-5);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-5-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-70);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-jetpack-onboarding-text:var(--studio-white);--color-jetpack-onboarding-text-rgb:var(--studio-white-rgb);--color-jetpack-onboarding-background:var(--studio-blue-100);--color-jetpack-onboarding-background-rgb:var(--studio-blue-100-rgb);--color-automattic:var(--studio-blue-40);--color-jetpack:var(--studio-jetpack-green);--color-simplenote:var(--studio-simplenote-blue);--color-woocommerce:var(--studio-woocommerce-purple);--color-wordpress-com:var(--studio-wordpress-blue);--color-wordpress-org:#585c60;--color-blogger:#ff5722;--color-eventbrite:#ff8000;--color-facebook:#39579a;--color-godaddy:#5ea95a;--color-google-plus:#df4a32;--color-instagram:#d93174;--color-linkedin:#0976b4;--color-medium:#12100e;--color-pinterest:#cc2127;--color-pocket:#ee4256;--color-print:#f8f8f8;--color-reddit:#5f99cf;--color-skype:#00aff0;--color-stumbleupon:#eb4924;--color-squarespace:#222;--color-telegram:#08c;--color-tumblr:#35465c;--color-twitter:#55acee;--color-whatsapp:#43d854;--color-wix:#faad4d;--color-email:var(--studio-gray-0);--color-podcasting:#9b4dd5;--color-wp-admin-button-background:#008ec2;--color-wp-admin-button-border:#006799}.color-scheme.is-classic-blue{--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-text-alternative:var(--studio-gray-50);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-50)}.color-scheme.is-contrast{--color-primary:var(--studio-gray-80);--color-primary-rgb:var(--studio-gray-80-rgb);--color-primary-dark:var(--studio-gray-100);--color-primary-dark-rgb:var(--studio-gray-100-rgb);--color-primary-light:var(--studio-gray-60);--color-primary-light-rgb:var(--studio-gray-60-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-70);--color-accent-rgb:var(--studio-blue-70-rgb);--color-accent-dark:var(--studio-blue-90);--color-accent-dark-rgb:var(--studio-blue-90-rgb);--color-accent-light:var(--studio-blue-50);--color-accent-light-rgb:var(--studio-blue-50-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-surface-backdrop:var(--studio-white);--color-surface-backdrop-rgb:var(--studio-white-rgb);--color-text:var(--studio-gray-100);--color-text-rgb:var(--studio-gray-100-rgb);--color-text-subtle:var(--studio-gray-70);--color-text-subtle-rgb:var(--studio-gray-70-rgb);--color-link:var(--studio-blue-70);--color-link-rgb:var(--studio-blue-70-rgb);--color-link-dark:var(--studio-blue-100);--color-link-dark-rgb:var(--studio-blue-100-rgb);--color-link-light:var(--studio-blue-50);--color-link-light-rgb:var(--studio-blue-50-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-60);--color-masterbar-item-new-editor-background:var(--studio-gray-70);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-90);--color-masterbar-unread-dot-background:var(--studio-yellow-20);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-70);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--color-surface);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-90);--color-sidebar-text-rgb:var(--studio-gray-90-rgb);--color-sidebar-text-alternative:var(--studio-gray-90);--color-sidebar-gridicon-fill:var(--studio-gray-90);--color-sidebar-menu-selected-background:var(--studio-gray-100);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-60);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-midnight{--color-primary:var(--studio-gray-70);--color-primary-rgb:var(--studio-gray-70-rgb);--color-primary-dark:var(--studio-gray-80);--color-primary-dark-rgb:var(--studio-gray-80-rgb);--color-primary-light:var(--studio-gray-50);--color-primary-light-rgb:var(--studio-gray-50-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-red-60);--color-link-rgb:var(--studio-red-60-rgb);--color-link-dark:var(--studio-red-70);--color-link-dark-rgb:var(--studio-red-70-rgb);--color-link-light:var(--studio-red-30);--color-link-light-rgb:var(--studio-red-30-rgb);--color-link-0:var(--studio-red-0);--color-link-0-rgb:var(--studio-red-0-rgb);--color-link-5:var(--studio-red-5);--color-link-5-rgb:var(--studio-red-5-rgb);--color-link-10:var(--studio-red-10);--color-link-10-rgb:var(--studio-red-10-rgb);--color-link-20:var(--studio-red-20);--color-link-20-rgb:var(--studio-red-20-rgb);--color-link-30:var(--studio-red-30);--color-link-30-rgb:var(--studio-red-30-rgb);--color-link-40:var(--studio-red-40);--color-link-40-rgb:var(--studio-red-40-rgb);--color-link-50:var(--studio-red-50);--color-link-50-rgb:var(--studio-red-50-rgb);--color-link-60:var(--studio-red-60);--color-link-60-rgb:var(--studio-red-60-rgb);--color-link-70:var(--studio-red-70);--color-link-70-rgb:var(--studio-red-70-rgb);--color-link-80:var(--studio-red-80);--color-link-80-rgb:var(--studio-red-80-rgb);--color-link-90:var(--studio-red-90);--color-link-90-rgb:var(--studio-red-90-rgb);--color-link-100:var(--studio-red-100);--color-link-100-rgb:var(--studio-red-100-rgb);--color-masterbar-background:var(--studio-gray-70);--color-masterbar-border:var(--studio-gray-70);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-90);--color-sidebar-background-rgb:var(--studio-gray-90-rgb);--color-sidebar-border:var(--studio-gray-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-gray-20);--color-sidebar-gridicon-fill:var(--studio-gray-10);--color-sidebar-menu-selected-background:var(--studio-red-50);--color-sidebar-menu-selected-background-rgb:var(--studio-red-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-gray-80);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-nightfall{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-blue-100);--color-masterbar-border:var(--studio-blue-100);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-80);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-80);--color-sidebar-background-rgb:var(--studio-blue-80-rgb);--color-sidebar-border:var(--studio-blue-90);--color-sidebar-text:var(--studio-blue-5);--color-sidebar-text-rgb:var(--studio-blue-5-rgb);--color-sidebar-text-alternative:var(--studio-blue-20);--color-sidebar-gridicon-fill:var(--studio-blue-10);--color-sidebar-menu-selected-background:var(--studio-blue-100);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-100-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-70);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-70-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-ocean{--color-primary:var(--studio-blue-50);--color-primary-rgb:var(--studio-blue-50-rgb);--color-primary-dark:var(--studio-blue-70);--color-primary-dark-rgb:var(--studio-blue-70-rgb);--color-primary-light:var(--studio-blue-30);--color-primary-light-rgb:var(--studio-blue-30-rgb);--color-primary-0:var(--studio-blue-0);--color-primary-0-rgb:var(--studio-blue-0-rgb);--color-primary-5:var(--studio-blue-5);--color-primary-5-rgb:var(--studio-blue-5-rgb);--color-primary-10:var(--studio-blue-10);--color-primary-10-rgb:var(--studio-blue-10-rgb);--color-primary-20:var(--studio-blue-20);--color-primary-20-rgb:var(--studio-blue-20-rgb);--color-primary-30:var(--studio-blue-30);--color-primary-30-rgb:var(--studio-blue-30-rgb);--color-primary-40:var(--studio-blue-40);--color-primary-40-rgb:var(--studio-blue-40-rgb);--color-primary-50:var(--studio-blue-50);--color-primary-50-rgb:var(--studio-blue-50-rgb);--color-primary-60:var(--studio-blue-60);--color-primary-60-rgb:var(--studio-blue-60-rgb);--color-primary-70:var(--studio-blue-70);--color-primary-70-rgb:var(--studio-blue-70-rgb);--color-primary-80:var(--studio-blue-80);--color-primary-80-rgb:var(--studio-blue-80-rgb);--color-primary-90:var(--studio-blue-90);--color-primary-90-rgb:var(--studio-blue-90-rgb);--color-primary-100:var(--studio-blue-100);--color-primary-100-rgb:var(--studio-blue-100-rgb);--color-accent:var(--studio-celadon-50);--color-accent-rgb:var(--studio-celadon-50-rgb);--color-accent-dark:var(--studio-celadon-70);--color-accent-dark-rgb:var(--studio-celadon-70-rgb);--color-accent-light:var(--studio-celadon-30);--color-accent-light-rgb:var(--studio-celadon-30-rgb);--color-accent-0:var(--studio-celadon-0);--color-accent-0-rgb:var(--studio-celadon-0-rgb);--color-accent-5:var(--studio-celadon-5);--color-accent-5-rgb:var(--studio-celadon-5-rgb);--color-accent-10:var(--studio-celadon-10);--color-accent-10-rgb:var(--studio-celadon-10-rgb);--color-accent-20:var(--studio-celadon-20);--color-accent-20-rgb:var(--studio-celadon-20-rgb);--color-accent-30:var(--studio-celadon-30);--color-accent-30-rgb:var(--studio-celadon-30-rgb);--color-accent-40:var(--studio-celadon-40);--color-accent-40-rgb:var(--studio-celadon-40-rgb);--color-accent-50:var(--studio-celadon-50);--color-accent-50-rgb:var(--studio-celadon-50-rgb);--color-accent-60:var(--studio-celadon-60);--color-accent-60-rgb:var(--studio-celadon-60-rgb);--color-accent-70:var(--studio-celadon-70);--color-accent-70-rgb:var(--studio-celadon-70-rgb);--color-accent-80:var(--studio-celadon-80);--color-accent-80-rgb:var(--studio-celadon-80-rgb);--color-accent-90:var(--studio-celadon-90);--color-accent-90-rgb:var(--studio-celadon-90-rgb);--color-accent-100:var(--studio-celadon-100);--color-accent-100-rgb:var(--studio-celadon-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-blue-80);--color-masterbar-border:var(--studio-blue-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-blue-90);--color-masterbar-item-active-background:var(--studio-blue-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-blue-60);--color-sidebar-background-rgb:var(--studio-blue-60-rgb);--color-sidebar-border:var(--studio-blue-70);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-blue-5);--color-sidebar-gridicon-fill:var(--studio-blue-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-blue-90);--color-sidebar-menu-selected-text-rgb:var(--studio-blue-90-rgb);--color-sidebar-menu-hover-background:var(--studio-blue-50);--color-sidebar-menu-hover-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-powder-snow{--color-primary:var(--studio-gray-90);--color-primary-rgb:var(--studio-gray-90-rgb);--color-primary-dark:var(--studio-gray-70);--color-primary-dark-rgb:var(--studio-gray-70-rgb);--color-primary-light:var(--studio-gray-30);--color-primary-light-rgb:var(--studio-gray-30-rgb);--color-primary-0:var(--studio-gray-0);--color-primary-0-rgb:var(--studio-gray-0-rgb);--color-primary-5:var(--studio-gray-5);--color-primary-5-rgb:var(--studio-gray-5-rgb);--color-primary-10:var(--studio-gray-10);--color-primary-10-rgb:var(--studio-gray-10-rgb);--color-primary-20:var(--studio-gray-20);--color-primary-20-rgb:var(--studio-gray-20-rgb);--color-primary-30:var(--studio-gray-30);--color-primary-30-rgb:var(--studio-gray-30-rgb);--color-primary-40:var(--studio-gray-40);--color-primary-40-rgb:var(--studio-gray-40-rgb);--color-primary-50:var(--studio-gray-50);--color-primary-50-rgb:var(--studio-gray-50-rgb);--color-primary-60:var(--studio-gray-60);--color-primary-60-rgb:var(--studio-gray-60-rgb);--color-primary-70:var(--studio-gray-70);--color-primary-70-rgb:var(--studio-gray-70-rgb);--color-primary-80:var(--studio-gray-80);--color-primary-80-rgb:var(--studio-gray-80-rgb);--color-primary-90:var(--studio-gray-90);--color-primary-90-rgb:var(--studio-gray-90-rgb);--color-primary-100:var(--studio-gray-100);--color-primary-100-rgb:var(--studio-gray-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-blue-50);--color-link-rgb:var(--studio-blue-50-rgb);--color-link-dark:var(--studio-blue-70);--color-link-dark-rgb:var(--studio-blue-70-rgb);--color-link-light:var(--studio-blue-30);--color-link-light-rgb:var(--studio-blue-30-rgb);--color-link-0:var(--studio-blue-0);--color-link-0-rgb:var(--studio-blue-0-rgb);--color-link-5:var(--studio-blue-5);--color-link-5-rgb:var(--studio-blue-5-rgb);--color-link-10:var(--studio-blue-10);--color-link-10-rgb:var(--studio-blue-10-rgb);--color-link-20:var(--studio-blue-20);--color-link-20-rgb:var(--studio-blue-20-rgb);--color-link-30:var(--studio-blue-30);--color-link-30-rgb:var(--studio-blue-30-rgb);--color-link-40:var(--studio-blue-40);--color-link-40-rgb:var(--studio-blue-40-rgb);--color-link-50:var(--studio-blue-50);--color-link-50-rgb:var(--studio-blue-50-rgb);--color-link-60:var(--studio-blue-60);--color-link-60-rgb:var(--studio-blue-60-rgb);--color-link-70:var(--studio-blue-70);--color-link-70-rgb:var(--studio-blue-70-rgb);--color-link-80:var(--studio-blue-80);--color-link-80-rgb:var(--studio-blue-80-rgb);--color-link-90:var(--studio-blue-90);--color-link-90-rgb:var(--studio-blue-90-rgb);--color-link-100:var(--studio-blue-100);--color-link-100-rgb:var(--studio-blue-100-rgb);--color-masterbar-background:var(--studio-gray-100);--color-masterbar-border:var(--studio-gray-90);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-gray-80);--color-masterbar-item-active-background:var(--studio-gray-70);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-40);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-gray-5);--color-sidebar-background-rgb:var(--studio-gray-5-rgb);--color-sidebar-border:var(--studio-gray-10);--color-sidebar-text:var(--studio-gray-80);--color-sidebar-text-rgb:var(--studio-gray-80-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-50);--color-sidebar-menu-selected-background:var(--studio-gray-60);--color-sidebar-menu-selected-background-rgb:var(--studio-gray-60-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--color-surface);--color-sidebar-menu-hover-background-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-text:var(--studio-blue-60)}.color-scheme.is-sakura{--color-primary:var(--studio-celadon-50);--color-primary-rgb:var(--studio-celadon-50-rgb);--color-primary-dark:var(--studio-celadon-70);--color-primary-dark-rgb:var(--studio-celadon-70-rgb);--color-primary-light:var(--studio-celadon-30);--color-primary-light-rgb:var(--studio-celadon-30-rgb);--color-primary-0:var(--studio-celadon-0);--color-primary-0-rgb:var(--studio-celadon-0-rgb);--color-primary-5:var(--studio-celadon-5);--color-primary-5-rgb:var(--studio-celadon-5-rgb);--color-primary-10:var(--studio-celadon-10);--color-primary-10-rgb:var(--studio-celadon-10-rgb);--color-primary-20:var(--studio-celadon-20);--color-primary-20-rgb:var(--studio-celadon-20-rgb);--color-primary-30:var(--studio-celadon-30);--color-primary-30-rgb:var(--studio-celadon-30-rgb);--color-primary-40:var(--studio-celadon-40);--color-primary-40-rgb:var(--studio-celadon-40-rgb);--color-primary-50:var(--studio-celadon-50);--color-primary-50-rgb:var(--studio-celadon-50-rgb);--color-primary-60:var(--studio-celadon-60);--color-primary-60-rgb:var(--studio-celadon-60-rgb);--color-primary-70:var(--studio-celadon-70);--color-primary-70-rgb:var(--studio-celadon-70-rgb);--color-primary-80:var(--studio-celadon-80);--color-primary-80-rgb:var(--studio-celadon-80-rgb);--color-primary-90:var(--studio-celadon-90);--color-primary-90-rgb:var(--studio-celadon-90-rgb);--color-primary-100:var(--studio-celadon-100);--color-primary-100-rgb:var(--studio-celadon-100-rgb);--color-accent:var(--studio-blue-50);--color-accent-rgb:var(--studio-blue-50-rgb);--color-accent-dark:var(--studio-blue-70);--color-accent-dark-rgb:var(--studio-blue-70-rgb);--color-accent-light:var(--studio-blue-30);--color-accent-light-rgb:var(--studio-blue-30-rgb);--color-accent-0:var(--studio-blue-0);--color-accent-0-rgb:var(--studio-blue-0-rgb);--color-accent-5:var(--studio-blue-5);--color-accent-5-rgb:var(--studio-blue-5-rgb);--color-accent-10:var(--studio-blue-10);--color-accent-10-rgb:var(--studio-blue-10-rgb);--color-accent-20:var(--studio-blue-20);--color-accent-20-rgb:var(--studio-blue-20-rgb);--color-accent-30:var(--studio-blue-30);--color-accent-30-rgb:var(--studio-blue-30-rgb);--color-accent-40:var(--studio-blue-40);--color-accent-40-rgb:var(--studio-blue-40-rgb);--color-accent-50:var(--studio-blue-50);--color-accent-50-rgb:var(--studio-blue-50-rgb);--color-accent-60:var(--studio-blue-60);--color-accent-60-rgb:var(--studio-blue-60-rgb);--color-accent-70:var(--studio-blue-70);--color-accent-70-rgb:var(--studio-blue-70-rgb);--color-accent-80:var(--studio-blue-80);--color-accent-80-rgb:var(--studio-blue-80-rgb);--color-accent-90:var(--studio-blue-90);--color-accent-90-rgb:var(--studio-blue-90-rgb);--color-accent-100:var(--studio-blue-100);--color-accent-100-rgb:var(--studio-blue-100-rgb);--color-link:var(--studio-celadon-50);--color-link-rgb:var(--studio-celadon-50-rgb);--color-link-dark:var(--studio-celadon-70);--color-link-dark-rgb:var(--studio-celadon-70-rgb);--color-link-light:var(--studio-celadon-30);--color-link-light-rgb:var(--studio-celadon-30-rgb);--color-link-0:var(--studio-celadon-0);--color-link-0-rgb:var(--studio-celadon-0-rgb);--color-link-5:var(--studio-celadon-5);--color-link-5-rgb:var(--studio-celadon-5-rgb);--color-link-10:var(--studio-celadon-10);--color-link-10-rgb:var(--studio-celadon-10-rgb);--color-link-20:var(--studio-celadon-20);--color-link-20-rgb:var(--studio-celadon-20-rgb);--color-link-30:var(--studio-celadon-30);--color-link-30-rgb:var(--studio-celadon-30-rgb);--color-link-40:var(--studio-celadon-40);--color-link-40-rgb:var(--studio-celadon-40-rgb);--color-link-50:var(--studio-celadon-50);--color-link-50-rgb:var(--studio-celadon-50-rgb);--color-link-60:var(--studio-celadon-60);--color-link-60-rgb:var(--studio-celadon-60-rgb);--color-link-70:var(--studio-celadon-70);--color-link-70-rgb:var(--studio-celadon-70-rgb);--color-link-80:var(--studio-celadon-80);--color-link-80-rgb:var(--studio-celadon-80-rgb);--color-link-90:var(--studio-celadon-90);--color-link-90-rgb:var(--studio-celadon-90-rgb);--color-link-100:var(--studio-celadon-100);--color-link-100-rgb:var(--studio-celadon-100-rgb);--color-masterbar-background:var(--studio-celadon-70);--color-masterbar-border:var(--studio-celadon-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-celadon-80);--color-masterbar-item-active-background:var(--studio-celadon-90);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-pink-5);--color-sidebar-background-rgb:var(--studio-pink-5-rgb);--color-sidebar-border:var(--studio-pink-10);--color-sidebar-text:var(--studio-pink-80);--color-sidebar-text-rgb:var(--studio-pink-80-rgb);--color-sidebar-text-alternative:var(--studio-pink-60);--color-sidebar-gridicon-fill:var(--studio-pink-70);--color-sidebar-menu-selected-background:var(--studio-blue-50);--color-sidebar-menu-selected-background-rgb:var(--studio-blue-50-rgb);--color-sidebar-menu-selected-text:var(--studio-white);--color-sidebar-menu-selected-text-rgb:var(--studio-white-rgb);--color-sidebar-menu-hover-background:var(--studio-pink-10);--color-sidebar-menu-hover-background-rgb:var(--studio-pink-10-rgb);--color-sidebar-menu-hover-text:var(--studio-pink-90)}.color-scheme.is-sunset{--color-primary:var(--studio-red-50);--color-primary-rgb:var(--studio-red-50-rgb);--color-primary-dark:var(--studio-red-70);--color-primary-dark-rgb:var(--studio-red-70-rgb);--color-primary-light:var(--studio-red-30);--color-primary-light-rgb:var(--studio-red-30-rgb);--color-primary-0:var(--studio-red-0);--color-primary-0-rgb:var(--studio-red-0-rgb);--color-primary-5:var(--studio-red-5);--color-primary-5-rgb:var(--studio-red-5-rgb);--color-primary-10:var(--studio-red-10);--color-primary-10-rgb:var(--studio-red-10-rgb);--color-primary-20:var(--studio-red-20);--color-primary-20-rgb:var(--studio-red-20-rgb);--color-primary-30:var(--studio-red-30);--color-primary-30-rgb:var(--studio-red-30-rgb);--color-primary-40:var(--studio-red-40);--color-primary-40-rgb:var(--studio-red-40-rgb);--color-primary-50:var(--studio-red-50);--color-primary-50-rgb:var(--studio-red-50-rgb);--color-primary-60:var(--studio-red-60);--color-primary-60-rgb:var(--studio-red-60-rgb);--color-primary-70:var(--studio-red-70);--color-primary-70-rgb:var(--studio-red-70-rgb);--color-primary-80:var(--studio-red-80);--color-primary-80-rgb:var(--studio-red-80-rgb);--color-primary-90:var(--studio-red-90);--color-primary-90-rgb:var(--studio-red-90-rgb);--color-primary-100:var(--studio-red-100);--color-primary-100-rgb:var(--studio-red-100-rgb);--color-accent:var(--studio-orange-50);--color-accent-rgb:var(--studio-orange-50-rgb);--color-accent-dark:var(--studio-orange-70);--color-accent-dark-rgb:var(--studio-orange-70-rgb);--color-accent-light:var(--studio-orange-30);--color-accent-light-rgb:var(--studio-orange-30-rgb);--color-accent-0:var(--studio-orange-0);--color-accent-0-rgb:var(--studio-orange-0-rgb);--color-accent-5:var(--studio-orange-5);--color-accent-5-rgb:var(--studio-orange-5-rgb);--color-accent-10:var(--studio-orange-10);--color-accent-10-rgb:var(--studio-orange-10-rgb);--color-accent-20:var(--studio-orange-20);--color-accent-20-rgb:var(--studio-orange-20-rgb);--color-accent-30:var(--studio-orange-30);--color-accent-30-rgb:var(--studio-orange-30-rgb);--color-accent-40:var(--studio-orange-40);--color-accent-40-rgb:var(--studio-orange-40-rgb);--color-accent-50:var(--studio-orange-50);--color-accent-50-rgb:var(--studio-orange-50-rgb);--color-accent-60:var(--studio-orange-60);--color-accent-60-rgb:var(--studio-orange-60-rgb);--color-accent-70:var(--studio-orange-70);--color-accent-70-rgb:var(--studio-orange-70-rgb);--color-accent-80:var(--studio-orange-80);--color-accent-80-rgb:var(--studio-orange-80-rgb);--color-accent-90:var(--studio-orange-90);--color-accent-90-rgb:var(--studio-orange-90-rgb);--color-accent-100:var(--studio-orange-100);--color-accent-100-rgb:var(--studio-orange-100-rgb);--color-link:var(--studio-orange-50);--color-link-rgb:var(--studio-orange-50-rgb);--color-link-dark:var(--studio-orange-70);--color-link-dark-rgb:var(--studio-orange-70-rgb);--color-link-light:var(--studio-orange-30);--color-link-light-rgb:var(--studio-orange-30-rgb);--color-link-0:var(--studio-orange-0);--color-link-0-rgb:var(--studio-orange-0-rgb);--color-link-5:var(--studio-orange-5);--color-link-5-rgb:var(--studio-orange-5-rgb);--color-link-10:var(--studio-orange-10);--color-link-10-rgb:var(--studio-orange-10-rgb);--color-link-20:var(--studio-orange-20);--color-link-20-rgb:var(--studio-orange-20-rgb);--color-link-30:var(--studio-orange-30);--color-link-30-rgb:var(--studio-orange-30-rgb);--color-link-40:var(--studio-orange-40);--color-link-40-rgb:var(--studio-orange-40-rgb);--color-link-50:var(--studio-orange-50);--color-link-50-rgb:var(--studio-orange-50-rgb);--color-link-60:var(--studio-orange-60);--color-link-60-rgb:var(--studio-orange-60-rgb);--color-link-70:var(--studio-orange-70);--color-link-70-rgb:var(--studio-orange-70-rgb);--color-link-80:var(--studio-orange-80);--color-link-80-rgb:var(--studio-orange-80-rgb);--color-link-90:var(--studio-orange-90);--color-link-90-rgb:var(--studio-orange-90-rgb);--color-link-100:var(--studio-orange-100);--color-link-100-rgb:var(--studio-orange-100-rgb);--color-masterbar-background:var(--studio-red-80);--color-masterbar-border:var(--studio-red-80);--color-masterbar-text:var(--studio-white);--color-masterbar-item-hover-background:var(--studio-red-90);--color-masterbar-item-active-background:var(--studio-red-100);--color-masterbar-item-new-editor-background:var(--studio-gray-50);--color-masterbar-item-new-editor-hover-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-red-70);--color-sidebar-background-rgb:var(--studio-red-70-rgb);--color-sidebar-border:var(--studio-red-80);--color-sidebar-text:var(--studio-white);--color-sidebar-text-rgb:var(--studio-white-rgb);--color-sidebar-text-alternative:var(--studio-red-10);--color-sidebar-gridicon-fill:var(--studio-red-5);--color-sidebar-menu-selected-background:var(--studio-yellow-20);--color-sidebar-menu-selected-background-rgb:var(--studio-yellow-20-rgb);--color-sidebar-menu-selected-text:var(--studio-yellow-80);--color-sidebar-menu-selected-text-rgb:var(--studio-yellow-80-rgb);--color-sidebar-menu-hover-background:var(--studio-red-80);--color-sidebar-menu-hover-background-rgb:var(--studio-red-80-rgb);--color-sidebar-menu-hover-text:var(--studio-white)}.color-scheme.is-jetpack-cloud,.theme-jetpack-cloud{--color-primary:var(--studio-jetpack-green);--color-primary-rgb:var(--studio-jetpack-green-rgb);--color-primary-dark:var(--studio-jetpack-green-70);--color-primary-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-light:var(--studio-jetpack-green-30);--color-primary-light-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-0:var(--studio-jetpack-green-0);--color-primary-0-rgb:var(--studio-jetpack-green-0-rgb);--color-primary-5:var(--studio-jetpack-green-5);--color-primary-5-rgb:var(--studio-jetpack-green-5-rgb);--color-primary-10:var(--studio-jetpack-green-10);--color-primary-10-rgb:var(--studio-jetpack-green-10-rgb);--color-primary-20:var(--studio-jetpack-green-20);--color-primary-20-rgb:var(--studio-jetpack-green-20-rgb);--color-primary-30:var(--studio-jetpack-green-30);--color-primary-30-rgb:var(--studio-jetpack-green-30-rgb);--color-primary-40:var(--studio-jetpack-green-40);--color-primary-40-rgb:var(--studio-jetpack-green-40-rgb);--color-primary-50:var(--studio-jetpack-green-50);--color-primary-50-rgb:var(--studio-jetpack-green-50-rgb);--color-primary-60:var(--studio-jetpack-green-60);--color-primary-60-rgb:var(--studio-jetpack-green-60-rgb);--color-primary-70:var(--studio-jetpack-green-70);--color-primary-70-rgb:var(--studio-jetpack-green-70-rgb);--color-primary-80:var(--studio-jetpack-green-80);--color-primary-80-rgb:var(--studio-jetpack-green-80-rgb);--color-primary-90:var(--studio-jetpack-green-90);--color-primary-90-rgb:var(--studio-jetpack-green-90-rgb);--color-primary-100:var(--studio-jetpack-green-100);--color-primary-100-rgb:var(--studio-jetpack-green-100-rgb);--color-accent:var(--studio-jetpack-green);--color-accent-rgb:var(--studio-jetpack-green-rgb);--color-accent-dark:var(--studio-jetpack-green-70);--color-accent-dark-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-light:var(--studio-jetpack-green-30);--color-accent-light-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-0:var(--studio-jetpack-green-0);--color-accent-0-rgb:var(--studio-jetpack-green-0-rgb);--color-accent-5:var(--studio-jetpack-green-5);--color-accent-5-rgb:var(--studio-jetpack-green-5-rgb);--color-accent-10:var(--studio-jetpack-green-10);--color-accent-10-rgb:var(--studio-jetpack-green-10-rgb);--color-accent-20:var(--studio-jetpack-green-20);--color-accent-20-rgb:var(--studio-jetpack-green-20-rgb);--color-accent-30:var(--studio-jetpack-green-30);--color-accent-30-rgb:var(--studio-jetpack-green-30-rgb);--color-accent-40:var(--studio-jetpack-green-40);--color-accent-40-rgb:var(--studio-jetpack-green-40-rgb);--color-accent-50:var(--studio-jetpack-green-50);--color-accent-50-rgb:var(--studio-jetpack-green-50-rgb);--color-accent-60:var(--studio-jetpack-green-60);--color-accent-60-rgb:var(--studio-jetpack-green-60-rgb);--color-accent-70:var(--studio-jetpack-green-70);--color-accent-70-rgb:var(--studio-jetpack-green-70-rgb);--color-accent-80:var(--studio-jetpack-green-80);--color-accent-80-rgb:var(--studio-jetpack-green-80-rgb);--color-accent-90:var(--studio-jetpack-green-90);--color-accent-90-rgb:var(--studio-jetpack-green-90-rgb);--color-accent-100:var(--studio-jetpack-green-100);--color-accent-100-rgb:var(--studio-jetpack-green-100-rgb);--color-link:var(--studio-jetpack-green-40);--color-link-rgb:var(--studio-jetpack-green-40-rgb);--color-link-dark:var(--studio-jetpack-green-60);--color-link-dark-rgb:var(--studio-jetpack-green-60-rgb);--color-link-light:var(--studio-jetpack-green-20);--color-link-light-rgb:var(--studio-jetpack-green-20-rgb);--color-link-0:var(--studio-jetpack-green-0);--color-link-0-rgb:var(--studio-jetpack-green-0-rgb);--color-link-5:var(--studio-jetpack-green-5);--color-link-5-rgb:var(--studio-jetpack-green-5-rgb);--color-link-10:var(--studio-jetpack-green-10);--color-link-10-rgb:var(--studio-jetpack-green-10-rgb);--color-link-20:var(--studio-jetpack-green-20);--color-link-20-rgb:var(--studio-jetpack-green-20-rgb);--color-link-30:var(--studio-jetpack-green-30);--color-link-30-rgb:var(--studio-jetpack-green-30-rgb);--color-link-40:var(--studio-jetpack-green-40);--color-link-40-rgb:var(--studio-jetpack-green-40-rgb);--color-link-50:var(--studio-jetpack-green-50);--color-link-50-rgb:var(--studio-jetpack-green-50-rgb);--color-link-60:var(--studio-jetpack-green-60);--color-link-60-rgb:var(--studio-jetpack-green-60-rgb);--color-link-70:var(--studio-jetpack-green-70);--color-link-70-rgb:var(--studio-jetpack-green-70-rgb);--color-link-80:var(--studio-jetpack-green-80);--color-link-80-rgb:var(--studio-jetpack-green-80-rgb);--color-link-90:var(--studio-jetpack-green-90);--color-link-90-rgb:var(--studio-jetpack-green-90-rgb);--color-link-100:var(--studio-jetpack-green-100);--color-link-100-rgb:var(--studio-jetpack-green-100-rgb);--color-masterbar-background:var(--studio-white);--color-masterbar-border:var(--studio-gray-5);--color-masterbar-text:var(--studio-gray-50);--color-masterbar-item-hover-background:var(--studio-white);--color-masterbar-item-active-background:var(--studio-white);--color-masterbar-item-new-editor-background:var(--studio-white);--color-masterbar-item-new-editor-hover-background:var(--studio-white);--color-masterbar-unread-dot-background:var(--color-accent-30);--color-masterbar-toggle-drafts-editor-background:var(--studio-gray-60);--color-masterbar-toggle-drafts-editor-hover-background:var(--studio-gray-40);--color-masterbar-toggle-drafts-editor-border:var(--studio-gray-10);--color-sidebar-background:var(--studio-white);--color-sidebar-background-rgb:var(--studio-white-rgb);--color-sidebar-border:var(--studio-gray-5);--color-sidebar-text:var(--studio-gray-60);--color-sidebar-text-rgb:var(--studio-gray-60-rgb);--color-sidebar-text-alternative:var(--studio-gray-60);--color-sidebar-gridicon-fill:var(--studio-gray-60);--color-sidebar-menu-selected-text:var(--studio-jetpack-green-50);--color-sidebar-menu-selected-text-rgb:var(--studio-jetpack-green-50-rgb);--color-sidebar-menu-selected-background:var(--studio-jetpack-green-5);--color-sidebar-menu-selected-background-rgb:var(--studio-jetpack-green-5-rgb);--color-sidebar-menu-hover-text:var(--studio-gray-90);--color-sidebar-menu-hover-background:var(--studio-gray-5);--color-sidebar-menu-hover-background-rgb:var(--studio-gray-5-rgb);--color-scary-0:var(--studio-red-0);--color-scary-5:var(--studio-red-5);--color-scary-40:var(--studio-red-40);--color-scary-50:var(--studio-red-50);--color-scary-60:var(--studio-red-60)}@media (max-width:480px){.domain-categories{margin-bottom:20px}.domain-categories .domain-categories__dropdown-button.components-button{display:block;margin-bottom:0}.domain-categories .domain-categories__item-group{display:none}.domain-categories.is-open .domain-categories__item-group{display:block}}.domain-categories__dropdown-button.components-button{width:100%;text-align:center;margin-bottom:8px;height:40px;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);display:none}.domain-categories__dropdown-button.components-button>*{vertical-align:middle}.domain-categories__dropdown-button.components-button svg{margin-right:5px}@media (max-width:480px){.domain-categories__item-group{text-align:center;border:1px solid #dcdcde;border:1px solid var(--studio-gray-5);margin-top:-1px}}.domain-categories__item .components-button{color:#101517;color:var(--studio-gray-100);width:100%;text-align:right}.domain-categories__item .components-button:focus,.domain-categories__item .components-button:hover{color:#101517;color:var(--studio-gray-100);box-shadow:none;font-weight:600;text-decoration:underline}.domain-categories__item.is-selected .components-button{font-weight:600;text-decoration:underline}@media (max-width:480px){.domain-categories__item .components-button{display:block;text-align:center}}html:not(.accessible-focus) .domain-categories__item .components-button:focus{box-shadow:none}.plans-grid{margin-bottom:85px}@media (min-width:600px){.plans-grid{margin-bottom:0}}.plans-grid__header{margin:44px 0 50px;display:flex;justify-content:space-between;align-items:center}@media (min-width:480px){.plans-grid__header{margin:64px 0 80px}}.plans-grid__details{margin-top:70px;margin-bottom:120px}@media (max-width:1440px){.plans-grid__details-container{overflow-x:auto;width:100vw;position:absolute;right:0;padding:0 20px}}@media (max-width:1440px) and (min-width:600px){.plans-grid__details-container{padding:0 44px}}@media (max-width:1440px) and (min-width:782px){.plans-grid__details-container{padding:0 88px}}.plans-grid__details-heading .plans-ui-title{color:var(--studio-black);margin-bottom:40px;font-size:32px;line-height:40px;letter-spacing:.2px}.plans-table{width:100%;display:flex;flex-wrap:wrap}.plan-item{display:inline-flex;min-width:250px;flex-grow:1;flex-basis:0;flex-direction:column;margin-top:30px}@media (min-width:480px){.plan-item+.plan-item{margin-right:-1px}}@media (max-width:480px){.plan-item:not(.is-popular){margin-top:-1px}.plan-item.is-open:not(.is-popular){margin-bottom:30px}}.plan-item__viewport{width:100%;height:100%;flex:1;border:1px solid #e2e4e7;padding:20px}.plan-item:not(.is-popular) .plan-item__heading{display:flex;align-items:center}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__heading{font-size:1em}}.plan-item__name{font-weight:700;font-size:18px;line-height:24px;display:inline-block}@media (max-width:480px){.plan-item__name{font-size:14px}}@media (max-width:480px){.plan-item:not(.is-popular) .plan-item__name{font-weight:400}}.plan-item__domain-name{font-size:.875rem}.plan-item__mobile-expand-all-plans.components-button.is-link{margin:20px auto;color:#555d66}.plan-item__badge{position:relative;display:block;background:#000;text-align:center;text-transform:uppercase;color:#fff;padding:4.5px;font-size:.75rem;margin:-24px 0 0}.plan-item__price-amount{font-weight:600;font-size:32px;line-height:24px}.plan-item__price-amount.is-loading{max-width:60px;animation:loading-fade 1.6s ease-in-out infinite;background:var(--color-neutral-5);color:transparent}.plan-item__price-amount.is-loading:after{content:"\00a0"}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__price-amount{font-weight:400;font-size:1em}}.plan-item__summary{width:100%}.plan-item__summary::-webkit-details-marker{display:none}@media (min-width:480px){.plan-item.is-popular .plan-item__summary,.plan-item__summary{pointer-events:none}}@media (max-width:480px){.plan-item:not(.is-open) .plan-item__summary{display:flex}}.plan-item__price-note{font-size:12px;line-height:19px;letter-spacing:-.4px;color:var(--studio-gray-40);margin-top:8px;margin-bottom:10px}.plan-item__details .plan-item__summary .plan-item__price{margin-top:16px;margin-bottom:8px}.plan-item:not(.is-open) .plan-item__summary .plan-item__price{margin-top:0;margin-bottom:0;margin-right:10px;color:#555d66}.plan-item__actions{margin-bottom:16px}.plan-item__dropdown-chevron{flex:1;text-align:left}.plan-item.is-open .plan-item__dropdown-chevron{display:none}.plan-item__domain-summary{font-size:.875rem;line-height:22px;margin-top:10px}.plan-item__domain-summary.components-button.is-link{text-decoration:none;font-size:14px;color:var(--studio-blue-40);display:flex;align-items:flex-start}.plan-item__domain-summary svg:first-child{margin-left:5px;vertical-align:middle;margin-top:4px;flex:none}.plan-item__domain-summary svg:first-child path{fill:#4aa150;stroke:#4aa150}@media (max-width:480px){.plan-item.is-popular{order:-3}}.plan-item__domain-summary.is-picked{font-weight:700}.plan-item__domain-summary.is-cta{font-weight:700;padding:0}.plan-item__domain-summary.is-cta.components-button.is-link{color:var(--studio-blue-40)}.plan-item__domain-summary.is-cta svg:first-child path{fill:#4aa150;stroke:#4aa150;margin-top:5px}.plan-item__domain-summary.is-cta svg:last-child{fill:var(--studio-blue-40);stroke:var(--studio-blue-40);margin-right:8px;margin-top:8px}.plan-item__domain-summary.components-button.is-link.is-free{font-weight:700;color:#ce863d;text-decoration:line-through}.plan-item__domain-summary.components-button.is-link.is-free svg path{fill:#ce863d;stroke:#ce863d}.plan-item__select-button.components-button{padding:0 24px;height:40px}.plan-item__select-button.components-button svg{margin-right:-8px;margin-left:10px}.plan-item__domain-picker-button.components-button{font-size:.875rem;line-height:19px;letter-spacing:.2px;word-break:break-word}.plan-item__domain-picker-button.components-button.has-domain{color:var(--studio-gray-50);text-decoration:none}.plan-item__domain-picker-button.components-button svg{margin-right:2px}.plan-item__feature-item{font-size:.875rem;line-height:20px;letter-spacing:.2px;margin:4px 0;vertical-align:middle;color:#555d66;display:flex;align-items:flex-start}.plan-item__feature-item svg{display:block;margin-left:6px;margin-top:2px}.plan-item__feature-item svg path{fill:#4aa150;stroke:#4aa150}.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:32px;line-height:40px;color:var(--studio-gray-100)}@media (min-width:480px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:36px;line-height:40px}}@media (min-width:1080px){.plans-ui-title{font-family:Recoleta,Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:-.4px;font-size:42px;line-height:57px}}.plans-details__table{width:100%}.plans-details__table td,.plans-details__table th{padding:13px 24px}.plans-details__table td:first-child,.plans-details__table th:first-child{padding-right:0;width:20%}@media (min-width:480px){.plans-details__table td:first-child,.plans-details__table th:first-child{width:40%}}.plans-details__table td:not(:first-child),.plans-details__table th:not(:first-child){white-space:nowrap}.plans-details__table .hidden{display:none}.plans-details__header-row th{font-weight:600;font-size:.875rem;line-height:20px;text-transform:uppercase;color:var(--studio-gray-20);padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eaeaeb}.plans-details__feature-row td,.plans-details__feature-row th{font-size:.875rem;line-height:17px;letter-spacing:.2px;border-bottom:1px solid #eaeaeb;vertical-align:middle}
|
editor-site-launch/index.php
ADDED
@@ -0,0 +1,50 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
/**
|
3 |
+
* File for various functionality which needs to be added to Simple and Atomic
|
4 |
+
* sites. The code in this file is always loaded in the block editor.
|
5 |
+
*
|
6 |
+
* Currently, this module may not be the best place if you need to load
|
7 |
+
* front-end assets, but you could always add a separate action for that.
|
8 |
+
*
|
9 |
+
* @package A8C\FSE
|
10 |
+
*/
|
11 |
+
|
12 |
+
namespace A8C\FSE\EditorSiteLaunch;
|
13 |
+
|
14 |
+
/**
|
15 |
+
* Enqueue assets
|
16 |
+
*/
|
17 |
+
function enqueue_script_and_style() {
|
18 |
+
|
19 |
+
// @TODO: Remove this block to enable in production
|
20 |
+
// Constant to disable the feature for development.
|
21 |
+
if ( ! ( defined( 'A8C_FSE_SITE_LAUNCH_ENABLE' ) && A8C_FSE_SITE_LAUNCH_ENABLE ) ) {
|
22 |
+
return;
|
23 |
+
}
|
24 |
+
|
25 |
+
// Avoid loading assets if possible.
|
26 |
+
if ( ! \A8C\FSE\Common\is_block_editor_screen() ) {
|
27 |
+
return;
|
28 |
+
}
|
29 |
+
|
30 |
+
$asset_file = include plugin_dir_path( __FILE__ ) . 'dist/editor-site-launch.asset.php';
|
31 |
+
$script_dependencies = isset( $asset_file['dependences'] ) ? $asset_file['dependencies'] : array();
|
32 |
+
$script_version = isset( $asset_file['version'] ) ? $asset_file['version'] : filemtime( plugin_dir_path( __FILE__ ) . 'dist/editor-site-launch.js' );
|
33 |
+
$style_version = isset( $asset_file['version'] ) ? $asset_file['version'] : filemtime( plugin_dir_path( __FILE__ ) . 'dist/editor-site-launch.css' );
|
34 |
+
|
35 |
+
wp_enqueue_script(
|
36 |
+
'a8c-fse-editor-site-launch-script',
|
37 |
+
plugins_url( 'dist/editor-site-launch.js', __FILE__ ),
|
38 |
+
$script_dependencies,
|
39 |
+
$script_version,
|
40 |
+
true
|
41 |
+
);
|
42 |
+
|
43 |
+
wp_enqueue_style(
|
44 |
+
'a8c-fse-editor-site-launch-style',
|
45 |
+
plugins_url( 'dist/editor-site-launch.css', __FILE__ ),
|
46 |
+
array(),
|
47 |
+
$style_version
|
48 |
+
);
|
49 |
+
}
|
50 |
+
add_action( 'enqueue_block_editor_assets', __NAMESPACE__ . '\enqueue_script_and_style' );
|
editor-site-launch/index.ts
ADDED
@@ -0,0 +1,22 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import * as ReactDOM from 'react-dom';
|
6 |
+
|
7 |
+
import 'a8c-fse-common-data-stores';
|
8 |
+
|
9 |
+
import LaunchButton from './src/launch-button';
|
10 |
+
|
11 |
+
const awaitSettingsBar = setInterval( () => {
|
12 |
+
const settingsBar = document.querySelector( '.edit-post-header__settings' );
|
13 |
+
if ( ! settingsBar ) {
|
14 |
+
return;
|
15 |
+
}
|
16 |
+
clearInterval( awaitSettingsBar );
|
17 |
+
|
18 |
+
const launchButtonContainer = document.createElement( 'div' );
|
19 |
+
settingsBar.prepend( launchButtonContainer );
|
20 |
+
|
21 |
+
ReactDOM.render( React.createElement( LaunchButton ), launchButtonContainer );
|
22 |
+
} );
|
editor-site-launch/src/launch-button/index.tsx
ADDED
@@ -0,0 +1,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import { Button } from '@wordpress/components';
|
6 |
+
import { __ } from '@wordpress/i18n';
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Internal dependencies
|
10 |
+
*/
|
11 |
+
import LaunchModal from '../launch-modal';
|
12 |
+
import './styles.scss';
|
13 |
+
|
14 |
+
const LaunchButton: React.FunctionComponent = () => {
|
15 |
+
const [ isLaunchModalVisible, setLaunchModalVisibility ] = React.useState( false );
|
16 |
+
|
17 |
+
const handleClick = () => {
|
18 |
+
setLaunchModalVisibility( ! isLaunchModalVisible );
|
19 |
+
};
|
20 |
+
|
21 |
+
const handleModalClose = () => {
|
22 |
+
setLaunchModalVisibility( false );
|
23 |
+
};
|
24 |
+
|
25 |
+
return (
|
26 |
+
<>
|
27 |
+
<Button
|
28 |
+
aria-expanded={ isLaunchModalVisible }
|
29 |
+
aria-pressed={ isLaunchModalVisible }
|
30 |
+
aria-haspopup="menu"
|
31 |
+
onClick={ handleClick }
|
32 |
+
>
|
33 |
+
{ __( 'Launch site', 'full-site-editing' ) }
|
34 |
+
</Button>
|
35 |
+
{ isLaunchModalVisible && <LaunchModal onClose={ handleModalClose } /> }
|
36 |
+
</>
|
37 |
+
);
|
38 |
+
};
|
39 |
+
|
40 |
+
export default LaunchButton;
|
editor-site-launch/src/launch-modal/index.tsx
ADDED
@@ -0,0 +1,44 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import { Modal } from '@wordpress/components';
|
6 |
+
|
7 |
+
/**
|
8 |
+
* Internal dependencies
|
9 |
+
*/
|
10 |
+
import './styles.scss';
|
11 |
+
import { __ } from '@wordpress/i18n';
|
12 |
+
|
13 |
+
/**
|
14 |
+
* Internal dependencies
|
15 |
+
*/
|
16 |
+
import Launch, { LaunchStepType } from '../launch';
|
17 |
+
|
18 |
+
interface Props {
|
19 |
+
onClose?: () => void;
|
20 |
+
step?: LaunchStepType;
|
21 |
+
}
|
22 |
+
|
23 |
+
const LaunchModal: React.FunctionComponent< Props > = ( { onClose, step } ) => {
|
24 |
+
const handleClose = () => {
|
25 |
+
onClose?.();
|
26 |
+
};
|
27 |
+
|
28 |
+
return (
|
29 |
+
<Modal
|
30 |
+
className="nux-launch-modal"
|
31 |
+
overlayClassName="nux-launch-modal-overlay"
|
32 |
+
bodyOpenClassName="has-nux-launch-modal"
|
33 |
+
onRequestClose={ handleClose }
|
34 |
+
title={ __(
|
35 |
+
"You're almost there! Review a few things before launching your site!",
|
36 |
+
'full-site-editing'
|
37 |
+
) }
|
38 |
+
>
|
39 |
+
<Launch step={ step }></Launch>
|
40 |
+
</Modal>
|
41 |
+
);
|
42 |
+
};
|
43 |
+
|
44 |
+
export default LaunchModal;
|
editor-site-launch/src/launch-modal/styles.scss
ADDED
@@ -0,0 +1,31 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.nux-launch-modal-overlay {
|
2 |
+
&.components-modal__screen-overlay {
|
3 |
+
background: none;
|
4 |
+
width: 100%;
|
5 |
+
height: 100%;
|
6 |
+
}
|
7 |
+
}
|
8 |
+
|
9 |
+
.nux-launch-modal {
|
10 |
+
&.components-modal__frame {
|
11 |
+
width: 100%;
|
12 |
+
height: 100%;
|
13 |
+
top: 0;
|
14 |
+
left: 0;
|
15 |
+
min-width: unset;
|
16 |
+
max-width: none;
|
17 |
+
max-height: none;
|
18 |
+
transform: none;
|
19 |
+
border: none;
|
20 |
+
box-shadow: none;
|
21 |
+
position: absolute;
|
22 |
+
}
|
23 |
+
|
24 |
+
.components-modal__header {
|
25 |
+
margin: 0;
|
26 |
+
}
|
27 |
+
|
28 |
+
.components-modal__content {
|
29 |
+
padding: 0;
|
30 |
+
}
|
31 |
+
}
|
editor-site-launch/src/launch-step/index.tsx
ADDED
@@ -0,0 +1,22 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import classnames from 'classnames';
|
6 |
+
|
7 |
+
/**
|
8 |
+
* Internal dependencies
|
9 |
+
*/
|
10 |
+
import './styles.scss';
|
11 |
+
|
12 |
+
export interface Props {
|
13 |
+
className?: string;
|
14 |
+
onPrevStep?: () => void;
|
15 |
+
onNextStep?: () => void;
|
16 |
+
}
|
17 |
+
|
18 |
+
const LaunchStep: React.FunctionComponent< Props > = ( { className, children } ) => {
|
19 |
+
return <div className={ classnames( 'nux-launch-step', className ) }>{ children }</div>;
|
20 |
+
};
|
21 |
+
|
22 |
+
export default LaunchStep;
|
editor-site-launch/src/launch-step/styles.scss
ADDED
@@ -0,0 +1,20 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@import '~@automattic/typography/sass/fonts';
|
2 |
+
|
3 |
+
.nux-launch-step {
|
4 |
+
// TODO: container padding/margin with mobile breakpoints goes here.
|
5 |
+
padding: 88px;
|
6 |
+
}
|
7 |
+
|
8 |
+
.nux-launch-step__header {
|
9 |
+
display: flex;
|
10 |
+
align-items: baseline;
|
11 |
+
}
|
12 |
+
|
13 |
+
.nux-launch-step__heading {
|
14 |
+
flex-grow: 1;
|
15 |
+
|
16 |
+
h1 {
|
17 |
+
@extend .wp-brand-font;
|
18 |
+
font-size: 42px;
|
19 |
+
}
|
20 |
+
}
|
editor-site-launch/src/launch-steps/domain-step/index.tsx
ADDED
@@ -0,0 +1,52 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import { Button } from '@wordpress/components';
|
6 |
+
import { __ } from '@wordpress/i18n';
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Internal dependencies
|
10 |
+
*/
|
11 |
+
import LaunchStep, { Props as LaunchStepProps } from '../../launch-step';
|
12 |
+
import DomainPickerFSE from '../../../../editor-domain-picker/src/domain-picker-fse';
|
13 |
+
import './styles.scss';
|
14 |
+
|
15 |
+
const DomainStep: React.FunctionComponent< LaunchStepProps > = ( { onPrevStep, onNextStep } ) => {
|
16 |
+
const handleBack = () => {
|
17 |
+
onPrevStep?.();
|
18 |
+
};
|
19 |
+
|
20 |
+
const handleContinue = () => {
|
21 |
+
onNextStep?.();
|
22 |
+
};
|
23 |
+
|
24 |
+
return (
|
25 |
+
<LaunchStep className="nux-launch-domain-step">
|
26 |
+
<div className="nux-launch-step__header">
|
27 |
+
<div className="nux-launch-step__heading">
|
28 |
+
<h1 className="nux-launch-step__title">
|
29 |
+
{ __( 'Choose a domain', 'full-site-editing' ) }
|
30 |
+
</h1>
|
31 |
+
<p className="nux-launch-step__subtitle">
|
32 |
+
{ __( 'Free for the first year with any paid plan', 'full-site-editing' ) }
|
33 |
+
</p>
|
34 |
+
</div>
|
35 |
+
<div className="nux-launch-step__actions">
|
36 |
+
<Button isTertiary onClick={ handleBack }>
|
37 |
+
{ __( 'Go back', 'full-site-editing' ) }
|
38 |
+
</Button>
|
39 |
+
<Button isPrimary onClick={ handleContinue }>
|
40 |
+
{ __( 'Continue', 'full-site-editing' ) }
|
41 |
+
</Button>
|
42 |
+
</div>
|
43 |
+
</div>
|
44 |
+
<div className="nux-launch-step__body">
|
45 |
+
{ /* TODO: When a domain is selected, it should advance to the next step */ }
|
46 |
+
<DomainPickerFSE />
|
47 |
+
</div>
|
48 |
+
</LaunchStep>
|
49 |
+
);
|
50 |
+
};
|
51 |
+
|
52 |
+
export default DomainStep;
|
editor-site-launch/src/launch-steps/plan-step/index.tsx
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import { Button } from '@wordpress/components';
|
6 |
+
import { __ } from '@wordpress/i18n';
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Internal dependencies
|
10 |
+
*/
|
11 |
+
import LaunchStep, { Props as LaunchStepProps } from '../../launch-step';
|
12 |
+
import PlansGridFSE from '../../../../editor-plans-grid/src/plans-grid-fse';
|
13 |
+
import './styles.scss';
|
14 |
+
|
15 |
+
const PlanStep: React.FunctionComponent< LaunchStepProps > = ( { onPrevStep } ) => {
|
16 |
+
const handleBack = () => {
|
17 |
+
onPrevStep && onPrevStep();
|
18 |
+
};
|
19 |
+
|
20 |
+
return (
|
21 |
+
<LaunchStep className="nux-launch-plan-step">
|
22 |
+
<div className="nux-launch-step__header">
|
23 |
+
<div className="nux-launch-step__heading">
|
24 |
+
<h1 className="nux-launch-step__title">{ __( 'Choose a plan', 'full-site-editing' ) }</h1>
|
25 |
+
<p className="nux-launch-step__subtitle">
|
26 |
+
{ __(
|
27 |
+
'Pick a plan that’s right for you. Switch plans as your needs change. There’s no risk, you can cancel for a full refund within 30 days.',
|
28 |
+
'full-site-editing'
|
29 |
+
) }
|
30 |
+
</p>
|
31 |
+
</div>
|
32 |
+
<div className="nux-launch-step__actions">
|
33 |
+
<Button isTertiary onClick={ handleBack }>
|
34 |
+
{ __( 'Go back', 'full-site-editing' ) }
|
35 |
+
</Button>
|
36 |
+
</div>
|
37 |
+
</div>
|
38 |
+
<div className="nux-launch-step__body">
|
39 |
+
<PlansGridFSE />
|
40 |
+
</div>
|
41 |
+
</LaunchStep>
|
42 |
+
);
|
43 |
+
};
|
44 |
+
|
45 |
+
export default PlanStep;
|
editor-site-launch/src/launch-steps/privacy-step/index.tsx
ADDED
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import { Button } from '@wordpress/components';
|
6 |
+
import { __ } from '@wordpress/i18n';
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Internal dependencies
|
10 |
+
*/
|
11 |
+
import LaunchStep, { Props as LaunchStepProps } from '../../launch-step';
|
12 |
+
import './styles.scss';
|
13 |
+
|
14 |
+
const PrivacyStep: React.FunctionComponent< LaunchStepProps > = ( { onNextStep } ) => {
|
15 |
+
const handleContinue = () => {
|
16 |
+
onNextStep && onNextStep();
|
17 |
+
};
|
18 |
+
|
19 |
+
return (
|
20 |
+
<LaunchStep className="nux-launch-privacy-step">
|
21 |
+
<div className="nux-launch-step__header">
|
22 |
+
<div className="nux-launch-step__heading">
|
23 |
+
<h1 className="nux-launch-step__title">{ __( 'Site privacy', 'full-site-editing' ) }</h1>
|
24 |
+
<p className="nux-launch-step__subtitle">
|
25 |
+
{ __( 'Control who is able to see your site once your launch', 'full-site-editing' ) }
|
26 |
+
</p>
|
27 |
+
</div>
|
28 |
+
<div className="nux-launch-step__actions">
|
29 |
+
<Button isPrimary onClick={ handleContinue }>
|
30 |
+
{ __( 'Continue', 'full-site-editing' ) }
|
31 |
+
</Button>
|
32 |
+
</div>
|
33 |
+
</div>
|
34 |
+
<div className="nux-launch-step__body"></div>
|
35 |
+
</LaunchStep>
|
36 |
+
);
|
37 |
+
};
|
38 |
+
|
39 |
+
export default PrivacyStep;
|
editor-site-launch/src/launch/index.tsx
ADDED
@@ -0,0 +1,71 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import * as React from 'react';
|
5 |
+
import type { ValuesType } from 'utility-types';
|
6 |
+
|
7 |
+
/**
|
8 |
+
* Internal dependencies
|
9 |
+
*/
|
10 |
+
import PrivacyStep from '../launch-steps/privacy-step';
|
11 |
+
import DomainStep from '../launch-steps/domain-step';
|
12 |
+
import PlanStep from '../launch-steps/plan-step';
|
13 |
+
import './styles.scss';
|
14 |
+
|
15 |
+
export const LaunchStep = {
|
16 |
+
Privacy: 'privacy',
|
17 |
+
Domain: 'domain',
|
18 |
+
Plan: 'plan',
|
19 |
+
};
|
20 |
+
|
21 |
+
export type LaunchStepType = ValuesType< typeof LaunchStep >;
|
22 |
+
|
23 |
+
const LaunchStepComponents = {
|
24 |
+
[ LaunchStep.Privacy ]: PrivacyStep,
|
25 |
+
[ LaunchStep.Domain ]: DomainStep,
|
26 |
+
[ LaunchStep.Plan ]: PlanStep,
|
27 |
+
};
|
28 |
+
|
29 |
+
const LaunchSequence = [ LaunchStep.Privacy, LaunchStep.Domain, LaunchStep.Plan ];
|
30 |
+
|
31 |
+
interface Props {
|
32 |
+
step?: LaunchStepType;
|
33 |
+
}
|
34 |
+
|
35 |
+
const Launch: React.FunctionComponent< Props > = ( { step = LaunchStep.Privacy } ) => {
|
36 |
+
const initialSequence = LaunchSequence.indexOf( step );
|
37 |
+
|
38 |
+
const [ currentSequence, setCurrentSequence ] = React.useState( initialSequence );
|
39 |
+
|
40 |
+
const currentStepName = LaunchSequence[ currentSequence ];
|
41 |
+
|
42 |
+
const CurrentLaunchStep = LaunchStepComponents[ currentStepName ];
|
43 |
+
|
44 |
+
const handlePrevStep = () => {
|
45 |
+
let prevSequence = currentSequence - 1;
|
46 |
+
if ( prevSequence < 0 ) {
|
47 |
+
prevSequence = 0;
|
48 |
+
}
|
49 |
+
setCurrentSequence( prevSequence );
|
50 |
+
};
|
51 |
+
|
52 |
+
const handleNextStep = () => {
|
53 |
+
let nextSequence = currentSequence + 1;
|
54 |
+
const maxSequence = LaunchSequence.length - 1;
|
55 |
+
if ( nextSequence > maxSequence ) {
|
56 |
+
nextSequence = maxSequence;
|
57 |
+
}
|
58 |
+
setCurrentSequence( nextSequence );
|
59 |
+
};
|
60 |
+
|
61 |
+
return (
|
62 |
+
<div className="nux-launch">
|
63 |
+
<CurrentLaunchStep
|
64 |
+
onPrevStep={ handlePrevStep }
|
65 |
+
onNextStep={ handleNextStep }
|
66 |
+
></CurrentLaunchStep>
|
67 |
+
</div>
|
68 |
+
);
|
69 |
+
};
|
70 |
+
|
71 |
+
export default Launch;
|
full-site-editing-plugin.php
CHANGED
@@ -2,7 +2,7 @@
|
|
2 |
/**
|
3 |
* Plugin Name: Full Site Editing
|
4 |
* Description: Enhances your page creation workflow within the Block Editor.
|
5 |
-
* Version: 1.
|
6 |
* Author: Automattic
|
7 |
* Author URI: https://automattic.com/wordpress-plugins/
|
8 |
* License: GPLv2 or later
|
@@ -35,7 +35,7 @@ namespace A8C\FSE;
|
|
35 |
*
|
36 |
* @var string
|
37 |
*/
|
38 |
-
define( 'PLUGIN_VERSION', '1.
|
39 |
|
40 |
// Always include these helper files for dotcom FSE.
|
41 |
require_once __DIR__ . '/dotcom-fse/helpers.php';
|
@@ -165,6 +165,14 @@ function load_editor_plans_grid() {
|
|
165 |
}
|
166 |
add_action( 'plugins_loaded', __NAMESPACE__ . '\load_editor_plans_grid' );
|
167 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
168 |
/**
|
169 |
* Sigh: load_editor_gutenboarding_launch
|
170 |
*/
|
2 |
/**
|
3 |
* Plugin Name: Full Site Editing
|
4 |
* Description: Enhances your page creation workflow within the Block Editor.
|
5 |
+
* Version: 1.12
|
6 |
* Author: Automattic
|
7 |
* Author URI: https://automattic.com/wordpress-plugins/
|
8 |
* License: GPLv2 or later
|
35 |
*
|
36 |
* @var string
|
37 |
*/
|
38 |
+
define( 'PLUGIN_VERSION', '1.12' );
|
39 |
|
40 |
// Always include these helper files for dotcom FSE.
|
41 |
require_once __DIR__ . '/dotcom-fse/helpers.php';
|
165 |
}
|
166 |
add_action( 'plugins_loaded', __NAMESPACE__ . '\load_editor_plans_grid' );
|
167 |
|
168 |
+
/**
|
169 |
+
* Sigh: load_editor_site_launch
|
170 |
+
*/
|
171 |
+
function load_editor_site_launch() {
|
172 |
+
require_once __DIR__ . '/editor-site-launch/index.php';
|
173 |
+
}
|
174 |
+
add_action( 'plugins_loaded', __NAMESPACE__ . '\load_editor_site_launch' );
|
175 |
+
|
176 |
/**
|
177 |
* Sigh: load_editor_gutenboarding_launch
|
178 |
*/
|
newspack-blocks/synced-newspack-blocks/blocks/carousel/view.php
CHANGED
@@ -55,9 +55,9 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
55 |
|
56 |
$article_query = new WP_Query( $args );
|
57 |
$counter = 0;
|
58 |
-
$article_classes =
|
59 |
'post-has-image',
|
60 |
-
|
61 |
if ( ! $is_amp ) {
|
62 |
$article_classes[] = 'swiper-slide';
|
63 |
}
|
@@ -132,7 +132,7 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
132 |
<?php
|
133 |
printf(
|
134 |
/* translators: %s: post author. */
|
135 |
-
esc_html_x( 'by %s', 'post author', '
|
136 |
'<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>'
|
137 |
);
|
138 |
?>
|
@@ -140,12 +140,12 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
140 |
<?php
|
141 |
endif;
|
142 |
|
143 |
-
|
144 |
-
|
145 |
-
|
146 |
-
|
147 |
-
|
148 |
-
|
149 |
endif;
|
150 |
?>
|
151 |
</div><!-- .entry-meta -->
|
@@ -160,7 +160,7 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
160 |
for ( $x = 0; $x < $counter; $x++ ) {
|
161 |
$aria_label = sprintf(
|
162 |
/* translators: %d: Slide number. */
|
163 |
-
__( 'Go to slide %d', '
|
164 |
absint( $x + 1 )
|
165 |
);
|
166 |
$buttons[] = sprintf(
|
@@ -178,8 +178,8 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
178 |
);
|
179 |
$carousel = sprintf(
|
180 |
'<amp-carousel width="4" height="3" layout="responsive" type="slides" data-next-button-aria-label="%1$s" data-prev-button-aria-label="%2$s" controls loop %3$s id="wp-block-newspack-carousel__amp-carousel__%4$s" on="slideChange:wp-block-newspack-carousel__amp-pagination__%4$s.toggle(index=event.index, value=true)">%5$s</amp-carousel>',
|
181 |
-
esc_attr__( 'Next Slide', '
|
182 |
-
esc_attr__( 'Previous Slide', '
|
183 |
$autoplay ? 'autoplay delay=' . esc_attr( $delay * 1000 ) : '',
|
184 |
absint( $newspack_blocks_carousel_id ),
|
185 |
$slides
|
@@ -192,8 +192,8 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
192 |
);
|
193 |
$navigation = sprintf(
|
194 |
'<button class="swiper-button swiper-button-prev" aria-label="%s"></button><button class="swiper-button swiper-button-next" aria-label="%s"></button>',
|
195 |
-
esc_attr__( 'Previous Slide', '
|
196 |
-
esc_attr__( 'Next Slide', '
|
197 |
);
|
198 |
$carousel = sprintf(
|
199 |
'<div class="swiper-container"><div class="swiper-wrapper">%s</div>%s</div>',
|
@@ -202,7 +202,7 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
202 |
);
|
203 |
$autoplay_ui = $autoplay ? newspack_blocks_carousel_block_autoplay_ui( $newspack_blocks_carousel_id ) : '';
|
204 |
}
|
205 |
-
$data_attributes =
|
206 |
|
207 |
if ( $autoplay && ! $is_amp ) {
|
208 |
$data_attributes[] = 'data-autoplay=1';
|
@@ -230,8 +230,8 @@ function newspack_blocks_render_block_carousel( $attributes ) {
|
|
230 |
function newspack_blocks_carousel_block_autoplay_ui( $block_ordinal = 0 ) {
|
231 |
return sprintf(
|
232 |
'<button aria-label="%s" class="swiper-button swiper-button-pause"></button><button aria-label="%s" class="swiper-button swiper-button-play"></button>',
|
233 |
-
esc_attr__( 'Pause Slideshow', '
|
234 |
-
esc_attr__( 'Play Slideshow', '
|
235 |
);
|
236 |
}
|
237 |
|
@@ -253,13 +253,13 @@ function newspack_blocks_carousel_block_autoplay_ui_amp( $block_ordinal = 0 ) {
|
|
253 |
);
|
254 |
$autoplay_pause = sprintf(
|
255 |
'<button aria-label="%s" class="amp-carousel-button-pause amp-carousel-button" on="tap:%s.toggleAutoplay(toggleOn=false),%s.toggleClass(class=wp-block-newspack-blocks-carousel__autoplay-playing,force=false)"></button>',
|
256 |
-
esc_attr__( 'Pause Slideshow', '
|
257 |
esc_attr( $amp_carousel_id ),
|
258 |
esc_attr( $block_id )
|
259 |
);
|
260 |
$autoplay_play = sprintf(
|
261 |
'<button aria-label="%s" class="amp-carousel-button-play amp-carousel-button" on="tap:%s.toggleAutoplay(toggleOn=true),%s.toggleClass(class=wp-block-newspack-blocks-carousel__autoplay-playing,force=true)"></button>',
|
262 |
-
esc_attr__( 'Play Slideshow', '
|
263 |
esc_attr( $amp_carousel_id ),
|
264 |
esc_attr( $block_id )
|
265 |
);
|
55 |
|
56 |
$article_query = new WP_Query( $args );
|
57 |
$counter = 0;
|
58 |
+
$article_classes = [
|
59 |
'post-has-image',
|
60 |
+
];
|
61 |
if ( ! $is_amp ) {
|
62 |
$article_classes[] = 'swiper-slide';
|
63 |
}
|
132 |
<?php
|
133 |
printf(
|
134 |
/* translators: %s: post author. */
|
135 |
+
esc_html_x( 'by %s', 'post author', 'newspack-blocks' ),
|
136 |
'<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>'
|
137 |
);
|
138 |
?>
|
140 |
<?php
|
141 |
endif;
|
142 |
|
143 |
+
if ( $attributes['showDate'] ) :
|
144 |
+
printf(
|
145 |
+
'<time class="entry-date published" datetime="%1$s">%2$s</time>',
|
146 |
+
esc_attr( get_the_date( DATE_W3C ) ),
|
147 |
+
esc_html( get_the_date() )
|
148 |
+
);
|
149 |
endif;
|
150 |
?>
|
151 |
</div><!-- .entry-meta -->
|
160 |
for ( $x = 0; $x < $counter; $x++ ) {
|
161 |
$aria_label = sprintf(
|
162 |
/* translators: %d: Slide number. */
|
163 |
+
__( 'Go to slide %d', 'newspack-blocks' ),
|
164 |
absint( $x + 1 )
|
165 |
);
|
166 |
$buttons[] = sprintf(
|
178 |
);
|
179 |
$carousel = sprintf(
|
180 |
'<amp-carousel width="4" height="3" layout="responsive" type="slides" data-next-button-aria-label="%1$s" data-prev-button-aria-label="%2$s" controls loop %3$s id="wp-block-newspack-carousel__amp-carousel__%4$s" on="slideChange:wp-block-newspack-carousel__amp-pagination__%4$s.toggle(index=event.index, value=true)">%5$s</amp-carousel>',
|
181 |
+
esc_attr__( 'Next Slide', 'newspack-blocks' ),
|
182 |
+
esc_attr__( 'Previous Slide', 'newspack-blocks' ),
|
183 |
$autoplay ? 'autoplay delay=' . esc_attr( $delay * 1000 ) : '',
|
184 |
absint( $newspack_blocks_carousel_id ),
|
185 |
$slides
|
192 |
);
|
193 |
$navigation = sprintf(
|
194 |
'<button class="swiper-button swiper-button-prev" aria-label="%s"></button><button class="swiper-button swiper-button-next" aria-label="%s"></button>',
|
195 |
+
esc_attr__( 'Previous Slide', 'newspack-blocks' ),
|
196 |
+
esc_attr__( 'Next Slide', 'newspack-blocks' )
|
197 |
);
|
198 |
$carousel = sprintf(
|
199 |
'<div class="swiper-container"><div class="swiper-wrapper">%s</div>%s</div>',
|
202 |
);
|
203 |
$autoplay_ui = $autoplay ? newspack_blocks_carousel_block_autoplay_ui( $newspack_blocks_carousel_id ) : '';
|
204 |
}
|
205 |
+
$data_attributes = [];
|
206 |
|
207 |
if ( $autoplay && ! $is_amp ) {
|
208 |
$data_attributes[] = 'data-autoplay=1';
|
230 |
function newspack_blocks_carousel_block_autoplay_ui( $block_ordinal = 0 ) {
|
231 |
return sprintf(
|
232 |
'<button aria-label="%s" class="swiper-button swiper-button-pause"></button><button aria-label="%s" class="swiper-button swiper-button-play"></button>',
|
233 |
+
esc_attr__( 'Pause Slideshow', 'newspack-blocks' ),
|
234 |
+
esc_attr__( 'Play Slideshow', 'newspack-blocks' )
|
235 |
);
|
236 |
}
|
237 |
|
253 |
);
|
254 |
$autoplay_pause = sprintf(
|
255 |
'<button aria-label="%s" class="amp-carousel-button-pause amp-carousel-button" on="tap:%s.toggleAutoplay(toggleOn=false),%s.toggleClass(class=wp-block-newspack-blocks-carousel__autoplay-playing,force=false)"></button>',
|
256 |
+
esc_attr__( 'Pause Slideshow', 'newspack-blocks' ),
|
257 |
esc_attr( $amp_carousel_id ),
|
258 |
esc_attr( $block_id )
|
259 |
);
|
260 |
$autoplay_play = sprintf(
|
261 |
'<button aria-label="%s" class="amp-carousel-button-play amp-carousel-button" on="tap:%s.toggleAutoplay(toggleOn=true),%s.toggleClass(class=wp-block-newspack-blocks-carousel__autoplay-playing,force=true)"></button>',
|
262 |
+
esc_attr__( 'Play Slideshow', 'newspack-blocks' ),
|
263 |
esc_attr( $amp_carousel_id ),
|
264 |
esc_attr( $block_id )
|
265 |
);
|
newspack-blocks/synced-newspack-blocks/blocks/homepage-articles/class-wp-rest-newspack-articles-controller.php
CHANGED
@@ -36,14 +36,14 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
36 |
register_rest_route(
|
37 |
$this->namespace,
|
38 |
'/' . $this->rest_base,
|
39 |
-
|
40 |
-
|
41 |
'methods' => WP_REST_Server::READABLE,
|
42 |
-
'callback' =>
|
43 |
'args' => $this->get_attribute_schema(),
|
44 |
'permission_callback' => '__return_true',
|
45 |
-
|
46 |
-
|
47 |
);
|
48 |
}
|
49 |
|
@@ -55,10 +55,10 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
55 |
*/
|
56 |
public function get_items( $request ) {
|
57 |
$page = $request->get_param( 'page' ) ?? 1;
|
58 |
-
$exclude_ids = $request->get_param( 'exclude_ids' ) ??
|
59 |
$next_page = $page + 1;
|
60 |
$attributes = wp_parse_args(
|
61 |
-
$request->get_params() ??
|
62 |
wp_list_pluck( $this->get_attribute_schema(), 'default' )
|
63 |
);
|
64 |
|
@@ -66,17 +66,17 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
66 |
|
67 |
$query = array_merge(
|
68 |
$article_query_args,
|
69 |
-
|
70 |
'post__not_in' => $exclude_ids,
|
71 |
-
|
72 |
);
|
73 |
|
74 |
// Run Query.
|
75 |
$article_query = new WP_Query( $query );
|
76 |
|
77 |
// Defaults.
|
78 |
-
$items =
|
79 |
-
$ids =
|
80 |
$next_url = '';
|
81 |
|
82 |
// The Loop.
|
@@ -84,9 +84,9 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
84 |
$article_query->the_post();
|
85 |
$html = Newspack_Blocks::template_inc(
|
86 |
__DIR__ . '/templates/article.php',
|
87 |
-
|
88 |
'attributes' => $attributes,
|
89 |
-
|
90 |
);
|
91 |
|
92 |
if ( $request->get_param( 'amp' ) ) {
|
@@ -106,22 +106,22 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
106 |
},
|
107 |
$attributes
|
108 |
),
|
109 |
-
|
110 |
'exclude_ids' => false,
|
111 |
'page' => $next_page,
|
112 |
'amp' => $request->get_param( 'amp' ),
|
113 |
-
|
114 |
),
|
115 |
rest_url( '/newspack-blocks/v1/articles' )
|
116 |
);
|
117 |
}
|
118 |
|
119 |
return rest_ensure_response(
|
120 |
-
|
121 |
'items' => $items,
|
122 |
'ids' => $ids,
|
123 |
'next' => $next_url,
|
124 |
-
|
125 |
);
|
126 |
}
|
127 |
|
@@ -139,15 +139,15 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
139 |
|
140 |
$this->attribute_schema = array_merge(
|
141 |
$block_json['attributes'],
|
142 |
-
|
143 |
-
'exclude_ids' =>
|
144 |
'type' => 'array',
|
145 |
-
'default' =>
|
146 |
-
'items' =>
|
147 |
'type' => 'integer',
|
148 |
-
|
149 |
-
|
150 |
-
|
151 |
);
|
152 |
}
|
153 |
return $this->attribute_schema;
|
@@ -165,9 +165,9 @@ class WP_REST_Newspack_Articles_Controller extends WP_REST_Controller {
|
|
165 |
AMP_Content_Sanitizer::sanitize_document(
|
166 |
$dom,
|
167 |
amp_get_content_sanitizers(),
|
168 |
-
|
169 |
'use_document_element' => false,
|
170 |
-
|
171 |
);
|
172 |
$xpath = new DOMXPath( $dom );
|
173 |
foreach ( iterator_to_array( $xpath->query( '//noscript | //comment()' ) ) as $node ) {
|
36 |
register_rest_route(
|
37 |
$this->namespace,
|
38 |
'/' . $this->rest_base,
|
39 |
+
[
|
40 |
+
[
|
41 |
'methods' => WP_REST_Server::READABLE,
|
42 |
+
'callback' => [ $this, 'get_items' ],
|
43 |
'args' => $this->get_attribute_schema(),
|
44 |
'permission_callback' => '__return_true',
|
45 |
+
],
|
46 |
+
]
|
47 |
);
|
48 |
}
|
49 |
|
55 |
*/
|
56 |
public function get_items( $request ) {
|
57 |
$page = $request->get_param( 'page' ) ?? 1;
|
58 |
+
$exclude_ids = $request->get_param( 'exclude_ids' ) ?? [];
|
59 |
$next_page = $page + 1;
|
60 |
$attributes = wp_parse_args(
|
61 |
+
$request->get_params() ?? [],
|
62 |
wp_list_pluck( $this->get_attribute_schema(), 'default' )
|
63 |
);
|
64 |
|
66 |
|
67 |
$query = array_merge(
|
68 |
$article_query_args,
|
69 |
+
[
|
70 |
'post__not_in' => $exclude_ids,
|
71 |
+
]
|
72 |
);
|
73 |
|
74 |
// Run Query.
|
75 |
$article_query = new WP_Query( $query );
|
76 |
|
77 |
// Defaults.
|
78 |
+
$items = [];
|
79 |
+
$ids = [];
|
80 |
$next_url = '';
|
81 |
|
82 |
// The Loop.
|
84 |
$article_query->the_post();
|
85 |
$html = Newspack_Blocks::template_inc(
|
86 |
__DIR__ . '/templates/article.php',
|
87 |
+
[
|
88 |
'attributes' => $attributes,
|
89 |
+
]
|
90 |
);
|
91 |
|
92 |
if ( $request->get_param( 'amp' ) ) {
|
106 |
},
|
107 |
$attributes
|
108 |
),
|
109 |
+
[
|
110 |
'exclude_ids' => false,
|
111 |
'page' => $next_page,
|
112 |
'amp' => $request->get_param( 'amp' ),
|
113 |
+
]
|
114 |
),
|
115 |
rest_url( '/newspack-blocks/v1/articles' )
|
116 |
);
|
117 |
}
|
118 |
|
119 |
return rest_ensure_response(
|
120 |
+
[
|
121 |
'items' => $items,
|
122 |
'ids' => $ids,
|
123 |
'next' => $next_url,
|
124 |
+
]
|
125 |
);
|
126 |
}
|
127 |
|
139 |
|
140 |
$this->attribute_schema = array_merge(
|
141 |
$block_json['attributes'],
|
142 |
+
[
|
143 |
+
'exclude_ids' => [
|
144 |
'type' => 'array',
|
145 |
+
'default' => [],
|
146 |
+
'items' => [
|
147 |
'type' => 'integer',
|
148 |
+
],
|
149 |
+
],
|
150 |
+
]
|
151 |
);
|
152 |
}
|
153 |
return $this->attribute_schema;
|
165 |
AMP_Content_Sanitizer::sanitize_document(
|
166 |
$dom,
|
167 |
amp_get_content_sanitizers(),
|
168 |
+
[
|
169 |
'use_document_element' => false,
|
170 |
+
]
|
171 |
);
|
172 |
$xpath = new DOMXPath( $dom );
|
173 |
foreach ( iterator_to_array( $xpath->query( '//noscript | //comment()' ) ) as $node ) {
|
newspack-blocks/synced-newspack-blocks/blocks/homepage-articles/view.php
CHANGED
@@ -18,7 +18,7 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
|
|
18 |
|
19 |
$article_query = new WP_Query( Newspack_Blocks::build_articles_query( $attributes ) );
|
20 |
|
21 |
-
$classes = Newspack_Blocks::block_classes( 'homepage-articles', $attributes,
|
22 |
|
23 |
if ( isset( $attributes['postLayout'] ) && 'grid' === $attributes['postLayout'] ) {
|
24 |
$classes .= ' is-grid';
|
@@ -74,10 +74,10 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
|
|
74 |
},
|
75 |
$attributes
|
76 |
),
|
77 |
-
|
78 |
'page' => 2,
|
79 |
'amp' => Newspack_Blocks::is_amp(),
|
80 |
-
|
81 |
),
|
82 |
rest_url( '/newspack-blocks/v1/articles' )
|
83 |
);
|
@@ -120,11 +120,11 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
|
|
120 |
<?php
|
121 |
echo Newspack_Blocks::template_inc(
|
122 |
__DIR__ . '/templates/articles-list.php',
|
123 |
-
|
124 |
'articles_rest_url' => $articles_rest_url,
|
125 |
'article_query' => $article_query,
|
126 |
'attributes' => $attributes,
|
127 |
-
|
128 |
);
|
129 |
?>
|
130 |
</div>
|
@@ -137,15 +137,15 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
|
|
137 |
if ( ! empty( $attributes['moreButtonText'] ) ) {
|
138 |
echo esc_html( $attributes['moreButtonText'] );
|
139 |
} else {
|
140 |
-
esc_html_e( 'Load more posts', '
|
141 |
}
|
142 |
?>
|
143 |
</button>
|
144 |
<p class="loading">
|
145 |
-
<?php _e( 'Loading...', '
|
146 |
</p>
|
147 |
<p class="error">
|
148 |
-
<?php _e( 'Something went wrong. Please refresh the page and/or try again.', '
|
149 |
</p>
|
150 |
|
151 |
<?php endif; ?>
|
@@ -214,9 +214,9 @@ function newspack_blocks_format_avatars( $author_info ) {
|
|
214 |
function newspack_blocks_format_byline( $author_info ) {
|
215 |
$index = -1;
|
216 |
$elements = array_merge(
|
217 |
-
|
218 |
-
esc_html_x( 'by', 'post author', '
|
219 |
-
|
220 |
array_reduce(
|
221 |
$author_info,
|
222 |
function ( $accumulator, $author ) use ( $author_info, &$index ) {
|
@@ -230,7 +230,7 @@ function newspack_blocks_format_byline( $author_info ) {
|
|
230 |
|
231 |
return array_merge(
|
232 |
$accumulator,
|
233 |
-
|
234 |
sprintf(
|
235 |
/* translators: 1: author link. 2: author name. 3. variable seperator (comma, 'and', or empty) */
|
236 |
'<span class="author vcard"><a class="url fn n" href="%1$s">%2$s</a></span>',
|
@@ -238,11 +238,11 @@ function newspack_blocks_format_byline( $author_info ) {
|
|
238 |
esc_html( $author->display_name )
|
239 |
),
|
240 |
( $index < $penultimate ) ? ', ' : '',
|
241 |
-
( count( $author_info ) > 1 && $penultimate === $index ) ? esc_html_x( ' and ', 'post author', '
|
242 |
-
|
243 |
);
|
244 |
},
|
245 |
-
|
246 |
)
|
247 |
);
|
248 |
|
18 |
|
19 |
$article_query = new WP_Query( Newspack_Blocks::build_articles_query( $attributes ) );
|
20 |
|
21 |
+
$classes = Newspack_Blocks::block_classes( 'homepage-articles', $attributes, [ 'wpnbha' ] );
|
22 |
|
23 |
if ( isset( $attributes['postLayout'] ) && 'grid' === $attributes['postLayout'] ) {
|
24 |
$classes .= ' is-grid';
|
74 |
},
|
75 |
$attributes
|
76 |
),
|
77 |
+
[
|
78 |
'page' => 2,
|
79 |
'amp' => Newspack_Blocks::is_amp(),
|
80 |
+
]
|
81 |
),
|
82 |
rest_url( '/newspack-blocks/v1/articles' )
|
83 |
);
|
120 |
<?php
|
121 |
echo Newspack_Blocks::template_inc(
|
122 |
__DIR__ . '/templates/articles-list.php',
|
123 |
+
[
|
124 |
'articles_rest_url' => $articles_rest_url,
|
125 |
'article_query' => $article_query,
|
126 |
'attributes' => $attributes,
|
127 |
+
]
|
128 |
);
|
129 |
?>
|
130 |
</div>
|
137 |
if ( ! empty( $attributes['moreButtonText'] ) ) {
|
138 |
echo esc_html( $attributes['moreButtonText'] );
|
139 |
} else {
|
140 |
+
esc_html_e( 'Load more posts', 'newspack-blocks' );
|
141 |
}
|
142 |
?>
|
143 |
</button>
|
144 |
<p class="loading">
|
145 |
+
<?php _e( 'Loading...', 'newspack-blocks' ); ?>
|
146 |
</p>
|
147 |
<p class="error">
|
148 |
+
<?php _e( 'Something went wrong. Please refresh the page and/or try again.', 'newspack-blocks' ); ?>
|
149 |
</p>
|
150 |
|
151 |
<?php endif; ?>
|
214 |
function newspack_blocks_format_byline( $author_info ) {
|
215 |
$index = -1;
|
216 |
$elements = array_merge(
|
217 |
+
[
|
218 |
+
esc_html_x( 'by', 'post author', 'newspack-blocks' ) . ' ',
|
219 |
+
],
|
220 |
array_reduce(
|
221 |
$author_info,
|
222 |
function ( $accumulator, $author ) use ( $author_info, &$index ) {
|
230 |
|
231 |
return array_merge(
|
232 |
$accumulator,
|
233 |
+
[
|
234 |
sprintf(
|
235 |
/* translators: 1: author link. 2: author name. 3. variable seperator (comma, 'and', or empty) */
|
236 |
'<span class="author vcard"><a class="url fn n" href="%1$s">%2$s</a></span>',
|
238 |
esc_html( $author->display_name )
|
239 |
),
|
240 |
( $index < $penultimate ) ? ', ' : '',
|
241 |
+
( count( $author_info ) > 1 && $penultimate === $index ) ? esc_html_x( ' and ', 'post author', 'newspack-blocks' ) : '',
|
242 |
+
]
|
243 |
);
|
244 |
},
|
245 |
+
[]
|
246 |
)
|
247 |
);
|
248 |
|
newspack-blocks/synced-newspack-blocks/class-newspack-blocks-api.php
CHANGED
@@ -15,76 +15,76 @@ class Newspack_Blocks_API {
|
|
15 |
*/
|
16 |
public static function register_rest_fields() {
|
17 |
register_rest_field(
|
18 |
-
|
19 |
'newspack_featured_image_src',
|
20 |
-
|
21 |
-
'get_callback' =>
|
22 |
-
'schema' =>
|
23 |
-
'context' =>
|
24 |
'edit',
|
25 |
-
|
26 |
'type' => 'array',
|
27 |
-
|
28 |
-
|
29 |
);
|
30 |
|
31 |
register_rest_field(
|
32 |
-
|
33 |
'newspack_featured_image_caption',
|
34 |
-
|
35 |
-
'get_callback' =>
|
36 |
-
'schema' =>
|
37 |
-
'context' =>
|
38 |
'edit',
|
39 |
-
|
40 |
'type' => 'string',
|
41 |
-
|
42 |
-
|
43 |
);
|
44 |
|
45 |
/* Add author info source */
|
46 |
register_rest_field(
|
47 |
'post',
|
48 |
'newspack_author_info',
|
49 |
-
|
50 |
-
'get_callback' =>
|
51 |
-
'schema' =>
|
52 |
-
'context' =>
|
53 |
'edit',
|
54 |
-
|
55 |
'type' => 'array',
|
56 |
-
|
57 |
-
|
58 |
);
|
59 |
|
60 |
/* Add first category source */
|
61 |
register_rest_field(
|
62 |
'post',
|
63 |
'newspack_category_info',
|
64 |
-
|
65 |
-
'get_callback' =>
|
66 |
-
'schema' =>
|
67 |
-
'context' =>
|
68 |
'edit',
|
69 |
-
|
70 |
'type' => 'string',
|
71 |
-
|
72 |
-
|
73 |
);
|
74 |
|
75 |
/* Add list of categories for CSS classes */
|
76 |
register_rest_field(
|
77 |
'post',
|
78 |
'newspack_article_classes',
|
79 |
-
|
80 |
-
'get_callback' =>
|
81 |
-
'schema' =>
|
82 |
-
'context' =>
|
83 |
'edit',
|
84 |
-
|
85 |
'type' => 'string',
|
86 |
-
|
87 |
-
|
88 |
);
|
89 |
}
|
90 |
|
@@ -95,7 +95,7 @@ class Newspack_Blocks_API {
|
|
95 |
* @return array | bool Featured image if available, false if not.
|
96 |
*/
|
97 |
public static function newspack_blocks_get_image_src( $object ) {
|
98 |
-
$featured_image_set =
|
99 |
|
100 |
if ( 0 === $object['featured_media'] ) {
|
101 |
return false;
|
@@ -169,7 +169,7 @@ class Newspack_Blocks_API {
|
|
169 |
* @return array Author data.
|
170 |
*/
|
171 |
public static function newspack_blocks_get_author_info( $object ) {
|
172 |
-
$author_data =
|
173 |
|
174 |
if ( function_exists( 'coauthors_posts_links' ) ) :
|
175 |
$authors = get_coauthors();
|
@@ -231,7 +231,7 @@ class Newspack_Blocks_API {
|
|
231 |
// Use Yoast primary category if set.
|
232 |
if ( class_exists( 'WPSEO_Primary_Term' ) ) {
|
233 |
$primary_term = new WPSEO_Primary_Term( 'category', $object['id'] );
|
234 |
-
$category_id
|
235 |
if ( $category_id ) {
|
236 |
$category = get_term( $category_id );
|
237 |
}
|
@@ -268,10 +268,10 @@ class Newspack_Blocks_API {
|
|
268 |
register_rest_route(
|
269 |
'newspack-blocks/v1',
|
270 |
'/video-playlist',
|
271 |
-
|
272 |
'methods' => 'GET',
|
273 |
-
'callback' =>
|
274 |
-
|
275 |
);
|
276 |
}
|
277 |
|
15 |
*/
|
16 |
public static function register_rest_fields() {
|
17 |
register_rest_field(
|
18 |
+
[ 'post', 'page' ],
|
19 |
'newspack_featured_image_src',
|
20 |
+
[
|
21 |
+
'get_callback' => [ 'Newspack_Blocks_API', 'newspack_blocks_get_image_src' ],
|
22 |
+
'schema' => [
|
23 |
+
'context' => [
|
24 |
'edit',
|
25 |
+
],
|
26 |
'type' => 'array',
|
27 |
+
],
|
28 |
+
]
|
29 |
);
|
30 |
|
31 |
register_rest_field(
|
32 |
+
[ 'post', 'page' ],
|
33 |
'newspack_featured_image_caption',
|
34 |
+
[
|
35 |
+
'get_callback' => [ 'Newspack_Blocks_API', 'newspack_blocks_get_image_caption' ],
|
36 |
+
'schema' => [
|
37 |
+
'context' => [
|
38 |
'edit',
|
39 |
+
],
|
40 |
'type' => 'string',
|
41 |
+
],
|
42 |
+
]
|
43 |
);
|
44 |
|
45 |
/* Add author info source */
|
46 |
register_rest_field(
|
47 |
'post',
|
48 |
'newspack_author_info',
|
49 |
+
[
|
50 |
+
'get_callback' => [ 'Newspack_Blocks_API', 'newspack_blocks_get_author_info' ],
|
51 |
+
'schema' => [
|
52 |
+
'context' => [
|
53 |
'edit',
|
54 |
+
],
|
55 |
'type' => 'array',
|
56 |
+
],
|
57 |
+
]
|
58 |
);
|
59 |
|
60 |
/* Add first category source */
|
61 |
register_rest_field(
|
62 |
'post',
|
63 |
'newspack_category_info',
|
64 |
+
[
|
65 |
+
'get_callback' => [ 'Newspack_Blocks_API', 'newspack_blocks_get_primary_category' ],
|
66 |
+
'schema' => [
|
67 |
+
'context' => [
|
68 |
'edit',
|
69 |
+
],
|
70 |
'type' => 'string',
|
71 |
+
],
|
72 |
+
]
|
73 |
);
|
74 |
|
75 |
/* Add list of categories for CSS classes */
|
76 |
register_rest_field(
|
77 |
'post',
|
78 |
'newspack_article_classes',
|
79 |
+
[
|
80 |
+
'get_callback' => [ 'Newspack_Blocks_API', 'newspack_blocks_get_cat_tag_classes' ],
|
81 |
+
'schema' => [
|
82 |
+
'context' => [
|
83 |
'edit',
|
84 |
+
],
|
85 |
'type' => 'string',
|
86 |
+
],
|
87 |
+
]
|
88 |
);
|
89 |
}
|
90 |
|
95 |
* @return array | bool Featured image if available, false if not.
|
96 |
*/
|
97 |
public static function newspack_blocks_get_image_src( $object ) {
|
98 |
+
$featured_image_set = [];
|
99 |
|
100 |
if ( 0 === $object['featured_media'] ) {
|
101 |
return false;
|
169 |
* @return array Author data.
|
170 |
*/
|
171 |
public static function newspack_blocks_get_author_info( $object ) {
|
172 |
+
$author_data = [];
|
173 |
|
174 |
if ( function_exists( 'coauthors_posts_links' ) ) :
|
175 |
$authors = get_coauthors();
|
231 |
// Use Yoast primary category if set.
|
232 |
if ( class_exists( 'WPSEO_Primary_Term' ) ) {
|
233 |
$primary_term = new WPSEO_Primary_Term( 'category', $object['id'] );
|
234 |
+
$category_id = $primary_term->get_primary_term();
|
235 |
if ( $category_id ) {
|
236 |
$category = get_term( $category_id );
|
237 |
}
|
268 |
register_rest_route(
|
269 |
'newspack-blocks/v1',
|
270 |
'/video-playlist',
|
271 |
+
[
|
272 |
'methods' => 'GET',
|
273 |
+
'callback' => [ 'Newspack_Blocks_API', 'video_playlist_endpoint' ],
|
274 |
+
]
|
275 |
);
|
276 |
}
|
277 |
|
newspack-blocks/synced-newspack-blocks/class-newspack-blocks.php
CHANGED
@@ -14,7 +14,7 @@ class Newspack_Blocks {
|
|
14 |
* Add hooks and filters.
|
15 |
*/
|
16 |
public static function init() {
|
17 |
-
add_action( 'after_setup_theme',
|
18 |
}
|
19 |
|
20 |
/**
|
@@ -60,9 +60,9 @@ class Newspack_Blocks {
|
|
60 |
wp_localize_script(
|
61 |
'newspack-blocks-editor',
|
62 |
'newspack_blocks_data',
|
63 |
-
|
64 |
'patterns' => self::get_patterns_for_post_type( get_post_type() ),
|
65 |
-
|
66 |
);
|
67 |
|
68 |
wp_set_script_translations(
|
@@ -183,7 +183,7 @@ class Newspack_Blocks {
|
|
183 |
* @return string Class list separated by spaces.
|
184 |
*/
|
185 |
public static function block_classes( $type, $attributes = array(), $extra = array() ) {
|
186 |
-
$classes =
|
187 |
|
188 |
if ( ! empty( $attributes['align'] ) ) {
|
189 |
$classes[] = 'align' . $attributes['align'];
|
@@ -418,7 +418,7 @@ class Newspack_Blocks {
|
|
418 |
* @return string CSS classes.
|
419 |
*/
|
420 |
public static function get_term_classes( $post_id ) {
|
421 |
-
$classes =
|
422 |
|
423 |
$tags = get_the_terms( $post_id, 'post_tag' );
|
424 |
if ( ! empty( $tags ) ) {
|
@@ -444,26 +444,26 @@ class Newspack_Blocks {
|
|
444 |
* @return array Array of patterns.
|
445 |
*/
|
446 |
public static function get_patterns_for_post_type( $post_type = null ) {
|
447 |
-
$patterns = apply_filters( 'newspack_blocks_patterns',
|
448 |
-
$categorized =
|
449 |
-
$clean =
|
450 |
foreach ( $patterns as $pattern ) {
|
451 |
if ( ! isset( $pattern['image'] ) || ! $pattern['image'] ) {
|
452 |
continue;
|
453 |
}
|
454 |
-
$category = isset( $pattern['category'] ) ? $pattern['category'] : __( 'Common', '
|
455 |
if ( ! isset( $categorized[ $category ] ) ) {
|
456 |
-
$categorized[ $category ] =
|
457 |
}
|
458 |
$categorized[ $category ][] = $pattern;
|
459 |
}
|
460 |
$categories = array_keys( $categorized );
|
461 |
sort( $categories );
|
462 |
foreach ( $categories as $category ) {
|
463 |
-
$clean[] =
|
464 |
'title' => $category,
|
465 |
'items' => $categorized[ $category ],
|
466 |
-
|
467 |
}
|
468 |
return $clean;
|
469 |
}
|
14 |
* Add hooks and filters.
|
15 |
*/
|
16 |
public static function init() {
|
17 |
+
add_action( 'after_setup_theme', [ __CLASS__, 'add_image_sizes' ] );
|
18 |
}
|
19 |
|
20 |
/**
|
60 |
wp_localize_script(
|
61 |
'newspack-blocks-editor',
|
62 |
'newspack_blocks_data',
|
63 |
+
[
|
64 |
'patterns' => self::get_patterns_for_post_type( get_post_type() ),
|
65 |
+
]
|
66 |
);
|
67 |
|
68 |
wp_set_script_translations(
|
183 |
* @return string Class list separated by spaces.
|
184 |
*/
|
185 |
public static function block_classes( $type, $attributes = array(), $extra = array() ) {
|
186 |
+
$classes = [ "wp-block-newspack-blocks-{$type}" ];
|
187 |
|
188 |
if ( ! empty( $attributes['align'] ) ) {
|
189 |
$classes[] = 'align' . $attributes['align'];
|
418 |
* @return string CSS classes.
|
419 |
*/
|
420 |
public static function get_term_classes( $post_id ) {
|
421 |
+
$classes = [];
|
422 |
|
423 |
$tags = get_the_terms( $post_id, 'post_tag' );
|
424 |
if ( ! empty( $tags ) ) {
|
444 |
* @return array Array of patterns.
|
445 |
*/
|
446 |
public static function get_patterns_for_post_type( $post_type = null ) {
|
447 |
+
$patterns = apply_filters( 'newspack_blocks_patterns', [], $post_type );
|
448 |
+
$categorized = [];
|
449 |
+
$clean = [];
|
450 |
foreach ( $patterns as $pattern ) {
|
451 |
if ( ! isset( $pattern['image'] ) || ! $pattern['image'] ) {
|
452 |
continue;
|
453 |
}
|
454 |
+
$category = isset( $pattern['category'] ) ? $pattern['category'] : __( 'Common', 'newspack-blocks' );
|
455 |
if ( ! isset( $categorized[ $category ] ) ) {
|
456 |
+
$categorized[ $category ] = [];
|
457 |
}
|
458 |
$categorized[ $category ][] = $pattern;
|
459 |
}
|
460 |
$categories = array_keys( $categorized );
|
461 |
sort( $categories );
|
462 |
foreach ( $categories as $category ) {
|
463 |
+
$clean[] = [
|
464 |
'title' => $category,
|
465 |
'items' => $categorized[ $category ],
|
466 |
+
];
|
467 |
}
|
468 |
return $clean;
|
469 |
}
|
readme.txt
CHANGED
@@ -3,7 +3,7 @@ Contributors: alexislloyd, allancole, automattic, bartkalisz, codebykat, copons,
|
|
3 |
Tags: block, blocks, editor, gutenberg, page
|
4 |
Requires at least: 5.0
|
5 |
Tested up to: 5.4
|
6 |
-
Stable tag: 1.
|
7 |
Requires PHP: 5.6.20
|
8 |
License: GPLv2 or later
|
9 |
License URI: https://www.gnu.org/licenses/gpl-2.0.html
|
@@ -40,6 +40,11 @@ This plugin is experimental, so we don't provide any support for it outside of w
|
|
40 |
|
41 |
== Changelog ==
|
42 |
|
|
|
|
|
|
|
|
|
|
|
43 |
= 1.11 =
|
44 |
* Fix broken blocks in page layout picker preview in Firefox.
|
45 |
* Add settings to the donation block.
|
3 |
Tags: block, blocks, editor, gutenberg, page
|
4 |
Requires at least: 5.0
|
5 |
Tested up to: 5.4
|
6 |
+
Stable tag: 1.12
|
7 |
Requires PHP: 5.6.20
|
8 |
License: GPLv2 or later
|
9 |
License URI: https://www.gnu.org/licenses/gpl-2.0.html
|
40 |
|
41 |
== Changelog ==
|
42 |
|
43 |
+
= 1.12 =
|
44 |
+
* Experimental navigation sidebar in block editor, can be enabled in config or with a hook.
|
45 |
+
* Default content included in the donation block can be edited.
|
46 |
+
* Track when the launch button is clicked.
|
47 |
+
|
48 |
= 1.11 =
|
49 |
* Fix broken blocks in page layout picker preview in Firefox.
|
50 |
* Add settings to the donation block.
|
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.asset.php
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<?php return array('dependencies' => array('lodash', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '
|
1 |
+
<?php return array('dependencies' => array('lodash', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'd2c344ed828473186af40771d4273f4b');
|
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.wpcom-block-editor-nav-sidebar-create-page{margin-bottom:8px}.wpcom-block-editor-nav-sidebar-create-page,.wpcom-block-editor-nav-sidebar-view-all-posts{display:flex;justify-content:center;width:100%}.wpcom-block-editor-nav-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;margin:0;padding:8px 16px;border-radius:2px;text-align:initial}.wpcom-block-editor-nav-item.is-selected{background:#000;color:#fff}.wpcom-block-editor-nav-item.is-selected .wpcom-block-editor-nav-item__label{background:#555d66}.wpcom-block-editor-nav-item:not(.is-selected):hover{background:#e8eaeb}.wpcom-block-editor-nav-item:not(.is-selected) .wpcom-block-editor-nav-item__slug{color:#6c7781}.wpcom-block-editor-nav-item__title-container{flex:1}.wpcom-block-editor-nav-item__title.is-untitled{font-style:italic;color:#757575}.wpcom-block-editor-nav-item__slug{font-size:11px;padding-top:4px}.wpcom-block-editor-nav-item__label{display:inline-block;padding:4px;border-radius:4px;background:#d7dade;font-weight:600}.
|
1 |
+
.wpcom-block-editor-nav-sidebar-create-page{margin-bottom:8px}.wpcom-block-editor-nav-sidebar-create-page,.wpcom-block-editor-nav-sidebar-view-all-posts{display:flex;justify-content:center;width:100%}.wpcom-block-editor-nav-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;margin:0;padding:8px 16px;border-radius:2px;text-align:initial}.wpcom-block-editor-nav-item.is-selected{background:#000;color:#fff}.wpcom-block-editor-nav-item.is-selected .wpcom-block-editor-nav-item__label{background:#555d66}.wpcom-block-editor-nav-item:not(.is-selected):hover{background:#e8eaeb}.wpcom-block-editor-nav-item:not(.is-selected) .wpcom-block-editor-nav-item__slug{color:#6c7781}.wpcom-block-editor-nav-item__title-container{flex:1}.wpcom-block-editor-nav-item__title.is-untitled{font-style:italic;color:#757575}.wpcom-block-editor-nav-item__slug{font-size:11px;padding-top:4px}.wpcom-block-editor-nav-item__label{display:inline-block;padding:4px;border-radius:4px;background:#d7dade;font-weight:600}.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__fade .2s ease-out forwards}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard.is-fading-out{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__fade .2s ease-in reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard.is-fading-out{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__fade{0%{background-color:transparent}to{background-color:rgba(0,0,0,.7)}}.wpcom-block-editor-nav-sidebar-nav-sidebar__container{box-sizing:border-box;position:fixed;top:0;bottom:0;width:272px;border-right:1px solid #e2e4e7;background:#fff;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__slide .2s ease-out}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__container{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__container.is-sliding-left{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__slide .2s ease-in reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__container.is-sliding-left{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__slide{0%{left:-272px}to{left:0}}.wpcom-block-editor-nav-sidebar-nav-sidebar__header{height:60px;border-bottom:1px solid #e2e4e7;box-sizing:content-box;display:flex}.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button{position:fixed;top:0;left:0;height:60px!important;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__shrink .2s ease-in-out forwards}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button.is-growing{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__shrink .2s ease-in-out reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button.is-growing{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__shrink{0%{transform:scale(1)}to{transform:scale(.55)}}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container{border-bottom:1px solid #e2e4e7}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button{height:46px;width:100%;font-weight:600;border:none!important;box-shadow:none!important}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button:hover{text-decoration:underline}.wpcom-block-editor-nav-sidebar-nav-sidebar__controls{padding:10px}.wpcom-block-editor-nav-sidebar__page-list li{margin:0;padding:0}@keyframes wpcom-block-editor-nav-sidebar__shrink{0%{transform:scale(1)}to{transform:scale(.55)}}@keyframes wpcom-block-editor-nav-sidebar__grow{0%{transform:scale(.55)}to{transform:scale(1)}}.wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button{height:60px!important}.wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button.is-hidden{visibility:hidden}
|
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
-
!function(e,t){for(var r in t)e[r]=t[r]}(window,function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
-
*/!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)&&n.length){var c=o.apply(null,n);c&&e.push(c)}else if("object"===i)for(var a in n)r.call(n,a)&&n[a]&&e.push(a)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},function(e,t,r){var n=r(23);e.exports=function(e,t){if(null==e)return{};var r,o,i=n(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t){function r(e,t,r,n,o,i,c){try{var a=e[i](c),s=a.value}catch(l){return void r(l)}a.done?t(s):Promise.resolve(s).then(n,o)}e.exports=function(e){return function(){var t=this,n=arguments;return new Promise((function(o,i){var c=e.apply(t,n);function a(e){r(c,o,i,a,s,"next",e)}function s(e){r(c,o,i,a,s,"throw",e)}a(void 0)}))}}},function(e,t,r){var n=r(20),o=r(21),i=r(14),c=r(22);e.exports=function(e,t){return n(e)||o(e,t)||i(e,t)||c()}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},function(e,t,r){var n=r(13);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}},function(e,t,r){var n=r(10);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}e.exports=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}},function(e,t,r){var n=r(17),o=r(18),i=r(14),c=r(19);e.exports=function(e){return n(e)||o(e)||i(e)||c()}},function(e,t,r){var n=r(13);e.exports=function(e){if(Array.isArray(e))return n(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,i=void 0;try{for(var c,a=e[Symbol.iterator]();!(n=(c=a.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(s){o=!0,i=s}finally{try{n||null==a.return||a.return()}finally{if(o)throw i}}return r}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n=r(11),o=r.n(n),i=r(0),c=r(2),a=r(1),s="automattic/block-editor-nav-sidebar",l=r(10),u=r.n(l),d=r(15),p=r.n(d),b=r(16),f=r.n(b),m=r(12),v=r.n(m),y=r(9),O=r.n(y),g=r(3),j=r(7),h=Object(i.createElement)(j.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(i.createElement)(j.Path,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})),w=Object(i.createElement)(j.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(i.createElement)(j.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),E=r(4),k=r(6),_=r(5),x=r(8),S=r.n(x);r(24);function P(e){var t=e.postType,r=Object(k.get)(t,["labels","add_new_item"],Object(E.__)("Create","full-site-editing")),n=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostLabel",r,t.slug),o=Object(_.addQueryArgs)("post-new.php",{post_type:t.slug}),c=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostUrl",o,t.slug);return Object(i.createElement)(g.Button,{target:Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isPrimary:!0,className:"wpcom-block-editor-nav-sidebar-create-page",href:c},n)}r(25);var N=function(e){var t=e.children,r=O()(e,["children"]);return Object(i.createElement)(g.Button,r,t)};function T(e){var t=e.postType,r=Object(k.get)(t,["labels","view_items"],Object(E.__)("Back","full-site-editing")),n=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.allPostsLabel",r,t.slug),o=Object(_.addQueryArgs)("edit.php",{post_type:t.slug}),c=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.allPostsUrl",o,t.slug);return Object(i.createElement)(N,{target:Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isSecondary:!0,className:"wpcom-block-editor-nav-sidebar-view-all-posts",href:c},n)}r(26);function A(e){var t,r,n=e.item,o=e.postType,c=e.selected,s=e.statusLabel,l=S()("wpcom-block-editor-nav-item",{"is-selected":c}),u=S()("wpcom-block-editor-nav-item__title",{"is-untitled":!(null===(t=n.title)||void 0===t?void 0:t.raw)}),d=Object(_.addQueryArgs)("post.php",{post:n.id,action:"edit"}),p=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.editPostUrl",d,n.id,o.slug);return Object(i.createElement)("li",null,Object(i.createElement)(g.Button,{className:l,href:p,target:Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0)},Object(i.createElement)("div",{className:"wpcom-block-editor-nav-item__title-container"},Object(i.createElement)("div",{className:u},(null===(r=n.title)||void 0===r?void 0:r.raw)||Object(E._x)("Untitled","post title for posts with no title","full-site-editing")),n.slug&&Object(i.createElement)("div",{className:"wpcom-block-editor-nav-item__slug"},"/".concat(n.slug,"/"))),s&&Object(i.createElement)("div",{className:"wpcom-block-editor-nav-item__label"},s)))}r(27);var B=function(e){var t=e.children,r=O()(e,["children"]);return Object(i.createElement)(g.Button,r,t)};function L(){var e=Object(c.useSelect)((function(e){var t=e("core").getPostType;return[C(e),e(s).isSidebarOpened(),t(e("core/editor").getCurrentPostType()),e("core/editor").getCurrentPostId(),R(e)]})),t=v()(e,5),r=t[0],n=t[1],o=t[2],l=t[3],u=t[4],d=Object(i.useRef)(n),p=Object(i.useState)(!1),b=v()(p,2),f=b[0],m=b[1];Object(i.useEffect)((function(){n?document.body.classList.add("is-wpcom-block-editor-nav-sidebar-close-hidden"):d.current&&m(!0),d.current=n}),[n,d,m]);var y=Object(c.useDispatch)(s).toggleSidebar,O=Object(_.addQueryArgs)("edit.php",{post_type:o.slug});O=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeUrl",O);var g=Object(k.get)(o,["labels","all_items"],Object(E.__)("Back","full-site-editing"));g=Object(a.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeLabel",g);return Object(i.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__container","aria-hidden":!n},(n||f)&&Object(i.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__header"},Object(i.createElement)(B,{icon:h,iconSize:36,className:S()({"is-shrinking":n,"is-growing":f}),onClick:function(){n&&m(!0),y()},onAnimationEnd:function(e){"wpcom-block-editor-nav-sidebar__grow"===e.animationName&&(m(!1),document.body.classList.remove("is-wpcom-block-editor-nav-sidebar-close-hidden"))}})),Object(i.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__header-space"}),Object(i.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container"},Object(i.createElement)(B,{href:O,className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button",icon:w,onClick:function(e){Object(a.hasAction)("a8c.wpcom-block-editor.closeEditor")&&(e.preventDefault(),Object(a.doAction)("a8c.wpcom-block-editor.closeEditor"))}},g)),Object(i.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__controls"},Object(i.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},r.map((function(e){return Object(i.createElement)(A,{key:e.id,item:e,postType:o,selected:e.id===l,statusLabel:u[e.status]})}))),Object(i.createElement)(P,{postType:o}),Object(i.createElement)(T,{postType:o})))}function C(e){var t=e("core/editor"),r=t.isEditedPostNew,n=t.getCurrentPostId,o=t.getCurrentPostType,i=t.getEditedPostAttribute,c=e("core").getEntityRecords("root","status");if(!c)return[];var a=c.filter((function(e){return e.show_in_list})).map((function(e){return e.slug})).join(","),s=n(),l=o(),u=e("core").getEntityRecords("postType",l,{_fields:"id,slug,status,title",exclude:[s],orderby:"modified",per_page:10,status:a})||[];return[{id:s,slug:i("slug"),status:r()?"draft":i("status"),title:{raw:i("title"),rendered:""}}].concat(f()(u))}function R(e){return(e("core").getEntityRecords("root","status")||[]).reduce((function(e,t){var r=t.name,n=t.slug;return"publish"===n?e:p()({},e,u()({},n,r))}),{})}function F(e){return I.apply(this,arguments)}function I(){return(I=o()(regeneratorRuntime.mark((function e(t){var r,n,o,i,c,a=arguments;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=a.length>1&&void 0!==a[1]?a[1]:5e3,o=new Promise((function(e){!function r(){var o=document.querySelector(t);o?e(o):n=setTimeout(r,200)}()})),i=new Promise((function(e){return setTimeout(e,r,"timeout")})),e.next=5,Promise.race([o,i]);case 5:if(c=e.sent,clearTimeout(n),"timeout"!==c){e.next=9;break}return e.abrupt("return",void 0);case 9:return e.abrupt("return",c);case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function M(){return(M=o()(regeneratorRuntime.mark((function e(){var t,r,n;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(".edit-post-fullscreen-mode-close");case 2:if(t=e.sent){e.next=5;break}return e.abrupt("return");case 5:Object(a.addFilter)("a8c.wpcom-block-editor.shouldCloseEditor","a8c/fse/attachSidebar",(function(){return!1})),Object(c.dispatch)("core").addEntities([{baseURL:"/wp/v2/statuses",key:"slug",kind:"root",name:"status",plural:"statuses"}]),document.body.classList.add("is-wpcom-block-editor-nav-sidebar-attached"),t.addEventListener("click",(function(e){e.preventDefault(),Object(c.dispatch)(s).toggleSidebar()})),r=!1,Object(c.subscribe)((function(){var e=Object(c.select)(s).isSidebarOpened();r!==e&&((r=e)?document.body.classList.add("is-wpcom-block-editor-nav-sidebar-opened"):document.body.classList.remove("is-wpcom-block-editor-nav-sidebar-opened"))})),n=document.createElement("div"),document.body.appendChild(n),Object(i.render)(Object(i.createElement)(L,null),n),C(c.select);case 15:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){M.apply(this,arguments)}();var W={toggleSidebar:function(){return{type:"TOGGLE_SIDEBAR"}}},D=Object(c.combineReducers)({opened:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"TOGGLE_SIDEBAR":return!e;default:return e}}});Object(c.registerStore)(s,{actions:W,reducer:D,selectors:{isSidebarOpened:function(e){return e.opened}}})}]));
|
1 |
+
!function(e,t){for(var r in t)e[r]=t[r]}(window,function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=38)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.hooks}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.lodash}()},function(e,t,r){var n;
|
2 |
/*!
|
3 |
Copyright (c) 2017 Jed Watson.
|
4 |
Licensed under the MIT License (MIT), see
|
5 |
http://jedwatson.github.io/classnames
|
6 |
+
*/!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)&&n.length){var c=o.apply(null,n);c&&e.push(c)}else if("object"===i)for(var a in n)r.call(n,a)&&n[a]&&e.push(a)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.url}()},function(e,t,r){var n=r(32);e.exports=function(e,t){if(null==e)return{};var r,o,i=n(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t,r){var n=r(26),o=r(27),i=r(12),c=r(28);e.exports=function(e,t){return n(e)||o(e,t)||i(e,t)||c()}},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){var n=r(13);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},function(e,t){!function(){e.exports=this.wp.plugins}()},function(e,t,r){var n=r(11);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}e.exports=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}},function(e,t,r){var n=r(29),o=r(30),i=r(12),c=r(31);e.exports=function(e){return n(e)||o(e)||i(e)||c()}},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){!function(){e.exports=this.wp.compose}()},,,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,i=void 0;try{for(var c,a=e[Symbol.iterator]();!(n=(c=a.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(l){o=!0,i=l}finally{try{n||null==a.return||a.return()}finally{if(o)throw i}}return r}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,r){var n=r(13);e.exports=function(e){if(Array.isArray(e))return n(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n={};r.r(n),r.d(n,"enableComplementaryArea",(function(){return v})),r.d(n,"disableComplementaryArea",(function(){return O})),r.d(n,"pinItem",(function(){return g})),r.d(n,"unpinItem",(function(){return j}));var o={};r.r(o),r.d(o,"getActiveComplementaryArea",(function(){return E})),r.d(o,"isItemPinned",(function(){return h}));var i=r(10),c=r.n(i),a=r(0),l=r(1);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=r(4);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=Object(l.combineReducers)({singleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,o=t.scope,i=t.item;return"SET_SINGLE_ENABLE_ITEM"===r&&n&&o?d({},e,s({},n,d({},e[n],s({},o,i||null)))):e},multipleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,o=t.scope,i=t.item,c=t.isEnable;if("SET_MULTIPLE_ENABLE_ITEM"!==r||!n||!o||!i||Object(u.get)(e,[n,o,i])===c)return e;var a=e[n]||{},l=a[o]||{};return d({},e,s({},n,d({},a,s({},o,d({},l,s({},i,c||!1))))))}}),f=Object(l.combineReducers)({enableItems:p});function m(e,t,r){return{type:"SET_SINGLE_ENABLE_ITEM",itemType:e,scope:t,item:r}}function v(e,t){return m("complementaryArea",e,t)}function O(e){return m("complementaryArea",e,void 0)}function y(e,t,r,n){return{type:"SET_MULTIPLE_ENABLE_ITEM",itemType:e,scope:t,item:r,isEnable:n}}function g(e,t){return y("pinnedItems",e,t,!0)}function j(e,t){return y("pinnedItems",e,t,!1)}function E(e,t){return function(e,t,r){return Object(u.get)(e.enableItems.singleEnableItems,[t,r])}(e,"complementaryArea",t)}function h(e,t,r){return!1!==function(e,t,r,n){return Object(u.get)(e.enableItems.multipleEnableItems,[t,r,n])}(e,"pinnedItems",t,r)}Object(l.registerStore)("core/interface",{reducer:f,actions:n,selectors:o,persist:["enableItems"]});var w=r(3),_="__experimentalMainDashboardButton",S=Object(w.createSlotFill)(_),k=S.Fill,P=S.Slot,x=k;x.Slot=function(e){var t=e.children,r=Object(w.__experimentalUseSlot)(_);return Boolean(r.fills&&r.fills.length)?Object(a.createElement)(P,{bubblesVirtually:!0}):t};var I=x,T=r(14),N=r(11),A=r.n(N),C=r(15),B=r.n(C),L=r(16),D=r.n(L),M=r(8),F=r.n(M),R=r(9),G=Object(a.createElement)(R.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(a.createElement)(R.Path,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})),U=Object(a.createElement)(R.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(R.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),W=r(6),z=r(2),Q=r(7),V=r(5),K=r.n(V),$=r(17),q=r(18),H="automattic/block-editor-nav-sidebar";r(33);function J(e){var t=e.postType,r=Object(u.get)(t,["labels","add_new_item"],Object(W.__)("Create","full-site-editing")),n=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostLabel",r,t.slug),o=Object(Q.addQueryArgs)("post-new.php",{post_type:t.slug}),i=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostUrl",o,t.slug);return Object(a.createElement)(w.Button,{target:Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isPrimary:!0,className:"wpcom-block-editor-nav-sidebar-create-page",href:i},n)}r(34);var X=function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(w.Button,r,t)};function Y(e){var t=e.postType,r=Object(u.get)(t,["labels","view_items"],Object(W.__)("Back","full-site-editing")),n=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.allPostsLabel",r,t.slug),o=Object(Q.addQueryArgs)("edit.php",{post_type:t.slug}),i=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.allPostsUrl",o,t.slug);return Object(a.createElement)(X,{target:Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isSecondary:!0,className:"wpcom-block-editor-nav-sidebar-view-all-posts",href:i},n)}r(35);function Z(e){var t,r,n=e.item,o=e.postType,i=e.selected,c=e.statusLabel,l=K()("wpcom-block-editor-nav-item",{"is-selected":i}),s=K()("wpcom-block-editor-nav-item__title",{"is-untitled":!(null===(t=n.title)||void 0===t?void 0:t.raw)}),u=Object(Q.addQueryArgs)("post.php",{post:n.id,action:"edit"}),b=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.editPostUrl",u,n.id,o.slug);return Object(a.createElement)("li",null,Object(a.createElement)(w.Button,{className:l,href:b,target:Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0)},Object(a.createElement)("div",{className:"wpcom-block-editor-nav-item__title-container"},Object(a.createElement)("div",{className:s},(null===(r=n.title)||void 0===r?void 0:r.raw)||Object(W._x)("Untitled","post title for posts with no title","full-site-editing")),n.slug&&Object(a.createElement)("div",{className:"wpcom-block-editor-nav-item__slug"},"/".concat(n.slug,"/"))),c&&Object(a.createElement)("div",{className:"wpcom-block-editor-nav-item__label"},c)))}r(36);var ee=function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(w.Button,r,t)};var te=Object(q.compose)([w.withConstrainedTabbing])((function(){var e=Object(l.useDispatch)(H),t=e.toggleSidebar,r=e.setSidebarClosing,n=Object(l.useSelect)((function(e){var t=e("core").getPostType;return[e(H).isSidebarOpened(),e(H).isSidebarClosing(),t(e("core/editor").getCurrentPostType()),e("core/editor").getCurrentPostId()]})),o=c()(n,4),i=o[0],s=o[1],b=o[2],d=o[3],p=Object(l.useSelect)((function(e){var t=e("core/editor"),r=t.isEditedPostNew,n=t.getCurrentPostId,o=t.getCurrentPostType,i=t.getEditedPostAttribute,c=e("core").getEntityRecords("root","status");if(!c)return[];var a=c.filter((function(e){return e.show_in_list})).map((function(e){return e.slug})).join(","),l=n(),s=o(),u=e("core").getEntityRecords("postType",s,{_fields:"id,slug,status,title",exclude:[l],orderby:"modified",per_page:10,status:a})||[];return[{id:l,slug:i("slug"),status:r()?"draft":i("status"),title:{raw:i("title"),rendered:""}}].concat(D()(u))})),f=Object(l.useSelect)((function(e){return(e("core").getEntityRecords("root","status")||[]).reduce((function(e,t){var r=t.name,n=t.slug;return"publish"===n?e:B()({},e,A()({},n,r))}),{})})),m=Object(a.useRef)(i);if(Object(a.useLayoutEffect)((function(){!i&&m.current&&r(!0),m.current=i}),[i,m,r]),!b)return null;if(!i&&!s)return null;var v=Object(Q.addQueryArgs)("edit.php",{post_type:b.slug});v=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeUrl",v);var O=Object(u.get)(b,["labels","all_items"],Object(W.__)("Back","full-site-editing"));O=Object(z.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeLabel",O);var y=function(){i&&!s&&t()};return Object(a.createElement)(w.IsolatedEventContainer,{className:K()("wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard",{"is-fading-out":s}),onAnimationEnd:function(e){"wpcom-block-editor-nav-sidebar-nav-sidebar__fade"===e.animationName&&s&&r(!1)},onClick:function(e){e.currentTarget===e.target&&y()},onKeyDown:function(e){e.keyCode===$.ESCAPE&&(e.stopPropagation(),y())}},Object(a.createElement)("div",{className:K()("wpcom-block-editor-nav-sidebar-nav-sidebar__container",{"is-sliding-left":s}),ref:function(e){return e&&e.focus()},role:"dialog",tabIndex:-1},Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__header"},Object(a.createElement)(ee,{className:K()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button",{"is-growing":s}),icon:G,iconSize:36,onClick:y})),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container"},Object(a.createElement)(ee,{href:v,className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button",icon:U,onClick:function(e){Object(z.hasAction)("a8c.wpcom-block-editor.closeEditor")&&(e.preventDefault(),Object(z.doAction)("a8c.wpcom-block-editor.closeEditor"))}},O)),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__controls"},Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},p.map((function(e){return Object(a.createElement)(Z,{key:e.id,item:e,postType:b,selected:e.id===d,statusLabel:f[e.status]})}))),Object(a.createElement)(J,{postType:b}),Object(a.createElement)(Y,{postType:b}))))}));r(37);var re=function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(w.Button,r,t)};function ne(){var e=Object(l.useDispatch)(H).toggleSidebar,t=Object(l.useSelect)((function(e){return e(H).isSidebarOpened()})),r=Object(l.useSelect)((function(e){return e(H).isSidebarClosing()}));return Object(a.createElement)(re,{className:K()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button",{"is-hidden":t||r}),icon:G,iconSize:36,onClick:e})}var oe,ie;oe="a8c-full-site-editing-nav-sidebar",ie={render:function(){var e=Object(l.useDispatch)("core").addEntities;Object(a.useEffect)((function(){e([{baseURL:"/wp/v2/statuses",key:"slug",kind:"root",name:"status",plural:"statuses"}])}),[]);var t=Object(a.useState)((function(){return document.createElement("div")})),r=c()(t,1)[0];return Object(a.useEffect)((function(){return document.body.appendChild(r),function(){document.body.removeChild(r)}})),Object(a.createElement)(I,null,Object(a.createElement)(ne,null),Object(a.createPortal)(Object(a.createElement)(te,null),r))}},Object(T.registerPlugin)(oe,ie);var ce={toggleSidebar:function(){return{type:"TOGGLE_SIDEBAR"}},setSidebarClosing:function(e){return{type:"SET_SIDEBAR_CLOSING",isClosing:e}}},ae=Object(l.combineReducers)({opened:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"TOGGLE_SIDEBAR":return!e;default:return e}},closing:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_SIDEBAR_CLOSING":return t.isClosing;default:return e}}});Object(l.registerStore)(H,{actions:ce,reducer:ae,selectors:{isSidebarOpened:function(e){return e.opened},isSidebarClosing:function(e){return e.closing}}})}]));
|
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.rtl.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.wpcom-block-editor-nav-sidebar-create-page{margin-bottom:8px}.wpcom-block-editor-nav-sidebar-create-page,.wpcom-block-editor-nav-sidebar-view-all-posts{display:flex;justify-content:center;width:100%}.wpcom-block-editor-nav-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;margin:0;padding:8px 16px;border-radius:2px;text-align:initial}.wpcom-block-editor-nav-item.is-selected{background:#000;color:#fff}.wpcom-block-editor-nav-item.is-selected .wpcom-block-editor-nav-item__label{background:#555d66}.wpcom-block-editor-nav-item:not(.is-selected):hover{background:#e8eaeb}.wpcom-block-editor-nav-item:not(.is-selected) .wpcom-block-editor-nav-item__slug{color:#6c7781}.wpcom-block-editor-nav-item__title-container{flex:1}.wpcom-block-editor-nav-item__title.is-untitled{font-style:italic;color:#757575}.wpcom-block-editor-nav-item__slug{font-size:11px;padding-top:4px}.wpcom-block-editor-nav-item__label{display:inline-block;padding:4px;border-radius:4px;background:#d7dade;font-weight:600}.
|
1 |
+
.wpcom-block-editor-nav-sidebar-create-page{margin-bottom:8px}.wpcom-block-editor-nav-sidebar-create-page,.wpcom-block-editor-nav-sidebar-view-all-posts{display:flex;justify-content:center;width:100%}.wpcom-block-editor-nav-item{display:flex;flex-direction:row;align-items:center;width:100%;height:auto;margin:0;padding:8px 16px;border-radius:2px;text-align:initial}.wpcom-block-editor-nav-item.is-selected{background:#000;color:#fff}.wpcom-block-editor-nav-item.is-selected .wpcom-block-editor-nav-item__label{background:#555d66}.wpcom-block-editor-nav-item:not(.is-selected):hover{background:#e8eaeb}.wpcom-block-editor-nav-item:not(.is-selected) .wpcom-block-editor-nav-item__slug{color:#6c7781}.wpcom-block-editor-nav-item__title-container{flex:1}.wpcom-block-editor-nav-item__title.is-untitled{font-style:italic;color:#757575}.wpcom-block-editor-nav-item__slug{font-size:11px;padding-top:4px}.wpcom-block-editor-nav-item__label{display:inline-block;padding:4px;border-radius:4px;background:#d7dade;font-weight:600}.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard{position:fixed;top:0;right:0;left:0;bottom:0;z-index:10;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__fade .2s ease-out forwards}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard.is-fading-out{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__fade .2s ease-in reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard.is-fading-out{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__fade{0%{background-color:transparent}to{background-color:rgba(0,0,0,.7)}}.wpcom-block-editor-nav-sidebar-nav-sidebar__container{box-sizing:border-box;position:fixed;top:0;bottom:0;width:272px;border-left:1px solid #e2e4e7;background:#fff;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__slide .2s ease-out}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__container{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__container.is-sliding-left{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__slide .2s ease-in reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__container.is-sliding-left{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__slide{0%{right:-272px}to{right:0}}.wpcom-block-editor-nav-sidebar-nav-sidebar__header{height:60px;border-bottom:1px solid #e2e4e7;box-sizing:content-box;display:flex}.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button{position:fixed;top:0;right:0;height:60px!important;animation:wpcom-block-editor-nav-sidebar-nav-sidebar__shrink .2s ease-in-out forwards}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button{animation-duration:1ms}}.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button.is-growing{animation:wpcom-block-editor-nav-sidebar-nav-sidebar__shrink .2s ease-in-out reverse}@media (prefers-reduced-motion:reduce){.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button.is-growing{animation-duration:1ms}}@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__shrink{0%{transform:scale(1)}to{transform:scale(.55)}}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container{border-bottom:1px solid #e2e4e7}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button{height:46px;width:100%;font-weight:600;border:none!important;box-shadow:none!important}.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button:hover{text-decoration:underline}.wpcom-block-editor-nav-sidebar-nav-sidebar__controls{padding:10px}.wpcom-block-editor-nav-sidebar__page-list li{margin:0;padding:0}@keyframes wpcom-block-editor-nav-sidebar__shrink{0%{transform:scale(1)}to{transform:scale(.55)}}@keyframes wpcom-block-editor-nav-sidebar__grow{0%{transform:scale(.55)}to{transform:scale(1)}}.wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button{height:60px!important}.wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button.is-hidden{visibility:hidden}
|
wpcom-block-editor-nav-sidebar/src/actions.ts
CHANGED
@@ -3,8 +3,15 @@ const toggleSidebar = () =>
|
|
3 |
type: 'TOGGLE_SIDEBAR',
|
4 |
} as const );
|
5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
6 |
export const actions = {
|
7 |
toggleSidebar,
|
|
|
8 |
};
|
9 |
|
10 |
-
export type Action = ReturnType< typeof toggleSidebar >;
|
3 |
type: 'TOGGLE_SIDEBAR',
|
4 |
} as const );
|
5 |
|
6 |
+
const setSidebarClosing = ( isClosing: boolean ) =>
|
7 |
+
( {
|
8 |
+
type: 'SET_SIDEBAR_CLOSING',
|
9 |
+
isClosing,
|
10 |
+
} as const );
|
11 |
+
|
12 |
export const actions = {
|
13 |
toggleSidebar,
|
14 |
+
setSidebarClosing,
|
15 |
};
|
16 |
|
17 |
+
export type Action = ReturnType< typeof toggleSidebar | typeof setSidebarClosing >;
|
wpcom-block-editor-nav-sidebar/src/attach-sidebar.tsx
CHANGED
@@ -1,98 +1,53 @@
|
|
1 |
/**
|
2 |
* External dependencies
|
3 |
*/
|
4 |
-
import {
|
5 |
-
import
|
6 |
-
import {
|
|
|
7 |
|
8 |
/**
|
9 |
* Internal dependencies
|
10 |
*/
|
11 |
-
import
|
12 |
-
import
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
}
|
44 |
-
|
45 |
-
|
46 |
-
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
52 |
-
|
53 |
-
// Teach core data about the status entity so we can use selectors like `getEntityRecords()`
|
54 |
-
dispatch( 'core' ).addEntities( [
|
55 |
-
{
|
56 |
-
baseURL: '/wp/v2/statuses',
|
57 |
-
key: 'slug',
|
58 |
-
kind: 'root',
|
59 |
-
name: 'status',
|
60 |
-
plural: 'statuses',
|
61 |
-
},
|
62 |
-
] );
|
63 |
-
|
64 |
-
// Classes need to be attached to elements that aren't controlled by React,
|
65 |
-
// otherwise our alterations will be removed when React re-renders. So attach
|
66 |
-
// to <body> element.
|
67 |
-
document.body.classList.add( 'is-wpcom-block-editor-nav-sidebar-attached' );
|
68 |
-
|
69 |
-
closePostButton.addEventListener( 'click', ( ev ) => {
|
70 |
-
ev.preventDefault();
|
71 |
-
dispatch( STORE_KEY ).toggleSidebar();
|
72 |
-
} );
|
73 |
-
|
74 |
-
let sidebarExpanded = false;
|
75 |
-
subscribe( () => {
|
76 |
-
const newSidebarState = select( STORE_KEY ).isSidebarOpened();
|
77 |
-
if ( sidebarExpanded === newSidebarState ) {
|
78 |
-
return;
|
79 |
-
}
|
80 |
-
|
81 |
-
sidebarExpanded = newSidebarState;
|
82 |
-
|
83 |
-
if ( sidebarExpanded ) {
|
84 |
-
document.body.classList.add( 'is-wpcom-block-editor-nav-sidebar-opened' );
|
85 |
-
} else {
|
86 |
-
document.body.classList.remove( 'is-wpcom-block-editor-nav-sidebar-opened' );
|
87 |
-
}
|
88 |
-
} );
|
89 |
-
|
90 |
-
const sidebarContainer = document.createElement( 'div' );
|
91 |
-
document.body.appendChild( sidebarContainer );
|
92 |
-
render( <WpcomBlockEditorNavSidebar />, sidebarContainer );
|
93 |
-
|
94 |
-
// Start pre-loading sidebar content
|
95 |
-
selectNavItems( select );
|
96 |
-
}
|
97 |
-
|
98 |
-
attachSidebar();
|
1 |
/**
|
2 |
* External dependencies
|
3 |
*/
|
4 |
+
import { useDispatch } from '@wordpress/data';
|
5 |
+
import { useEffect, createPortal, useState } from '@wordpress/element';
|
6 |
+
import { __experimentalMainDashboardButton as MainDashboardButton } from '@wordpress/interface';
|
7 |
+
import { registerPlugin as originalRegisterPlugin, PluginSettings } from '@wordpress/plugins';
|
8 |
|
9 |
/**
|
10 |
* Internal dependencies
|
11 |
*/
|
12 |
+
import WpcomBlockEditorNavSidebar from './components/nav-sidebar';
|
13 |
+
import ToggleSidebarButton from './components/toggle-sidebar-button';
|
14 |
+
|
15 |
+
const registerPlugin = ( name: string, settings: Omit< PluginSettings, 'icon' > ) =>
|
16 |
+
originalRegisterPlugin( name, settings as any );
|
17 |
+
|
18 |
+
registerPlugin( 'a8c-full-site-editing-nav-sidebar', {
|
19 |
+
render: function NavSidebar() {
|
20 |
+
const { addEntities } = useDispatch( 'core' );
|
21 |
+
|
22 |
+
useEffect( () => {
|
23 |
+
// Teach core data about the status entity so we can use selectors like `getEntityRecords()`
|
24 |
+
addEntities( [
|
25 |
+
{
|
26 |
+
baseURL: '/wp/v2/statuses',
|
27 |
+
key: 'slug',
|
28 |
+
kind: 'root',
|
29 |
+
name: 'status',
|
30 |
+
plural: 'statuses',
|
31 |
+
},
|
32 |
+
] );
|
33 |
+
|
34 |
+
// Only register entity once
|
35 |
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
36 |
+
}, [] );
|
37 |
+
|
38 |
+
const [ clickGuardRoot ] = useState( () => document.createElement( 'div' ) );
|
39 |
+
useEffect( () => {
|
40 |
+
document.body.appendChild( clickGuardRoot );
|
41 |
+
return () => {
|
42 |
+
document.body.removeChild( clickGuardRoot );
|
43 |
+
};
|
44 |
+
} );
|
45 |
+
|
46 |
+
return (
|
47 |
+
<MainDashboardButton>
|
48 |
+
<ToggleSidebarButton />
|
49 |
+
{ createPortal( <WpcomBlockEditorNavSidebar />, clickGuardRoot ) }
|
50 |
+
</MainDashboardButton>
|
51 |
+
);
|
52 |
+
},
|
53 |
+
} );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/index.tsx
CHANGED
@@ -1,15 +1,21 @@
|
|
1 |
/**
|
2 |
* External dependencies
|
3 |
*/
|
4 |
-
import {
|
5 |
-
import {
|
6 |
-
import {
|
|
|
|
|
|
|
|
|
7 |
import { chevronLeft, wordpress } from '@wordpress/icons';
|
8 |
import { __ } from '@wordpress/i18n';
|
9 |
import { applyFilters, doAction, hasAction } from '@wordpress/hooks';
|
10 |
import { get } from 'lodash';
|
11 |
import { addQueryArgs } from '@wordpress/url';
|
12 |
import classNames from 'classnames';
|
|
|
|
|
13 |
|
14 |
/**
|
15 |
* Internal dependencies
|
@@ -28,34 +34,44 @@ const Button = ( {
|
|
28 |
<OriginalButton { ...rest }>{ children }</OriginalButton>
|
29 |
);
|
30 |
|
31 |
-
|
32 |
-
const
|
|
|
33 |
const { getPostType } = select( 'core' ) as any;
|
34 |
|
35 |
return [
|
36 |
-
selectNavItems( select ),
|
37 |
select( STORE_KEY ).isSidebarOpened(),
|
|
|
38 |
getPostType( select( 'core/editor' ).getCurrentPostType() ),
|
39 |
select( 'core/editor' ).getCurrentPostId(),
|
40 |
-
selectPostStatusLabels( select ),
|
41 |
];
|
42 |
} );
|
43 |
|
|
|
|
|
|
|
44 |
const prevIsOpen = useRef( isOpen );
|
45 |
-
|
46 |
-
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
52 |
-
setIsClosing( true );
|
53 |
}
|
54 |
|
55 |
prevIsOpen.current = isOpen;
|
56 |
-
}, [ isOpen, prevIsOpen,
|
57 |
|
58 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
59 |
|
60 |
let closeUrl = addQueryArgs( 'edit.php', { post_type: postType.slug } );
|
61 |
closeUrl = applyFilters( 'a8c.WpcomBlockEditorNavSidebar.closeUrl', closeUrl );
|
@@ -63,116 +79,150 @@ export default function WpcomBlockEditorNavSidebar() {
|
|
63 |
let closeLabel = get( postType, [ 'labels', 'all_items' ], __( 'Back', 'full-site-editing' ) );
|
64 |
closeLabel = applyFilters( 'a8c.WpcomBlockEditorNavSidebar.closeLabel', closeLabel );
|
65 |
|
66 |
-
const handleClose = ( e:
|
67 |
if ( hasAction( 'a8c.wpcom-block-editor.closeEditor' ) ) {
|
68 |
e.preventDefault();
|
69 |
doAction( 'a8c.wpcom-block-editor.closeEditor' );
|
70 |
}
|
71 |
};
|
72 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
73 |
return (
|
74 |
-
<
|
75 |
-
{ (
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
76 |
<div className="wpcom-block-editor-nav-sidebar-nav-sidebar__header">
|
77 |
<Button
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
78 |
icon={ wordpress }
|
79 |
iconSize={ 36 }
|
80 |
-
|
81 |
-
'is-shrinking': isOpen,
|
82 |
-
'is-growing': isClosing,
|
83 |
-
} ) }
|
84 |
-
onClick={ () => {
|
85 |
-
if ( isOpen ) {
|
86 |
-
// The `useEffect` above already takes care of setting isClose to true,
|
87 |
-
// but there's a flicker where isOpen and isClosing are both false for
|
88 |
-
// a brief moment in time. Setting isClose to true here too to avoid
|
89 |
-
// the flicker.
|
90 |
-
setIsClosing( true );
|
91 |
-
}
|
92 |
-
toggleSidebar();
|
93 |
-
} }
|
94 |
-
onAnimationEnd={ ( ev: any ) => {
|
95 |
-
if ( ev.animationName === 'wpcom-block-editor-nav-sidebar__grow' ) {
|
96 |
-
setIsClosing( false );
|
97 |
-
document.body.classList.remove( 'is-wpcom-block-editor-nav-sidebar-close-hidden' );
|
98 |
-
}
|
99 |
-
} }
|
100 |
/>
|
101 |
</div>
|
102 |
-
|
103 |
-
|
104 |
-
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
|
113 |
-
|
114 |
-
|
115 |
-
|
116 |
-
|
117 |
-
|
118 |
-
|
119 |
-
|
120 |
-
|
121 |
-
|
122 |
-
|
123 |
-
|
124 |
-
|
125 |
-
|
126 |
-
|
127 |
-
<ViewAllPosts postType={ postType } />
|
128 |
</div>
|
129 |
-
</
|
130 |
);
|
131 |
}
|
132 |
|
133 |
-
export
|
134 |
-
const { isEditedPostNew, getCurrentPostId, getCurrentPostType, getEditedPostAttribute } = select(
|
135 |
-
'core/editor'
|
136 |
-
);
|
137 |
|
138 |
-
|
139 |
-
|
140 |
-
|
141 |
-
|
|
|
|
|
|
|
|
|
142 |
|
143 |
-
|
144 |
-
|
145 |
-
|
146 |
-
|
147 |
-
|
148 |
-
const currentPostId = getCurrentPostId();
|
149 |
-
const currentPostType = getCurrentPostType();
|
150 |
-
|
151 |
-
const items =
|
152 |
-
select( 'core' ).getEntityRecords( 'postType', currentPostType, {
|
153 |
-
_fields: 'id,slug,status,title',
|
154 |
-
exclude: [ currentPostId ],
|
155 |
-
orderby: 'modified',
|
156 |
-
per_page: 10,
|
157 |
-
status: statusFilter,
|
158 |
-
} ) || [];
|
159 |
-
|
160 |
-
const currentPost = {
|
161 |
-
id: currentPostId,
|
162 |
-
slug: getEditedPostAttribute( 'slug' ),
|
163 |
-
status: isEditedPostNew() ? 'draft' : getEditedPostAttribute( 'status' ),
|
164 |
-
title: { raw: getEditedPostAttribute( 'title' ), rendered: '' },
|
165 |
-
};
|
166 |
|
167 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
168 |
}
|
169 |
|
170 |
-
|
171 |
-
|
172 |
-
)
|
173 |
-
|
174 |
-
|
175 |
-
|
176 |
-
|
177 |
-
);
|
178 |
}
|
1 |
/**
|
2 |
* External dependencies
|
3 |
*/
|
4 |
+
import { useLayoutEffect, useRef } from '@wordpress/element';
|
5 |
+
import { useDispatch, useSelect } from '@wordpress/data';
|
6 |
+
import {
|
7 |
+
Button as OriginalButton,
|
8 |
+
IsolatedEventContainer,
|
9 |
+
withConstrainedTabbing,
|
10 |
+
} from '@wordpress/components';
|
11 |
import { chevronLeft, wordpress } from '@wordpress/icons';
|
12 |
import { __ } from '@wordpress/i18n';
|
13 |
import { applyFilters, doAction, hasAction } from '@wordpress/hooks';
|
14 |
import { get } from 'lodash';
|
15 |
import { addQueryArgs } from '@wordpress/url';
|
16 |
import classNames from 'classnames';
|
17 |
+
import { ESCAPE } from '@wordpress/keycodes';
|
18 |
+
import { compose } from '@wordpress/compose';
|
19 |
|
20 |
/**
|
21 |
* Internal dependencies
|
34 |
<OriginalButton { ...rest }>{ children }</OriginalButton>
|
35 |
);
|
36 |
|
37 |
+
function WpcomBlockEditorNavSidebar() {
|
38 |
+
const { toggleSidebar, setSidebarClosing } = useDispatch( STORE_KEY );
|
39 |
+
const [ isOpen, isClosing, postType, selectedItemId ] = useSelect( ( select ) => {
|
40 |
const { getPostType } = select( 'core' ) as any;
|
41 |
|
42 |
return [
|
|
|
43 |
select( STORE_KEY ).isSidebarOpened(),
|
44 |
+
select( STORE_KEY ).isSidebarClosing(),
|
45 |
getPostType( select( 'core/editor' ).getCurrentPostType() ),
|
46 |
select( 'core/editor' ).getCurrentPostId(),
|
|
|
47 |
];
|
48 |
} );
|
49 |
|
50 |
+
const items = useNavItems();
|
51 |
+
const statusLabels = usePostStatusLabels();
|
52 |
+
|
53 |
const prevIsOpen = useRef( isOpen );
|
54 |
+
|
55 |
+
// Using layout effect to prevent a brief moment in time where both `isOpen` and `isClosing`
|
56 |
+
// are both false, causing a flicker during the fade out animation.
|
57 |
+
useLayoutEffect( () => {
|
58 |
+
if ( ! isOpen && prevIsOpen.current ) {
|
59 |
+
// Check current and previous isOpen value to see if we're closing
|
60 |
+
setSidebarClosing( true );
|
|
|
61 |
}
|
62 |
|
63 |
prevIsOpen.current = isOpen;
|
64 |
+
}, [ isOpen, prevIsOpen, setSidebarClosing ] );
|
65 |
|
66 |
+
if ( ! postType ) {
|
67 |
+
// Still loading
|
68 |
+
return null;
|
69 |
+
}
|
70 |
+
|
71 |
+
if ( ! isOpen && ! isClosing ) {
|
72 |
+
// Remove from DOM when closed so sidebar doesn't participate in tab order
|
73 |
+
return null;
|
74 |
+
}
|
75 |
|
76 |
let closeUrl = addQueryArgs( 'edit.php', { post_type: postType.slug } );
|
77 |
closeUrl = applyFilters( 'a8c.WpcomBlockEditorNavSidebar.closeUrl', closeUrl );
|
79 |
let closeLabel = get( postType, [ 'labels', 'all_items' ], __( 'Back', 'full-site-editing' ) );
|
80 |
closeLabel = applyFilters( 'a8c.WpcomBlockEditorNavSidebar.closeLabel', closeLabel );
|
81 |
|
82 |
+
const handleClose = ( e: React.MouseEvent ) => {
|
83 |
if ( hasAction( 'a8c.wpcom-block-editor.closeEditor' ) ) {
|
84 |
e.preventDefault();
|
85 |
doAction( 'a8c.wpcom-block-editor.closeEditor' );
|
86 |
}
|
87 |
};
|
88 |
|
89 |
+
const dismissSidebar = () => {
|
90 |
+
if ( isOpen && ! isClosing ) {
|
91 |
+
toggleSidebar();
|
92 |
+
}
|
93 |
+
};
|
94 |
+
|
95 |
+
const handleClickGuard = ( e: React.MouseEvent ) => {
|
96 |
+
if ( e.currentTarget === e.target ) {
|
97 |
+
dismissSidebar();
|
98 |
+
}
|
99 |
+
};
|
100 |
+
|
101 |
+
const handleKeyDown = ( e: React.KeyboardEvent ) => {
|
102 |
+
if ( e.keyCode === ESCAPE ) {
|
103 |
+
e.stopPropagation();
|
104 |
+
dismissSidebar();
|
105 |
+
}
|
106 |
+
};
|
107 |
+
|
108 |
return (
|
109 |
+
<IsolatedEventContainer
|
110 |
+
className={ classNames( 'wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard', {
|
111 |
+
'is-fading-out': isClosing,
|
112 |
+
} ) }
|
113 |
+
onAnimationEnd={ ( ev: React.AnimationEvent ) => {
|
114 |
+
if (
|
115 |
+
ev.animationName === 'wpcom-block-editor-nav-sidebar-nav-sidebar__fade' &&
|
116 |
+
isClosing
|
117 |
+
) {
|
118 |
+
setSidebarClosing( false );
|
119 |
+
}
|
120 |
+
} }
|
121 |
+
onClick={ handleClickGuard }
|
122 |
+
onKeyDown={ handleKeyDown }
|
123 |
+
>
|
124 |
+
<div
|
125 |
+
className={ classNames( 'wpcom-block-editor-nav-sidebar-nav-sidebar__container', {
|
126 |
+
'is-sliding-left': isClosing,
|
127 |
+
} ) }
|
128 |
+
ref={ ( el ) => el && el.focus() }
|
129 |
+
role="dialog"
|
130 |
+
tabIndex={ -1 }
|
131 |
+
>
|
132 |
<div className="wpcom-block-editor-nav-sidebar-nav-sidebar__header">
|
133 |
<Button
|
134 |
+
className={ classNames(
|
135 |
+
'edit-post-fullscreen-mode-close',
|
136 |
+
'wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button',
|
137 |
+
{
|
138 |
+
'is-growing': isClosing,
|
139 |
+
}
|
140 |
+
) }
|
141 |
icon={ wordpress }
|
142 |
iconSize={ 36 }
|
143 |
+
onClick={ dismissSidebar }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
144 |
/>
|
145 |
</div>
|
146 |
+
<div className="wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container">
|
147 |
+
<Button
|
148 |
+
href={ closeUrl }
|
149 |
+
className="wpcom-block-editor-nav-sidebar-nav-sidebar__home-button"
|
150 |
+
icon={ chevronLeft }
|
151 |
+
onClick={ handleClose }
|
152 |
+
>
|
153 |
+
{ closeLabel }
|
154 |
+
</Button>
|
155 |
+
</div>
|
156 |
+
<div className="wpcom-block-editor-nav-sidebar-nav-sidebar__controls">
|
157 |
+
<ul className="wpcom-block-editor-nav-sidebar-nav-sidebar__page-list">
|
158 |
+
{ items.map( ( item ) => (
|
159 |
+
<NavItem
|
160 |
+
key={ item.id }
|
161 |
+
item={ item }
|
162 |
+
postType={ postType } // We know the post type of this item is always the same as the post type of the current editor
|
163 |
+
selected={ item.id === selectedItemId }
|
164 |
+
statusLabel={ statusLabels[ item.status ] }
|
165 |
+
/>
|
166 |
+
) ) }
|
167 |
+
</ul>
|
168 |
+
<CreatePage postType={ postType } />
|
169 |
+
<ViewAllPosts postType={ postType } />
|
170 |
+
</div>
|
|
|
171 |
</div>
|
172 |
+
</IsolatedEventContainer>
|
173 |
);
|
174 |
}
|
175 |
|
176 |
+
export default compose( [ withConstrainedTabbing ] )( WpcomBlockEditorNavSidebar );
|
|
|
|
|
|
|
177 |
|
178 |
+
function useNavItems(): Post[] {
|
179 |
+
return useSelect( ( select ) => {
|
180 |
+
const {
|
181 |
+
isEditedPostNew,
|
182 |
+
getCurrentPostId,
|
183 |
+
getCurrentPostType,
|
184 |
+
getEditedPostAttribute,
|
185 |
+
} = select( 'core/editor' );
|
186 |
|
187 |
+
const statuses = select( 'core' ).getEntityRecords( 'root', 'status' );
|
188 |
+
if ( ! statuses ) {
|
189 |
+
return [];
|
190 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
191 |
|
192 |
+
const statusFilter = statuses
|
193 |
+
.filter( ( { show_in_list } ) => show_in_list )
|
194 |
+
.map( ( { slug } ) => slug )
|
195 |
+
.join( ',' );
|
196 |
+
|
197 |
+
const currentPostId = getCurrentPostId();
|
198 |
+
const currentPostType = getCurrentPostType();
|
199 |
+
|
200 |
+
const items =
|
201 |
+
select( 'core' ).getEntityRecords( 'postType', currentPostType, {
|
202 |
+
_fields: 'id,slug,status,title',
|
203 |
+
exclude: [ currentPostId ],
|
204 |
+
orderby: 'modified',
|
205 |
+
per_page: 10,
|
206 |
+
status: statusFilter,
|
207 |
+
} ) || [];
|
208 |
+
|
209 |
+
const currentPost = {
|
210 |
+
id: currentPostId,
|
211 |
+
slug: getEditedPostAttribute( 'slug' ),
|
212 |
+
status: isEditedPostNew() ? 'draft' : getEditedPostAttribute( 'status' ),
|
213 |
+
title: { raw: getEditedPostAttribute( 'title' ), rendered: '' },
|
214 |
+
};
|
215 |
+
|
216 |
+
return [ currentPost, ...items ] as any;
|
217 |
+
} );
|
218 |
}
|
219 |
|
220 |
+
function usePostStatusLabels(): Record< string, string > {
|
221 |
+
return useSelect( ( select ) => {
|
222 |
+
const items = select( 'core' ).getEntityRecords( 'root', 'status' );
|
223 |
+
return ( items || [] ).reduce(
|
224 |
+
( acc, { name, slug } ) => ( slug === 'publish' ? acc : { ...acc, [ slug ]: name } ),
|
225 |
+
{}
|
226 |
+
);
|
227 |
+
} );
|
228 |
}
|
wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/style.scss
CHANGED
@@ -1,42 +1,35 @@
|
|
1 |
@import '~@wordpress/base-styles/colors';
|
2 |
@import '~@wordpress/base-styles/mixins';
|
3 |
@import '~@wordpress/base-styles/variables';
|
|
|
4 |
|
5 |
$sidebar-width: 272px;
|
6 |
$border: 1px solid $light-gray-500;
|
7 |
$transition-period: 200ms;
|
8 |
|
9 |
-
.
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
|
|
|
22 |
}
|
23 |
}
|
24 |
|
25 |
-
|
26 |
-
|
27 |
-
|
28 |
-
}
|
29 |
-
|
30 |
-
.edit-post-fullscreen-mode-close {
|
31 |
-
width: 0;
|
32 |
}
|
33 |
-
|
34 |
-
|
35 |
-
.is-wpcom-block-editor-nav-sidebar-close-hidden {
|
36 |
-
.edit-post-fullscreen-mode-close {
|
37 |
-
opacity: 0;
|
38 |
-
padding: 0;
|
39 |
-
pointer-events: none;
|
40 |
}
|
41 |
}
|
42 |
|
@@ -44,49 +37,56 @@ $transition-period: 200ms;
|
|
44 |
box-sizing: border-box;
|
45 |
position: fixed;
|
46 |
top: 0;
|
47 |
-
left: -$sidebar-width;
|
48 |
bottom: 0;
|
49 |
width: $sidebar-width;
|
50 |
border-right: $border;
|
51 |
-
|
52 |
-
|
|
|
53 |
|
54 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
55 |
left: 0;
|
56 |
}
|
57 |
}
|
58 |
|
59 |
.wpcom-block-editor-nav-sidebar-nav-sidebar__header {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
60 |
top: 0;
|
61 |
left: 0;
|
62 |
-
|
63 |
-
|
|
|
64 |
|
65 |
-
|
66 |
-
|
67 |
-
|
68 |
-
display: flex;
|
69 |
-
align-items: center;
|
70 |
-
justify-content: center;
|
71 |
-
border-radius: 0;
|
72 |
-
background: #32373d !important;
|
73 |
-
color: #fff !important;
|
74 |
-
box-shadow: none !important;
|
75 |
-
|
76 |
-
&.is-shrinking {
|
77 |
-
animation: wpcom-block-editor-nav-sidebar__shrink $transition-period normal forwards;
|
78 |
-
@include reduce-motion( 'animation' );
|
79 |
-
}
|
80 |
-
&.is-growing {
|
81 |
-
animation: wpcom-block-editor-nav-sidebar__grow $transition-period normal forwards;
|
82 |
-
@include reduce-motion( 'animation' );
|
83 |
-
}
|
84 |
}
|
85 |
}
|
86 |
|
87 |
-
|
88 |
-
|
89 |
-
|
|
|
|
|
|
|
|
|
90 |
}
|
91 |
|
92 |
.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container {
|
1 |
@import '~@wordpress/base-styles/colors';
|
2 |
@import '~@wordpress/base-styles/mixins';
|
3 |
@import '~@wordpress/base-styles/variables';
|
4 |
+
@import '~@wordpress/base-styles/z-index';
|
5 |
|
6 |
$sidebar-width: 272px;
|
7 |
$border: 1px solid $light-gray-500;
|
8 |
$transition-period: 200ms;
|
9 |
|
10 |
+
.wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard {
|
11 |
+
position: fixed;
|
12 |
+
top: 0;
|
13 |
+
left: 0;
|
14 |
+
right: 0;
|
15 |
+
bottom: 0;
|
16 |
+
// Use the same z-index as the <Modal> component
|
17 |
+
z-index: z-index( '.components-modal__header' );
|
18 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__fade $transition-period ease-out forwards;
|
19 |
+
@include reduce-motion( 'animation' );
|
20 |
+
|
21 |
+
&.is-fading-out {
|
22 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__fade $transition-period ease-in reverse;
|
23 |
+
@include reduce-motion( 'animation' );
|
24 |
}
|
25 |
}
|
26 |
|
27 |
+
@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__fade {
|
28 |
+
0% {
|
29 |
+
background-color: rgba( $black, 0 );
|
|
|
|
|
|
|
|
|
30 |
}
|
31 |
+
100% {
|
32 |
+
background-color: rgba( $black, 0.7 );
|
|
|
|
|
|
|
|
|
|
|
33 |
}
|
34 |
}
|
35 |
|
37 |
box-sizing: border-box;
|
38 |
position: fixed;
|
39 |
top: 0;
|
|
|
40 |
bottom: 0;
|
41 |
width: $sidebar-width;
|
42 |
border-right: $border;
|
43 |
+
background: $white;
|
44 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__slide $transition-period ease-out;
|
45 |
+
@include reduce-motion( 'animation' );
|
46 |
|
47 |
+
&.is-sliding-left {
|
48 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__slide $transition-period ease-in reverse;
|
49 |
+
@include reduce-motion( 'animation' );
|
50 |
+
}
|
51 |
+
}
|
52 |
+
|
53 |
+
@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__slide {
|
54 |
+
0% {
|
55 |
+
left: -$sidebar-width;
|
56 |
+
}
|
57 |
+
100% {
|
58 |
left: 0;
|
59 |
}
|
60 |
}
|
61 |
|
62 |
.wpcom-block-editor-nav-sidebar-nav-sidebar__header {
|
63 |
+
height: $header-height;
|
64 |
+
border-bottom: $border;
|
65 |
+
box-sizing: content-box;
|
66 |
+
display: flex;
|
67 |
+
}
|
68 |
+
|
69 |
+
.wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button {
|
70 |
+
position: fixed;
|
71 |
top: 0;
|
72 |
left: 0;
|
73 |
+
height: $header-height !important;
|
74 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__shrink $transition-period ease-in-out forwards;
|
75 |
+
@include reduce-motion( 'animation' );
|
76 |
|
77 |
+
&.is-growing {
|
78 |
+
animation: wpcom-block-editor-nav-sidebar-nav-sidebar__shrink $transition-period ease-in-out reverse;
|
79 |
+
@include reduce-motion( 'animation' );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
80 |
}
|
81 |
}
|
82 |
|
83 |
+
@keyframes wpcom-block-editor-nav-sidebar-nav-sidebar__shrink {
|
84 |
+
0% {
|
85 |
+
transform: scale( 1 );
|
86 |
+
}
|
87 |
+
100% {
|
88 |
+
transform: scale( 0.55 );
|
89 |
+
}
|
90 |
}
|
91 |
|
92 |
.wpcom-block-editor-nav-sidebar-nav-sidebar__home-button-container {
|
wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/index.tsx
ADDED
@@ -0,0 +1,41 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* External dependencies
|
3 |
+
*/
|
4 |
+
import { Button as OriginalButton } from '@wordpress/components';
|
5 |
+
import { wordpress } from '@wordpress/icons';
|
6 |
+
import { useDispatch, useSelect } from '@wordpress/data';
|
7 |
+
import classnames from 'classnames';
|
8 |
+
|
9 |
+
/**
|
10 |
+
* Internal dependencies
|
11 |
+
*/
|
12 |
+
import { STORE_KEY } from '../../constants';
|
13 |
+
import './style.scss';
|
14 |
+
|
15 |
+
const Button = ( {
|
16 |
+
children,
|
17 |
+
...rest
|
18 |
+
}: OriginalButton.Props & { icon?: any; iconSize?: number } ) => (
|
19 |
+
<OriginalButton { ...rest }>{ children }</OriginalButton>
|
20 |
+
);
|
21 |
+
|
22 |
+
export default function ToggleSidebarButton() {
|
23 |
+
const { toggleSidebar } = useDispatch( STORE_KEY );
|
24 |
+
const isSidebarOpen = useSelect( ( select ) => select( STORE_KEY ).isSidebarOpened() );
|
25 |
+
const isSidebarClosing = useSelect( ( select ) => select( STORE_KEY ).isSidebarClosing() );
|
26 |
+
|
27 |
+
return (
|
28 |
+
<Button
|
29 |
+
className={ classnames(
|
30 |
+
'edit-post-fullscreen-mode-close',
|
31 |
+
'wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button',
|
32 |
+
{
|
33 |
+
'is-hidden': isSidebarOpen || isSidebarClosing,
|
34 |
+
}
|
35 |
+
) }
|
36 |
+
icon={ wordpress }
|
37 |
+
iconSize={ 36 }
|
38 |
+
onClick={ toggleSidebar }
|
39 |
+
/>
|
40 |
+
);
|
41 |
+
}
|
wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/style.scss
ADDED
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@import '~@wordpress/base-styles/variables';
|
2 |
+
|
3 |
+
.wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button {
|
4 |
+
height: $header-height !important;
|
5 |
+
|
6 |
+
&.is-hidden {
|
7 |
+
visibility: hidden;
|
8 |
+
}
|
9 |
+
}
|
wpcom-block-editor-nav-sidebar/src/store.ts
CHANGED
@@ -22,12 +22,23 @@ const opened: Reducer< boolean, Action > = ( state = false, action ) => {
|
|
22 |
}
|
23 |
};
|
24 |
|
25 |
-
const
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
26 |
|
27 |
type State = ReturnType< typeof reducer >;
|
28 |
|
29 |
const selectors = {
|
30 |
isSidebarOpened: ( state: State ) => state.opened,
|
|
|
31 |
};
|
32 |
|
33 |
registerStore( STORE_KEY, {
|
22 |
}
|
23 |
};
|
24 |
|
25 |
+
const closing: Reducer< boolean, Action > = ( state = false, action ) => {
|
26 |
+
switch ( action.type ) {
|
27 |
+
case 'SET_SIDEBAR_CLOSING':
|
28 |
+
return action.isClosing;
|
29 |
+
|
30 |
+
default:
|
31 |
+
return state;
|
32 |
+
}
|
33 |
+
};
|
34 |
+
|
35 |
+
const reducer = combineReducers( { opened, closing } );
|
36 |
|
37 |
type State = ReturnType< typeof reducer >;
|
38 |
|
39 |
const selectors = {
|
40 |
isSidebarOpened: ( state: State ) => state.opened,
|
41 |
+
isSidebarClosing: ( state: State ) => state.closing,
|
42 |
};
|
43 |
|
44 |
registerStore( STORE_KEY, {
|
wpcom-block-editor-nav-sidebar/src/wp-interface-types.d.ts
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
declare module '@wordpress/interface' {
|
2 |
+
export const __experimentalMainDashboardButton: React.ComponentType;
|
3 |
+
}
|