| 1 |
.badge{align-items:center;border-radius:3px;box-sizing:border-box;display:inline-flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;line-height:1;min-block-size:24px;min-inline-size:43px;padding-block:0;padding-inline:3px;text-align:center;text-transform:uppercase}.row-actions .badge{color:#8c8c8c;font-weight:500;padding-inline:0;text-transform:capitalize}.badge .dashicons{block-size:18px;font-size:18px;inline-size:18px}.network-shared{color:#2271b1;cursor:help;font-size:22px;inline-size:100%}.small-badge{block-size:auto;font-size:smaller;inline-size:auto;padding-block:0;padding-inline:.5em}.wp-core-ui .button.nav-tab-button{align-items:center;align-self:center;background:#f6f7f7;border-color:#f6f7f7;color:#a7aaad;display:flex;float:inline-end;gap:2px;justify-content:center;margin-inline-start:.5em}.nav-tab-button .dashicons-external{color:#666;font-size:15px}.badge.php-badge,.nav-tab-inactive:hover .badge.php-badge,:hover>.inverted-badges .php-badge{background-color:#1d97c6;color:#fff}.badge.php-badge:hover{background-color:#1a86b0;color:#fff}.badge.html-badge,.nav-tab-inactive:hover .badge.html-badge,:hover>.inverted-badges .html-badge{background-color:#ef6a36;color:#fff}.badge.html-badge:hover{background-color:#ed581e;color:#fff}.badge.css-badge,.nav-tab-inactive:hover .badge.css-badge,:hover>.inverted-badges .css-badge{background-color:#9b59b6;color:#fff}.badge.css-badge:hover{background-color:#8f4bab;color:#fff}.badge.js-badge,.nav-tab-inactive:hover .badge.js-badge,:hover>.inverted-badges .js-badge{background-color:#ffeb3b;color:#1c1f20}.badge.js-badge:hover{background-color:#ffe822;color:#1c1f20}.badge.cond-badge,.nav-tab-inactive:hover .badge.cond-badge,:hover>.inverted-badges .cond-badge{background-color:#2eae95;color:#fff}.badge.cond-badge:hover{background-color:#299a84;color:#fff}.badge.core-badge,.nav-tab-inactive:hover .badge.core-badge,:hover>.inverted-badges .core-badge{background-color:#61c5cb;color:#fff}.badge.core-badge:hover{background-color:#4ebec5;color:#fff}.badge.pro-badge,.nav-tab-inactive:hover .badge.pro-badge,:hover>.inverted-badges .pro-badge{background-color:#f7e8e3;color:#df9279}.badge.pro-badge:hover{background-color:#f1d8cf;color:#df9279}.badge.cloud-badge,.nav-tab-inactive:hover .badge.cloud-badge,:hover>.inverted-badges .cloud-badge{background-color:#00bcd4;color:#fff}.badge.cloud-badge:hover{background-color:#00a5bb;color:#fff}.badge.bundles-badge,.nav-tab-inactive:hover .badge.bundles-badge,:hover>.inverted-badges .bundles-badge{background-color:#50575e;color:#fff}.badge.bundles-badge:hover{background-color:#444a50;color:#fff}.badge.cloud_search-badge,.nav-tab-inactive:hover .badge.cloud_search-badge,:hover>.inverted-badges .cloud_search-badge{background-color:#ff9800;color:#fff}.badge.cloud_search-badge:hover{background-color:#e68900;color:#fff}.badge.private-badge,.nav-tab-inactive:hover .badge.private-badge,:hover>.inverted-badges .private-badge{background-color:#f7e6be;color:#ca961b}.badge.private-badge:hover{background-color:#f4dda7;color:#ca961b}.badge.public-badge,.nav-tab-inactive:hover .badge.public-badge,:hover>.inverted-badges .public-badge{background-color:#dbebf7;color:#2271b1}.badge.public-badge:hover{background-color:#c6dff2;color:#2271b1}.badge.success-badge,.nav-tab-inactive:hover .badge.success-badge,:hover>.inverted-badges .success-badge{background-color:#d3e8d1;color:#447340}.badge.success-badge:hover{background-color:#c3e0c0;color:#447340}.badge.failure-badge,.nav-tab-inactive:hover .badge.failure-badge,:hover>.inverted-badges .failure-badge{background-color:#fad7c1;color:#a24b16}.badge.failure-badge:hover{background-color:#f8c8a9;color:#a24b16}.badge.info-badge,.nav-tab-inactive:hover .badge.info-badge,:hover>.inverted-badges .info-badge{background-color:#d2e6f4;color:#2b71a3}.badge.info-badge:hover{background-color:#bedbef;color:#2b71a3}.badge.neutral-badge,.nav-tab-inactive:hover .badge.neutral-badge,:hover>.inverted-badges .neutral-badge{background-color:#e2e5e5;color:#6c7e7e}.badge.neutral-badge:hover{background-color:#d5d9d9;color:#6c7e7e}.badge.special-badge,.nav-tab-inactive:hover .badge.special-badge,:hover>.inverted-badges .special-badge{background-color:#dfc5ef;color:#6e249c}.badge.special-badge:hover{background-color:#d4b1e9;color:#6e249c}.inverted-badges .badge,.nav-tab-inactive .badge{background-color:#a7aaad;border-color:#fff!important;color:#fff}.inverted-badges .badge .dashicons,.nav-tab-inactive .badge .dashicons{color:#fff}.nav-tab-inactive{background:transparent}.nav-tab-inactive .badge.pro-badge{background-color:#f7e8e3;color:#df9279}.nav-tab-inactive:hover .dashicons-external,.nav-tab-inactive:hover.button{color:#3c434a}.nav-tab-inactive:hover .badge.pro-badge{background-color:#df9279;color:#f7e8e3}.code-snippets-upsell-banner{align-items:center;background:#fff;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:row;gap:10px;padding:12px}.code-snippets-upsell-banner p{margin:0}.code-snippets-upsell-banner .components-external-link__contents{text-decoration:none}.code-snippets-upsell-banner .button-primary{background-color:#d46f4d;border:0;font-weight:700;margin-inline-start:auto}.code-snippets-upsell-banner .button-primary:focus,.code-snippets-upsell-banner .button-primary:hover{background-color:#c0532e}.code-snippets-upsell-banner .button-link.button-small{color:#646970;font-weight:400;line-height:1;padding:0;text-decoration:none}.code-snippets-upsell-dialog{background:linear-gradient(116.04deg,#edfcff -.75%,#fcdfd4 93.04%);border-radius:8px;box-shadow:0 4px 80px rgba(0,0,0,.1);color:#1c3f41;font-family:SF Pro,sans-serif;inline-size:794px;line-height:1.5;max-block-size:unset}.code-snippets-upsell-dialog .components-modal__content{margin:0;padding-block:48px;padding-inline:80px}.code-snippets-upsell-dialog .components-modal__content>div:last-child{align-items:center;display:flex;flex-direction:column;gap:18px;overflow:auto;text-align:center}.code-snippets-upsell-dialog h1{font-size:32px;margin:0}.code-snippets-upsell-dialog h1 span{color:#d46f4d}.code-snippets-upsell-dialog p{font-size:16px;margin-block:0;margin-inline:2em}.code-snippets-upsell-dialog img{inline-size:82px}.code-snippets-upsell-dialog ul{display:grid;grid-auto-flow:column;grid-template-rows:1fr 1fr 1fr 1fr 1fr;inline-size:100%}.code-snippets-upsell-dialog li{display:flex;flex-flow:row;font-size:14px;gap:11px}.code-snippets-upsell-dialog li:before{align-items:center;background-color:#0ca0a9;block-size:24px;border-radius:50%;color:#fff;content:"✓";display:flex;inline-size:24px;justify-content:center}.code-snippets-upsell-dialog .button.button-large{background-color:#d46f4d;border-color:currentcolor;font-size:16px;line-height:inherit;margin-block:16px 24px;margin-inline:auto;padding-block:15px;padding-inline:20px}.code-snippets-upsell-dialog .button.button-large:hover{background-color:#c0532e}#wpbody{padding-block-start:150px}.code-snippets-toolbar{background:#fff;block-size:150px;color:#2c3337;display:flex;flex-direction:column;font-family:SF Pro,sans-serif;inline-size:calc(100% + 20px);inset-block-start:0;margin-inline-start:-22px;position:absolute}.code-snippets-toolbar li,.code-snippets-toolbar ul{list-style:none;margin:0;padding:0}.code-snippets-toolbar-upper{align-items:center;block-size:77px;display:flex;justify-content:space-between;padding-inline:24px}.code-snippets-toolbar-upper .logo{align-items:center;display:flex;gap:8px}.code-snippets-toolbar-upper .logo img{block-size:42px}.code-snippets-toolbar-upper h1{font-size:18px;font-weight:700;line-height:1.5}.code-snippets-toolbar-upper ul{align-items:center;display:flex;gap:22px}.code-snippets-toolbar-upper a{color:inherit;text-decoration:none}.code-snippets-toolbar-lower{border-block:1px solid #c3c4c7}.code-snippets-toolbar-lower ul{align-items:end;display:flex}.code-snippets-toolbar-lower li a{align-items:center;border-block-end:4px solid transparent;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;margin:0;padding:24px 24px 20px;text-decoration:none;transition:border unset}.code-snippets-toolbar-lower li a.active-link,.code-snippets-toolbar-lower li a:active,.code-snippets-toolbar-lower li a:focus,.code-snippets-toolbar-lower li a:hover{border-block-end-color:currentcolor;color:#2271b1}.code-snippets-toolbar-lower li:last-of-type{margin-inline-start:auto}.code-snippets-toolbar-upper li a.active-link,.code-snippets-toolbar-upper li a:active,.code-snippets-toolbar-upper li a:focus,.code-snippets-toolbar-upper li a:hover{color:#2271b1}.code-snippets-toolbar-lower .pro-chip,.nav-tab .pro-chip{align-items:center;border:2px solid;border-radius:999px;box-sizing:border-box;color:#d46f4d;display:flex;font-weight:600;justify-content:center;padding:3px 9px;text-transform:uppercase}.code-snippets-toolbar-lower .pro-chip{font-size:12px}.nav-tab .pro-chip{font-size:10px;padding:0 6px}.wrap input[type=email]:not([class*=components-]),.wrap input[type=number]:not([class*=components-],.snippet-priority),.wrap input[type=password]:not([class*=components-]),.wrap input[type=search]:not([class*=components-]),.wrap input[type=tel]:not([class*=components-]),.wrap input[type=text]:not([class*=components-]),.wrap input[type=url]:not([class*=components-]){border:1px solid #8c8f94;border-radius:4px;color:#2c3338;font-size:14px;line-height:2;min-block-size:30px;padding-block:0;padding-inline:8px}.wrap input[type=email]:not([class*=components-]):focus,.wrap input[type=number]:not([class*=components-],.snippet-priority):focus,.wrap input[type=password]:not([class*=components-]):focus,.wrap input[type=search]:not([class*=components-]):focus,.wrap input[type=tel]:not([class*=components-]):focus,.wrap input[type=text]:not([class*=components-]):focus,.wrap input[type=url]:not([class*=components-]):focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.wrap select:not([class*=components-]){border:1px solid #8c8f94;border-radius:3px;color:#2c3338;font-size:14px;line-height:2;min-block-size:30px;padding-block:0;padding-inline:8px 24px}.wrap select:not([class*=components-]):focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.wrap .button-secondary,.wrap .button:not(.button-primary){background:#f6f7f7;border-color:#2271b1;border-radius:3px;color:#2271b1;font-size:13px;font-weight:400;line-height:2.3077;min-block-size:30px;padding-block:0;padding-inline:12px}.wrap .button-secondary:hover:not(:disabled),.wrap .button:not(.button-primary):hover:not(:disabled){background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}.wrap .button-secondary:focus:not(:disabled),.wrap .button:not(.button-primary):focus:not(:disabled){border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.wrap .button-primary{background:#2271b1;border-color:#2271b1;border-radius:3px;color:#fff;font-size:13px;font-weight:400;line-height:2.3077;min-block-size:30px;padding-block:0;padding-inline:12px}.wrap .button-primary:hover:not(:disabled){background:#0a4b78;border-color:#0a4b78;color:#fff}.wrap .button-primary:focus:not(:disabled){background:#0a4b78;border-color:#0a4b78;box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1;outline:2px solid transparent}.wrap .button-small{font-size:11px;line-height:2.1818;min-block-size:26px}.wrap .button .dashicons{line-height:1}.code-snippets-welcome h2{font-size:1.5rem;font-weight:400;line-height:1.3;margin-block:50px 1rem;padding:0}.code-snippets-updates{display:grid;gap:20px;grid-template-columns:2fr 1fr}.code-snippets-updates>*{background:#fff;border-radius:8px;padding:32px}.code-snippets-updates .code-snippets-header-wrapper{align-items:center;border-block-end:1px solid #e2e2e4;display:flex;flex-flow:row;justify-content:space-between;margin-block-end:20px;padding-block-end:20px}.code-snippets-updates h3{font-size:18px;margin:0}.code-snippets-hero{display:flex;flex-flow:column}.code-snippets-hero figure{background:#efefef;block-size:auto;border-radius:.5rem;flex:1;margin-block:1em 0;margin-inline:0;overflow:hidden;position:relative;text-align:center}.code-snippets-hero figure img{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.code-snippets-articles,.code-snippets-partners{display:flex;flex-direction:row;gap:16px;margin:0}.code-snippets-articles figure,.code-snippets-partners figure{margin:0;padding:0}.code-snippets-articles figure img,.code-snippets-partners figure img{block-size:220px;inline-size:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.code-snippets-card{background:#fff;border-radius:8px;color:#2c3337;display:flex;flex:1;flex-flow:column;margin:0}.code-snippets-card figure img{border-start-end-radius:8px;border-start-start-radius:8px}.code-snippets-partners .code-snippets-header-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:24px}.code-snippets-articles .code-snippets-header-wrapper{align-items:flex-start;block-size:100%;display:flex;flex-direction:column;gap:14px;padding:24px}.code-snippets-articles .button{margin-block-start:auto}.code-snippets-articles h3{font-size:18px;margin:0}.code-snippets-articles p{margin:0}.code-snippets-articles .item-category{background:#ab4a29;border-radius:3px;color:#fff;display:block;font-size:12px;font-weight:700;inline-size:-moz-fit-content;inline-size:fit-content;letter-spacing:1px;margin-block:0;padding:3px 10px;text-transform:uppercase}.code-snippets-changelog-entries{color:#2c3337;font-size:.9rem;line-height:1.5;max-block-size:500px;overflow-y:scroll;padding-inline-end:1em}.code-snippets-changelog-entries h3{display:flex;font-size:16px}.code-snippets-changelog-entries h3:not(:first-of-type){margin-block-start:100px}.code-snippets-changelog-entries h3 span{font-size:14px;font-weight:400;margin-inline-start:auto}.code-snippets-changelog-entries h4{font-size:14px;margin:1em 0}.code-snippets-changelog-entries ul{margin-block-start:5px}.code-snippets-changelog-entries li{align-items:baseline;display:grid;gap:10px;grid-template-columns:40px 1fr;grid-template-rows:1fr}.code-snippets-changelog-entries .dashicons-lightbulb{color:#f1c40f}.code-snippets-changelog-entries .dashicons-chart-line{color:#85144b}.code-snippets-changelog-entries .dashicons-buddicons-replies{color:#3d9970}.code-snippets-changelog-entries .dashicons-remove{color:#ffbf00}.code-snippets-changelog-entries .dashicons-trash{color:silver}.code-snippets-changelog-entries .dashicons-shield{color:#0074d9}.code-snippets-changelog-entries .dashicons-open-folder{color:#5d2f27}.code-snippets-loading-spinner{animation:loading-rotate 1s linear infinite;block-size:0;border:6px solid #e7c0b3;border-inline-end-color:#d46f4d;border-radius:22px;inline-size:0;inset-block-start:45%;inset-inline-start:47%;padding:15px;position:absolute}@media(prefers-reduced-motion:reduce){.code-snippets-loading-spinner{animation:none}}.csp-welcome-header nav{-moz-column-gap:15px;column-gap:15px}.csp-welcome-header nav ul{display:flex;flex-flow:row wrap;gap:5px;justify-content:space-evenly;margin:0}@keyframes loading-rotate{to{transform:rotate(calc(1turn*var(--cs-direction-multiplier)))}} |
