# code-snippets/4.0.0-beta.1/dist/edit.css

Code Snippets, version 4.0.0-beta.1. 2 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/code/dist/edit.css
- Raw: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/raw/dist/edit.css
- Modified: 2026-06-19T15:58:00+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/code/dist/edit.css#L10-L20`.

```css
:root{--cs-direction-multiplier:1}body.rtl,html[dir=rtl]{--cs-direction-multiplier:-1}.CodeMirror{background-color:#fff;block-size:auto!important;border:1px solid #dfdfdf;border-radius:3px}.CodeMirror-code{outline:none}.CodeMirror-focused .cm-matchhighlight{color:#fff!important;outline:1px solid green}.CodeMirror-sizer:after,.CodeMirror-sizer:before{color:#bbb;display:block}.CodeMirror-sizer:before{content:"";padding-block-end:5px}.cm-s-rubyblue .CodeMirror-cursor{border-inline-start:1px solid #fff!important}.CodeMirror-lint-marker-multiple,[class*=CodeMirror-lint-marker],[class*=CodeMirror-lint-message]{background-image:none}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{cursor:help}.CodeMirror-lint-marker-multiple{inset-block-start:0;position:absolute}[class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;inset-block-start:-2px;position:relative}[class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;inset-inline-start:16px;position:absolute}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin-block:5px 2px;margin-inline:0;padding-block:3px;padding-inline:28px 12px}.CodeMirror-lint-message-warning{background-color:#fff8e5;border-inline-start:4px solid #ffb900}.CodeMirror-lint-marker-warning:before,.CodeMirror-lint-message-warning:before{color:#f6a306;content:""}.CodeMirror-lint-message-error{background-color:#fbeaea;border-inline-start:4px solid #dc3232}.CodeMirror-lint-marker-error:before,.CodeMirror-lint-message-error:before{color:#dc3232;content:""}.CodeMirror-lint-tooltip{background:none;border:none;border-radius:0;direction:ltr}.CodeMirror .CodeMirror-matchingbracket{background:rgba(255,150,0,.3);color:inherit}.CodeMirror .CodeMirror-linenumber{color:#666}.CodeMirror-foldmarker{color:inherit;font-weight:700;margin-inline:.25em}.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}.snippet-activation-switch,.snippet-execution-button,input[type=checkbox].switch{display:block;position:relative}.snippet-activation-switch,input[type=checkbox].switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:19px;border:1px solid #789;border-radius:34px;box-sizing:border-box;cursor:pointer;inline-size:32px;margin:0;outline:0;text-align:start}.snippet-activation-switch:before,input[type=checkbox].switch:before{background-color:#789;block-size:13px;border-radius:50%;content:"";display:inline-block;inline-size:13px;margin:2px;transition:all .1s}@media(prefers-reduced-motion:reduce){.snippet-activation-switch:before,input[type=checkbox].switch:before{transition-duration:.01s}}.active-snippet .snippet-activation-switch,input[type=checkbox].switch:checked{background-color:#0073aa}.active-snippet .snippet-activation-switch:before,input[type=checkbox].switch:checked:before{background-color:#fff;transform:translateX(calc(100%*var(--cs-direction-multiplier)))}.erroneous-snippet .snippet-activation-switch:before{color:#1d2327;content:"!";font-weight:700;line-height:1;text-align:center;transform:translateX(calc(50%*var(--cs-direction-multiplier)))}a.snippet-condition-count{align-items:center;block-size:29px;border:1.8px solid;border-radius:50%;box-sizing:border-box;display:flex;inline-size:29px;justify-content:center}.inactive-snippet a.snippet-condition-count{color:#ccc}.active-snippet a.snippet-condition-count{color:#2271b1;font-weight:700}.snippet-execution-button{block-size:0;border-block:9px solid transparent;border-inline-start:10px solid #ccc;inline-size:0;margin-block-start:9px;margin-inline-start:11px}.snippet-execution-button:before{border:1.8px solid #ccc;border-radius:50%;content:"";inset:-14px -8px -14px -21px;position:absolute;z-index:2}.snippet-execution-button:hover{border-inline-start-color:#2271b1;transition:border-inline-start-color .6s}.snippet-execution-button:hover:before{border-color:#2271b1;transition:border-color .6s}@media(prefers-reduced-motion:reduce){.snippet-execution-button:hover,.snippet-execution-button:hover:before{transition-duration:.01s}}.code-snippets-select input[type=text]:focus{box-shadow:none}.help-tooltip{border-block-end:1px dotted;display:inline-flex;flex-direction:column;justify-content:center;position:relative;vertical-align:middle}.help-tooltip-anchor{background:transparent!important;cursor:help;display:inline-block;font-size:10px;padding-block:.3em 0;padding-inline:.3em}.tooltip{cursor:help!important;display:inline-block;position:relative}.tooltip .dashicons{color:#789}.tooltip.badge{display:inline-flex}.tooltip.badge .dashicons{color:inherit}.tooltip-trigger{align-items:center;background:transparent;border:0;border-radius:50%;color:inherit;cursor:help;display:inline-flex;font:inherit;margin:0;padding:0}.tooltip-trigger:focus,.tooltip-trigger:hover{box-shadow:none}.tooltip-trigger:focus-visible{outline:2px solid #2271b1;outline-offset:2px}.tooltip-content,.tooltip:before{opacity:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);visibility:hidden}@media(prefers-reduced-motion:reduce){.tooltip-content,.tooltip:before{transition-duration:.01s}}.tooltip:before{background:transparent;border:6px solid transparent;content:"";z-index:1001}.tooltip-inline:before{inset-block-start:4px}.tooltip-content{backdrop-filter:blur(3px);background-color:rgba(51,51,51,.9);border-radius:6px;color:#fff;font-size:small;font-weight:400;min-inline-size:200px;padding:8px;position:absolute;text-transform:none;z-index:1000}.tooltip-block .tooltip-content{margin-inline-start:-80px}.tooltip-inline .tooltip-content{margin-block-end:-16px;margin-inline-start:0}.tooltip-inline.tooltip-start .tooltip-content{inset-block-start:-50%}.tooltip-block.tooltip-start:before{border-block-start-color:rgba(51,51,51,.9);margin-block-end:-12px;margin-inline-start:-6px}.tooltip-block.tooltip-start .tooltip-content,.tooltip-block.tooltip-start:before{inset-block-end:100%;inset-inline-start:50%}.tooltip-block.tooltip-end:before{border-block-end-color:rgba(51,51,51,.9);border-block-start-color:transparent;margin-block:-12px 0}.tooltip-block.tooltip-end .tooltip-content,.tooltip-block.tooltip-end:before{inset-block:100% auto;margin-inline-start:25%}.tooltip-block.tooltip-end .tooltip-content{inset-inline-end:-70%}.tooltip-inline.tooltip-start:before{border-block-start-color:transparent;border-inline-start-color:rgba(51,51,51,.9);inset-block-end:50%;margin-block-end:0;margin-inline:0 -12px}.tooltip-inline.tooltip-start .tooltip-content,.tooltip-inline.tooltip-start:before{inset-inline:auto 100%}.tooltip-inline.tooltip-end:before{border-block-start-color:transparent;border-inline-end-color:rgba(51,51,51,.9);margin-block-end:0;margin-inline-start:-12px}.tooltip-inline.tooltip-end .tooltip-content,.tooltip-inline.tooltip-end:before{inset-inline-start:100%}.tooltip-inline.tooltip-end .tooltip-content{inset-block-start:-50%}.tooltip:focus .tooltip-content,.tooltip:focus-within .tooltip-content,.tooltip:focus-within:before,.tooltip:focus:before,.tooltip:hover .tooltip-content,.tooltip:hover:before{opacity:1;visibility:visible}.tooltip-block.tooltip-start:focus .tooltip-content,.tooltip-block.tooltip-start:focus-within .tooltip-content,.tooltip-block.tooltip-start:focus-within:before,.tooltip-block.tooltip-start:focus:before,.tooltip-block.tooltip-start:hover .tooltip-content,.tooltip-block.tooltip-start:hover:before{transform:translateY(-10px)}.tooltip-block.tooltip-end:focus .tooltip-content,.tooltip-block.tooltip-end:focus-within .tooltip-content,.tooltip-block.tooltip-end:focus-within:before,.tooltip-block.tooltip-end:focus:before,.tooltip-block.tooltip-end:hover .tooltip-content,.tooltip-block.tooltip-end:hover:before{transform:translateY(10px)}.tooltip-inline.tooltip-end:focus .tooltip-content,.tooltip-inline.tooltip-end:focus-within .tooltip-content,.tooltip-inline.tooltip-end:focus-within:before,.tooltip-inline.tooltip-end:focus:before,.tooltip-inline.tooltip-end:hover .tooltip-content,.tooltip-inline.tooltip-end:hover:before{transform:translateX(calc(10px*var(--cs-direction-multiplier)))}.tooltip-inline.tooltip-start:focus .tooltip-content,.tooltip-inline.tooltip-start:focus-within .tooltip-content,.tooltip-inline.tooltip-start:focus-within:before,.tooltip-inline.tooltip-start:focus:before,.tooltip-inline.tooltip-start:hover .tooltip-content,.tooltip-inline.tooltip-start:hover:before{transform:translateX(calc(-10px*var(--cs-direction-multiplier)))}.code-snippets-modal .components-modal__header{padding-block-end:24px}.code-snippets-modal .components-modal__content{background:#f6f7f7;display:flex;flex-flow:column;max-inline-size:100%;overflow:initial;padding:0}.code-snippets-modal .modal-content{display:flex;flex:1;flex-flow:column;padding-block:36px;padding-inline:45px}.code-snippets-modal .components-modal__header+div{display:flex;flex:1;flex-flow:column;overflow-y:auto}.code-snippets-modal .modal-footer{align-items:center;background:#f6f7f7;border-block-start:1px solid #e2e2e4;display:flex;flex-flow:row-reverse;inline-size:100%;inset-block-end:0;justify-content:space-between;padding:11px 19px}.code-snippets-modal .modal-footer .button-link{text-decoration:none}.code-snippets-modal .modal-footer .button-large{block-size:45px}.code-snippets-modal .modal-footer .button-large.button-primary{padding:0 30px}.code-snippets-notice .notice-dismiss{inset-block-start:0;inset-inline-end:0;position:absolute;transform:none}.code-snippets-notice details{margin:.5em 0;padding:2px}.code-snippets-notice details summary{cursor:pointer}.code-snippets-notice details pre{max-inline-size:100%;overflow:auto hidden;white-space:pre}.code-snippets-notice details .stack-trace-hint{opacity:.5}.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}.snippet-form #titlediv #title,.snippet-type-container{block-size:45px;border-color:#ccc}.snippet-type-option{align-items:center;display:flex;flex-flow:row;gap:2em;justify-content:space-between}.snippet-type-option .small-badge{margin-inline-start:.5em}.conditions-editor-open .button.button-large{align-items:center;block-size:100%;border-color:#ccc;display:flex;flex:1;gap:8px;padding-block:6px;padding-inline:12px}.conditions-editor-open.no-condition .cond-badge{background:transparent;border:1px solid;color:inherit}.conditions-editor-open.no-condition:hover :not([disabled]) .cond-badge{background:#2271b1;border-color:#2271b1;color:#fff}.snippet-form{display:grid;gap:30px;grid-template-areas:"upper sidebar" "lower sidebar";grid-template-columns:1fr 321px;margin-block-start:10px;transition:all .7s}@media(prefers-reduced-motion:reduce){.snippet-form{transition-duration:.01s}}.snippet-form.snippet-form-expanded{grid-template-areas:"upper upper" "lower sidebar"}.snippet-form .snippet-form-upper{grid-area:upper}.snippet-form .snippet-form-lower{grid-area:lower}.snippet-form .snippet-form-lower,.snippet-form .snippet-form-upper{display:flex;flex-flow:column;gap:24px}.snippet-form .snippet-editor-sidebar{align-self:start;grid-area:span 3/sidebar;inset-block-start:32px;max-inline-size:321px;position:sticky}@media(width <= 1024px){.snippet-form{grid-template-columns:1fr}}.snippet-form h2,.snippet-form h3{font-size:1.16em;margin-block:25px 15px;margin-inline:0}.snippet-form h2 label,.snippet-form h3 label{cursor:auto}.snippet-form h2 .button,.snippet-form h3 .button{font-weight:400}.snippet-priority .priority-input-tooltip{margin-inline-end:auto}.snippet-priority input{inline-size:4em}.activation-switch-container,.lock-control-container{align-items:center;display:flex;flex-flow:row;gap:5px;inline-size:100%;justify-content:center}.activation-switch-container label,.lock-control-container label{font-weight:600}.activation-switch-container span:first-of-type,.lock-control-container span:first-of-type{margin-inline-start:auto}.snippet-editor-sidebar .button-large{block-size:48px}.snippet-editor-sidebar .row-actions{display:flex}.snippet-editor-sidebar .row-actions .button{background:none;block-size:auto;border:0;border-radius:0;box-shadow:none;font-weight:400;min-block-size:30px;padding-block:0;padding-inline:10px}.snippet-editor-sidebar .row-actions .button:focus:not(:disabled),.snippet-editor-sidebar .row-actions .button:hover:not(:disabled){background:none;border:0;box-shadow:none}.snippet-editor-sidebar .row-actions .delete-button{color:#cc1818}.snippet-editor-sidebar .row-actions .delete-button:disabled{color:#a7aaad;cursor:not-allowed}.snippet-editor-sidebar .row-actions .delete-button:hover:not(:disabled){color:#9e1313}.snippet-editor-sidebar .row-actions .delete-button:focus:not(:disabled){color:#710d0d}.snippet-editor-sidebar .help-tooltip{margin-block:0;margin-inline:5px auto}.snippet-editor-sidebar .box{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex-flow:column;gap:1em;padding:1.5em}.snippet-editor-sidebar .box .inline-form-field{align-items:center;display:flex;flex-flow:row wrap;gap:5px;justify-content:space-between}.snippet-editor-sidebar .box .inline-form-field.lock-control-container{border-block-start:1px solid #eee;margin-block-start:.5em;padding-block-start:1em}.snippet-editor-sidebar .box .inline-form-field.lock-control-container .description{color:#646970;flex-basis:100%;font-style:italic;margin-block-start:4px}.snippet-editor-sidebar .box .block-form-field{display:flex;flex-flow:column;gap:4px}.snippet-editor-sidebar label{font-weight:600}.snippet-editor-sidebar .beta-badge{border:1px solid;color:#2271b1;margin-inline-start:auto}.snippet-editor-sidebar .components-form-token-field{inline-size:100%}.snippet-editor-sidebar .generate-button{margin-inline-start:auto}p.submit{display:flex;flex-flow:column;gap:8px;margin-block-start:17px;padding-block-start:0}.shortcode-tag-wrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;min-block-size:54px;padding:10px}.shortcode-tag-wrapper code{background:transparent;padding-inline:.5em;text-indent:-.5em}.code-snippets-copy-text.button{align-items:center;display:flex;gap:3px}.code-snippets-copy-text.button .dashicons{block-size:18px;font-size:18px;inline-size:18px}.code-snippets-copy-text.button .spinner-wrapper{align-items:center;block-size:18px;display:flex;inline-size:18px}.code-snippets-copy-text.button .components-spinner{block-size:12px}.CodeMirror,.snippet-form textarea{font-family:monospace;inline-size:100%}.CodeMirror-sizer{box-sizing:border-box;min-block-size:300px!important;padding-block-end:1.5em!important}.CodeMirror-sizer:after{inset-block-end:0;position:absolute}.snippet-form.php-snippet .CodeMirror-sizer{padding-block-end:0!important}.snippet-form.php-snippet .CodeMirror-sizer:before{content:"<?php"}.snippet-form.css-snippet .CodeMirror-sizer:before{content:"<style>"}.snippet-form.css-snippet .CodeMirror-sizer:after{content:"</style>"}.snippet-form.js-snippet .CodeMirror-sizer:before{content:"<script>"}.snippet-form.js-snippet .CodeMirror-sizer:after{content:"</script>"}.snippet-form.html-snippet .CodeMirror-sizer:before{content:"<!-- begin content -->"}.snippet-form.html-snippet .CodeMirror-sizer:after{content:"<!-- end content -->"}.snippet-editor{position:relative}.snippet-editor-help{inset-block-start:5px;inset-inline-end:5px;position:absolute}.snippet-editor-help td:first-child{padding-inline-end:.5em}@media(width >= 512px){.snippet-editor-help td{white-space:nowrap}}.mac-keyboard-shortcut{text-align:end}.mac-keyboard-shortcut kbd{font-family:inherit;margin:0;padding:0}.pc-keyboard-shortcut{align-items:center;display:inline-flex;gap:3px}.pc-keyboard-shortcut kbd{font-family:inherit;margin:0;padding-block:0;padding-inline:2px}.snippet-condition-editor-container{background:#f6f7f7;border:1px solid #c3c4c7;margin-block-start:33px;padding:32px}.cloud-create-modal .components-modal__content{min-inline-size:550px}.cloud-create-modal .action-buttons{display:flex;justify-content:flex-end}.cloud-create-modal .components-button.is-secondary{box-shadow:none}.cloud-create-modal .banner{margin-inline:0}.generate-button{align-items:center;display:flex;gap:5px}.generate-button .dashicons-warning{color:#b32d2e}.snippet-description-container .generate-button,.snippet-tags-container .generate-button{float:inline-end}.snippet-tags-container label{font-size:1.16em;font-weight:600;text-transform:unset}.code-line-explanation{align-items:center;border-block-end:1px solid rgba(0,0,0,.15);border-block-start:1px solid rgba(0,0,0,.15);border-image-repeat:stretch;border-image-slice:1;border-image-width:1;border-inline-end:none;border-inline-start:none;color:#666;cursor:default;display:flex;font-family:monospace;font-size:inherit;font-style:italic;gap:5px;margin:0;padding-inline:6px}.code-line-explanation img{block-size:1rem;opacity:.7}.code-line-explanation .code-line-actions{cursor:default;display:inline-flex;font-family:system-ui;font-style:normal;gap:7px;margin-inline-start:5px}.code-line-explanation .code-line-actions .commit{color:#3d9970}.code-line-explanation .code-line-actions .remove{color:#b32d2e}.code-line-explanation .code-line-actions .action{cursor:pointer;opacity:.6}.code-line-explanation .code-line-actions .action:hover{opacity:1}.cloud-connect-modal .icons-group{align-items:center;display:flex;justify-content:center}.cloud-connect-modal .icons-group .dashicons{block-size:50px;font-size:50px;inline-size:50px}.cloud-connect-modal .action-buttons{display:flex;justify-content:flex-end}.banner.error blockquote{margin-block-end:0}.button svg{block-size:1rem;line-height:1;margin:0;vertical-align:middle}#adminmenu a.code-snippets-edit-menu-link{cursor:pointer}.snippet-description-container label{font-size:1.16em;font-weight:600;text-transform:unset}.snippet-description-container .wp-editor-tools{padding-block-start:5px}.snippet-description-container .wp-editor-tabs{float:inline-start}.snippet-description-container .generate-button{float:inline-end;margin-block-start:37px;position:relative;z-index:99}.components-form-token-field__input-container{background:#fff;border-color:#c3c4c7}.components-form-token-field__input-container>.components-flex{padding:12px}.above-snippet-code{align-items:center;display:flex;gap:8px;margin-block:0 15px;margin-inline:0}.above-snippet-code label{font-size:1.16em;font-weight:600}.above-snippet-code .expand-editor-button{align-items:center;display:flex;gap:5px;margin-inline-end:auto}.above-snippet-code .expand-editor-button .dashicons{block-size:18px;font-size:18px;inline-size:18px}.wrap>h2:first-of-type{font-size:1.5rem;font-weight:400;line-height:1.3;margin-block:50px 1rem;padding:0}.snippet-name-wrapper{display:flex;gap:.5em}.snippet-name-wrapper>:first-child{flex:1}form.condition-snippet .snippet-code-container{display:none}

```