/* Moving tracks are an enhancement; without activation all native items stay in flow. */
.patternpaste-designed .patternpaste-marquee-viewport{position:relative;cursor:pointer;overflow:hidden;min-width:0;max-width:none}
.patternpaste-designed .patternpaste-marquee-viewport.is-draggable{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.patternpaste-designed .patternpaste-marquee-viewport.is-draggable a{cursor:grab}
.patternpaste-designed .patternpaste-marquee-viewport.is-dragging,.patternpaste-designed .patternpaste-marquee-viewport.is-dragging a{cursor:grabbing}
.patternpaste-designed .patternpaste-marquee-viewport.is-draggable img{-webkit-user-drag:none}
.patternpaste-designed .patternpaste-marquee-active{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;width:100%;gap:var(--patternpaste-designed-block-gap,24px);will-change:transform}
.patternpaste-designed .wp-block-group.patternpaste-marquee-active>*{flex:0 0 var(--patternpaste-marquee-item-width,320px);width:var(--patternpaste-marquee-item-width,320px);max-width:none;min-width:0}
.patternpaste-designed .patternpaste-marquee-viewport>.patternpaste-marquee-control{position:absolute;z-index:3;right:14px;bottom:14px;background:var(--pp-ground);color:var(--pp-ink)}
.patternpaste-designed[data-marquee-controls="false"] .patternpaste-marquee-control:not(:focus-visible){opacity:0;pointer-events:none}
/* Decorative pointer feedback; the separate native button remains the accessible control. */
.patternpaste-designed .patternpaste-marquee-cursor{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-width:156px;height:44px;padding:8px 14px;border:1px solid var(--pp-primary-ink);border-radius:999px;background:var(--pp-primary);color:var(--pp-primary-ink);box-shadow:0 3px 16px #0002;font:500 13px/1.2 system-ui,sans-serif;white-space:nowrap;pointer-events:none;user-select:none}
.patternpaste-designed .patternpaste-marquee-cursor[hidden]{display:none}
.patternpaste-designed .patternpaste-marquee-cursor-left,.patternpaste-designed .patternpaste-marquee-cursor-right{font-size:24px;line-height:1;opacity:.35}
.patternpaste-designed .patternpaste-marquee-cursor[data-direction="left"] .patternpaste-marquee-cursor-left,.patternpaste-designed .patternpaste-marquee-cursor[data-direction="right"] .patternpaste-marquee-cursor-right{opacity:1}
.patternpaste-designed .patternpaste-marquee-cursor-action{display:flex;align-items:center;gap:7px}
.patternpaste-designed .patternpaste-marquee-cursor-action::before{content:"";box-sizing:border-box;width:8px;height:10px;border-inline:3px solid currentColor}
.patternpaste-designed .patternpaste-marquee-cursor.is-paused .patternpaste-marquee-cursor-action::before{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor}
.patternpaste-designed .patternpaste-marquee-cursor.is-drag{min-width:120px}
.patternpaste-designed .patternpaste-marquee-cursor.is-drag .patternpaste-marquee-cursor-action::before{content:none}
.patternpaste-designed .patternpaste-marquee-cursor.is-drag :is(.patternpaste-marquee-cursor-left,.patternpaste-marquee-cursor-right){opacity:1}
/* marquee@2, axis vertical: the track is a column the kind's stylesheet sizes; items keep their own height.
 * A vertical track keeps the draggable pan-y above: a finger over the reels scrolls the page, never the track. */
.patternpaste-designed .patternpaste-marquee-viewport.is-vertical>.patternpaste-marquee-active{flex-direction:column;height:auto}
.patternpaste-designed .patternpaste-marquee-viewport.is-vertical>.wp-block-group.patternpaste-marquee-active>*{flex:0 0 auto;width:100%;max-width:none;margin-block:0}
.patternpaste-designed .patternpaste-marquee-viewport.is-vertical .patternpaste-marquee-cursor :is(.patternpaste-marquee-cursor-left,.patternpaste-marquee-cursor-right){rotate:90deg}