.jh-persona-slider{--jh-persona-bars:69;--jh-persona-pitch:calc(100%/var(--jh-persona-bars));--jh-persona-bar-width:calc(var(--jh-persona-pitch)*0.62);--jh-persona-trailing-gap:calc(var(--jh-persona-pitch) - var(--jh-persona-bar-width));align-items:center;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-inline:auto}.jh-persona-slider__side{align-items:center;display:flex;gap:clamp(.25rem,.7vw,1.5rem);min-width:0}.jh-persona-slider__side--design{justify-content:flex-end}.jh-persona-slider__side--dev{justify-content:flex-start}.wp-block-group:has(>.header-persona-slider){bottom:calc(var(--jh-frame-inset-bottom, 10px) + var(--jh-footer-reveal, 0px));left:var(--jh-frame-inset,10px);right:var(--jh-frame-inset,10px)}.jh-persona-slider__readout{display:contents}.jh-persona-slider__adjacent,.jh-persona-slider__label,.jh-persona-slider__pct,.jh-persona-slider__title{font-family:var(--wp--preset--font-family--plex-mono);font-size:var(--wp--preset--font-size--small);font-weight:500;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.jh-persona-slider__label,.jh-persona-slider__pct{flex:none}.jh-persona-slider__pct{color:var(--wp--preset--color--contrast,#fff);font-variant-numeric:tabular-nums;min-width:4ch;text-align:center}.jh-persona-slider__graph{border:1px solid var(--wp--preset--color--contrast,#fff);box-sizing:border-box;display:flex;flex:none;height:.875rem;width:clamp(64px,12vw,128px)}.jh-persona-slider__graph:before{background:var(--wp--preset--color--contrast,#fff);content:"";height:100%}.jh-persona-slider__graph--design:before{margin-left:auto;width:calc(100% - var(--jh-persona-t)*100%)}.jh-persona-slider__graph--dev:before{width:calc(var(--jh-persona-t)*100%)}html[data-show-all] .jh-persona-slider__graph:before{transition:width .6s ease;width:100%}.jh-persona-slider__tab{align-items:stretch;display:inline-flex;flex:none;height:46px;isolation:isolate;position:relative;transform:scaleY(-1)}.jh-persona-slider__tab:before{background:var(--wp--preset--color--persona,#fff);content:"";height:2px;inset:0 0 auto;pointer-events:none;position:absolute;z-index:0}.jh-persona-slider__wing{display:block;flex:none;height:44px;margin-block:1px;overflow:visible;pointer-events:none;position:relative;width:44px;z-index:1}.jh-persona-slider__wing--left{transform:scaleX(-1)}.jh-persona-slider__wing-fill{fill:var(--wp--preset--color--persona,#fff)}.jh-persona-slider__wing-stroke{fill:none;stroke:var(--wp--preset--color--base,#000);stroke-width:2px}.jh-persona-slider__body{background:var(--wp--preset--color--persona,#fff);border-bottom:2px solid var(--wp--preset--color--base,#000);box-sizing:border-box;display:block;flex:none;height:46px;isolation:isolate;position:relative;width:clamp(260px,50vw,500px);z-index:2}.jh-persona-slider:not(.jh-persona-slider--project) .jh-persona-slider__body:before{background:var(--wp--preset--color--base,#000);border-radius:6px;content:"";height:30px;left:-4px;pointer-events:none;position:absolute;right:calc(var(--jh-persona-trailing-gap) - 4px);top:50%;transform:translateY(-50%);z-index:0}.jh-persona-slider__bars,.jh-persona-slider__hover,.jh-persona-slider__thumb{border-radius:999px;height:24px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.jh-persona-slider__bars{background:var(--jh-spectrum);border-radius:0;left:0;-webkit-mask:var(--jh-pill-mask) 0 0/var(--jh-persona-pitch) 100% repeat-x;mask:var(--jh-pill-mask) 0 0/var(--jh-persona-pitch) 100% repeat-x;right:0;z-index:1}.jh-persona-slider__bars:after{background:var(--wp--preset--color--contrast,#fff);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}html[data-show-all] .jh-persona-slider__bars:after{opacity:1}html[data-show-all] .jh-persona-slider__tab:hover .jh-persona-slider__bars:after{opacity:0}.jh-persona-slider:not(.jh-persona-slider--project) .jh-persona-slider__body:after{background:var(--wp--preset--color--base,#000);content:"";height:24px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--jh-persona-trailing-gap);z-index:2}.jh-persona-slider__input{appearance:none;background:#0000;cursor:pointer;height:100%;inset:0;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:3}.jh-persona-slider__hover,.jh-persona-slider__thumb{width:var(--jh-persona-bar-width);z-index:2}.jh-persona-slider__hover{background:color-mix(in srgb,var(--wp--preset--color--contrast,#fff) 70%,#0000);left:calc(var(--jh-persona-hover-i, 0)*var(--jh-persona-pitch));opacity:0}.jh-persona-slider.is-hovering .jh-persona-slider__hover{opacity:1}.jh-persona-slider__thumb{background:var(--wp--preset--color--contrast,#fff);left:calc(var(--jh-persona-i, 34)*var(--jh-persona-pitch));transition:left .14s cubic-bezier(.22,1,.36,1)}.jh-persona-slider__input:focus-visible~.jh-persona-slider__thumb{outline:2px solid var(--wp--preset--color--contrast,#fff);outline-offset:2px}.jh-persona-slider--project .jh-persona-slider__body{width:auto}.jh-persona-slider--project{width:100%;--jh-persona-adjacent-inset:clamp(0.75rem,2vw,1.5rem)}.jh-persona-slider--project .jh-persona-slider__side--design{justify-content:flex-start;padding-inline-start:var(--jh-persona-adjacent-inset)}.jh-persona-slider--project .jh-persona-slider__side--dev{justify-content:flex-end;padding-inline-end:var(--jh-persona-adjacent-inset)}.jh-persona-slider__title{align-items:center;color:var(--wp--preset--color--base,#000);display:flex;height:100%;justify-content:center;max-width:clamp(180px,50vw,500px);overflow:hidden;padding-inline:clamp(.75rem,2vw,1.5rem);text-overflow:ellipsis;transform:scaleY(-1)}.jh-persona-slider__adjacent{min-width:0;overflow:hidden;text-overflow:ellipsis}.jh-persona-slider__adjacent a{color:var(--wp--preset--color--contrast,#fff);text-decoration:none}.jh-persona-slider__adjacent a:focus-visible,.jh-persona-slider__adjacent a:hover{text-decoration:underline}@media(max-width:600px){.jh-persona-slider{gap:0;grid-template-columns:auto;justify-content:center;position:relative;width:100%}.jh-persona-slider__body{width:clamp(180px,65vw,320px)}.jh-persona-slider--project .jh-persona-slider__body{width:auto}.jh-persona-slider__graph{display:none}.jh-persona-slider__side{align-items:center;color:#000;gap:.4em;height:var(--jh-frame-inset-bottom,32px);max-width:45%;padding-inline:0;position:absolute;top:100%}.jh-persona-slider__side--design{left:.75rem}.jh-persona-slider__side--dev{right:.75rem}.jh-persona-slider__pct{color:#000;min-width:0}.jh-persona-slider__title{color:#000;max-width:65vw}}@media(prefers-reduced-motion:reduce){.jh-persona-slider__bars:after,.jh-persona-slider__thumb,html[data-show-all] .jh-persona-slider__graph:before{transition:none}}
