.patternpaste-designed-reveal{--ppx-ink:var(--pp-ink);--ppx-plate:var(--pp-plate);--ppx-plate-ink:var(--pp-plate-ink);--ppx-grip:var(--pp-primary);--ppx-grip-ink:var(--pp-primary-ink);--ppx-seam:#fff;--ppx-radius:0px}
.patternpaste-designed-reveal[data-treatment="designed"]{--ppx-ink:#1f211d;--ppx-plate:#1f211d;--ppx-plate-ink:#f7f4ee;--ppx-grip:#1f211d;--ppx-grip-ink:#f7f4ee;--ppx-radius:6px}.patternpaste-designed-reveal[data-treatment="designed"]:not([class*="-font-family"]){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.patternpaste-designed-reveal[data-treatment="designed"]:not(.has-text-color){color:var(--ppx-ink)}.patternpaste-designed-reveal[data-treatment="designed"]:not(.has-background){background:#efece6}
.patternpaste-designed-reveal[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-text-color){color:inherit}.patternpaste-designed-reveal[data-treatment="inherit"]:not([class*="is-style-"]):not(.has-background){background:transparent}
.patternpaste-designed-reveal .patternpaste-designed-layout{max-width:var(--wp--style--global--wide-size,1440px)}
.patternpaste-reveal-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--patternpaste-designed-block-gap,12px);border-radius:var(--ppx-radius);overflow:hidden}
.patternpaste-reveal-scene{position:relative;min-width:0;margin:0;overflow:hidden}.patternpaste-reveal-image{height:100%;margin:0}.patternpaste-reveal-image img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:var(--patternpaste-reveal-focus,50% 58%)}
.patternpaste-reveal-label{position:absolute;z-index:3;top:clamp(12px,1.4cqi,20px);max-width:calc(100% - 32px);margin:0;padding:6px 10px;border-radius:calc(var(--ppx-radius) * .6);line-height:1.2;overflow-wrap:anywhere}.patternpaste-reveal-label:not([class*="-font-size"]){font-size:13px}.patternpaste-reveal-label:not(.has-background){background:var(--ppx-plate)}.patternpaste-reveal-label:not(.has-text-color){color:var(--ppx-plate-ink)}.patternpaste-designed-reveal[data-treatment="designed"] .patternpaste-reveal-label{font-weight:500;letter-spacing:.02em}
.patternpaste-reveal-before-label{left:clamp(12px,1.4cqi,20px)}.patternpaste-reveal-after-label{right:clamp(12px,1.4cqi,20px)}
.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-stage{--patternpaste-compare-position:50%;position:relative;display:block;aspect-ratio:16/9;cursor:ew-resize;touch-action:pan-y}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-scene{position:absolute;inset:0}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-image img{aspect-ratio:auto}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-after{z-index:1}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-before{z-index:2;inset:-1px}
.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-label{max-width:calc(50% - 32px)}
.patternpaste-reveal-seam{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.patternpaste-reveal-seam-line{fill:none;stroke:var(--ppx-seam);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px rgb(0 0 0 / .35))}
.patternpaste-reveal-handle{--patternpaste-compare-grip-y:50%;--patternpaste-compare-grip-tilt:0deg;--patternpaste-compare-sx:1;--patternpaste-compare-sy:1;position:absolute;z-index:5;left:var(--patternpaste-compare-position);top:var(--patternpaste-compare-grip-y);display:flex;align-items:center;justify-content:center;width:20px;height:64px;border-radius:999px;transform:translate(-50%,-50%) rotate(var(--patternpaste-compare-grip-tilt)) scale(var(--patternpaste-compare-sx),var(--patternpaste-compare-sy));background:var(--ppx-grip);color:var(--ppx-grip-ink);box-shadow:0 4px 16px rgb(0 0 0 / .22);pointer-events:none;transform-origin:center}.patternpaste-reveal-handle span{display:block;width:1px;height:20px;background:currentColor}.patternpaste-reveal-handle span+span{margin-left:4px}
.patternpaste-designed-reveal.is-compare-dragging .patternpaste-reveal-stage{cursor:grabbing}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-stage:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.patternpaste-reveal-caption{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:clamp(12px,2cqi,28px);row-gap:6px;padding-top:clamp(14px,1.6cqi,22px)}.patternpaste-reveal-caption:not(.has-text-color){color:inherit}
.patternpaste-designed-reveal .patternpaste-reveal-caption :where(h2,p):not(.has-text-color){color:inherit}.patternpaste-reveal-title{margin:0}.patternpaste-reveal-title:not([class*="-font-size"]){font-size:clamp(17px,1.5cqi,21px);line-height:1.25;letter-spacing:-.01em}.patternpaste-designed-reveal[data-treatment="designed"] .patternpaste-reveal-title:not([class*="-font-family"]){font-family:inherit;font-weight:500}
.patternpaste-reveal-note{flex:1 1 24ch;max-width:62ch;margin:0}.patternpaste-reveal-note:not([class*="-font-size"]){font-size:14px;line-height:1.45}.patternpaste-designed-reveal[data-treatment="designed"]:not(.has-text-color) .patternpaste-reveal-caption:not(.has-text-color) .patternpaste-reveal-note:not(.has-text-color){color:#52534f}
.patternpaste-reveal-choices{display:flex;gap:2px;margin-inline:auto -10px}.patternpaste-designed .patternpaste-reveal-choices button{appearance:none;margin:0;min-height:36px;padding:6px 10px;border:0;border-bottom:1.5px solid transparent;border-radius:0;background:transparent;color:inherit;box-shadow:none;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}.patternpaste-designed .patternpaste-reveal-choices button[aria-pressed="true"]{border-bottom-color:currentColor}.patternpaste-designed .patternpaste-reveal-choices button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@container (max-width:760px){.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-stage{aspect-ratio:4/3}}
@container (max-width:480px){.patternpaste-reveal-stage{grid-template-columns:1fr}.patternpaste-designed-reveal.is-reveal-ready .patternpaste-reveal-stage{aspect-ratio:4/5}.patternpaste-reveal-handle{width:18px;height:56px}.patternpaste-reveal-choices{margin-inline:-10px 0}.patternpaste-reveal-label:not([class*="-font-size"]){font-size:12px}}
/* In the editor a Group is its own block list, so the base grid already lays out the two scenes. */
.editor-styles-wrapper .patternpaste-designed-reveal .patternpaste-reveal-scene{position:relative;inset:auto;min-width:0}.editor-styles-wrapper .patternpaste-designed-reveal :is(.patternpaste-reveal-seam,.patternpaste-reveal-handle,.patternpaste-reveal-choices){display:none}
.editor-styles-wrapper .patternpaste-designed-reveal .patternpaste-reveal-scene{overflow:visible}.editor-styles-wrapper .patternpaste-designed-reveal .patternpaste-reveal-image{width:100%;height:auto}.editor-styles-wrapper .patternpaste-designed-reveal .patternpaste-reveal-image img{width:100%;height:auto;aspect-ratio:4/3}.editor-styles-wrapper .patternpaste-designed-reveal .patternpaste-reveal-label{position:relative;inset:auto;display:inline-block;max-width:100%;margin-top:10px}