[data-kind=dp-synth] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-synth] .sy{align-items:center;gap:7rem;display:flex;position:absolute;top:47%;left:50%;translate:-50% -50%;scale:.92}[data-kind=dp-synth] .sy-src{gap:.625rem;width:15rem;display:grid}[data-kind=dp-synth] .sy-s{z-index:1;background:#fff;border-radius:.75rem;gap:.625rem;padding:.875rem 1rem;display:grid;position:relative}[data-kind=dp-synth] .sy-av{align-items:center;display:flex}[data-kind=dp-synth] .sy-av i{background:#e3e3e3;border-radius:50%;width:1.375rem;height:1.375rem;margin-right:-.375rem;box-shadow:0 0 0 2px #fff}[data-kind=dp-synth] .sy-av b{color:var(--mute);margin-left:.75rem;font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-synth] .sy-sp{width:100%;height:1.5rem}[data-kind=dp-synth] .sy-sp path{fill:none;stroke:var(--ink);stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}[data-kind=dp-synth] .sy-dots{gap:.375rem;display:flex}[data-kind=dp-synth] .sy-dots i{background:#d6d6d6;border-radius:50%;width:.625rem;height:.625rem}[data-kind=dp-synth] .sy-dots i:nth-child(3){background:var(--ink)}[data-kind=dp-synth] .sy-btn{background:var(--ink);color:#fff;border-radius:999px;justify-self:start;place-items:center;height:2.25rem;margin-top:.25rem;padding:0 1.125rem;font-size:.8125rem;transition:scale .15s ease-out,background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out;display:grid}[data-kind=dp-synth] .sy-btn.is-pressing{scale:.96}[data-kind=dp-synth].is-done-s .sy-btn{color:var(--mute);background:#fff;box-shadow:inset 0 0 0 1px #e3e3e3}[data-kind=dp-synth] .sy-dec{z-index:1;background:#fff;border-radius:1rem;gap:.875rem;width:19rem;padding:1.5rem;transition:box-shadow .3s ease-out .6s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ececec}[data-kind=dp-synth] .sy-dec>b{letter-spacing:-.03em;color:#cfcfcf;font-size:1.75rem;font-weight:500;line-height:1.05;transition:color .3s ease-out .6s}[data-kind=dp-synth] .sy-base{opacity:0;gap:.375rem;padding-top:.875rem;transition:opacity .3s ease-out .8s;display:grid;box-shadow:inset 0 1px #f0f0f0}[data-kind=dp-synth] .sy-base>span{align-items:baseline;gap:.375rem;display:flex}[data-kind=dp-synth] .sy-base svg{display:block}[data-kind=dp-synth] .sy-base em{white-space:nowrap;color:var(--mute);font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-synth].is-done-s .sy-dec{box-shadow:inset 0 0 0 1.5px var(--ink)}[data-kind=dp-synth].is-done-s .sy-dec>b{color:var(--ink)}[data-kind=dp-synth].is-done-s .sy-base{opacity:1}[data-kind=dp-synth] .sy-wire{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-kind=dp-synth] .sy-wire path{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset .6s cubic-bezier(.2,0,0,1)}[data-kind=dp-synth] .sy-wire path:nth-child(2){transition-delay:.1s}[data-kind=dp-synth] .sy-wire path:nth-child(3){transition-delay:.2s}[data-kind=dp-synth].is-done-s .sy-wire path{stroke-dashoffset:0}@media (width<=767px){[data-kind=dp-synth] .sy{gap:2.5rem;top:44%;scale:.52}}[data-kind=dp-persona] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-persona] .ps{background:#fff;border-radius:1rem;gap:.25rem;width:30rem;padding:1.5rem 1.75rem;display:grid;position:absolute;top:47%;left:50%;translate:-50% -50%;scale:.92}[data-kind=dp-persona] .ps-top{align-items:center;gap:.875rem;margin-bottom:.75rem;display:flex}[data-kind=dp-persona] .ps-top>span:nth-child(2){gap:.25rem;display:grid}[data-kind=dp-persona] .ps-top b{letter-spacing:-.02em;font-size:1.375rem;font-weight:500}[data-kind=dp-persona] .ps-av{background:#ececec;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.125rem;font-style:normal;display:grid}[data-kind=dp-persona] .ps-seg{background:#f2f2f2;border-radius:999px;margin-left:auto;padding:.25rem;display:inline-flex}[data-kind=dp-persona] .ps-seg span{color:var(--mute);border-radius:999px;padding:.375rem .75rem;font-size:.75rem;transition:color .15s ease-out,background-color .15s ease-out,scale .15s ease-out}[data-kind=dp-persona] .ps-seg span.is-on{background:var(--ink);color:#fff}[data-kind=dp-persona] .ps-seg span.is-pressing{scale:.96}[data-kind=dp-persona] .ps-row{grid-template-columns:5.5rem 1fr;align-items:center;gap:1rem;padding:.875rem 0;display:grid;box-shadow:inset 0 -1px #f0f0f0}[data-kind=dp-persona] .ps-sw{font-size:1.0625rem;line-height:1.3;display:grid}[data-kind=dp-persona] .ps-sw>span{transition:opacity .25s ease-out,filter .25s ease-out;transition-delay:calc(var(--i) * .12s);grid-area:1/1}[data-kind=dp-persona] .ps-sw>span:first-child{color:#a3a3a3;text-decoration:line-through #0000}[data-kind=dp-persona] .ps-sw>span:last-child,[data-kind=dp-persona].is-data .ps-sw>span:first-child{opacity:0;filter:blur(4px)}[data-kind=dp-persona].is-data .ps-sw>span:last-child{opacity:1;filter:blur()}[data-kind=dp-persona] .ps-base{opacity:.3;justify-content:space-between;align-items:center;margin-top:.75rem;transition:opacity .3s ease-out .4s;display:flex}[data-kind=dp-persona] .ps-base>span{align-items:baseline;gap:.375rem;display:flex}[data-kind=dp-persona] .ps-base svg{display:block}[data-kind=dp-persona] .ps-base em{color:var(--mute);font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-persona].is-data .ps-base{opacity:1}@media (width<=767px){[data-kind=dp-persona] .ps{width:26rem;top:44%;scale:.62}[data-kind=dp-persona] .ps-top{flex-wrap:wrap}[data-kind=dp-persona] .ps-seg{margin-left:0}}[data-kind=dp-cardsort] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-cardsort] .p3-res{background:#fff;border-radius:.875rem;gap:.5rem;padding:.875rem 1rem;display:grid;position:absolute;top:50%;left:calc(50% + 16rem);translate:0 -50%}[data-kind=dp-cardsort] .p3-res small{font-size:.6875rem}[data-kind=dp-cardsort] .p3-res>span{align-items:baseline;gap:.375rem;display:flex}[data-kind=dp-cardsort] .p3-res svg{display:block}[data-kind=dp-cardsort] .cs{width:38rem;height:13rem;position:absolute;top:42%;left:50%;translate:-50% -50%;scale:.92}[data-kind=dp-cardsort] .cs-g{left:calc(var(--g) * 34%);width:31%;box-shadow:inset 0 0 0 1.5px var(--ink);opacity:0;background:#ffffff80;border-radius:.875rem;align-content:start;gap:.25rem;height:12.75rem;padding:.875rem 1rem;transition:opacity .3s ease-out .5s;display:grid;position:absolute;top:0}[data-kind=dp-cardsort] .cs-g b{letter-spacing:-.01em;font-size:1.125rem;font-weight:500}[data-kind=dp-cardsort] .cs-c{left:var(--x);top:var(--y);width:10rem;height:2.75rem;rotate:var(--r);transition:left .7s cubic-bezier(.2,0,0,1),top .7s cubic-bezier(.2,0,0,1),rotate .7s cubic-bezier(.2,0,0,1);transition-delay:calc(var(--i) * 70ms);background:#fff;border-radius:.625rem;place-items:center start;padding:0 .875rem;font-size:.875rem;display:grid;position:absolute;box-shadow:0 1px #e6e6e6}[data-kind=dp-cardsort].is-sorted .cs-g{opacity:1}[data-kind=dp-cardsort].is-sorted .cs-c{left:calc(var(--g) * 34% + 1rem);top:calc(4.5rem + var(--n) * 3.5rem);width:calc(31% - 2rem);rotate:0deg}[data-kind=dp-cardsort] .cs-btn{background:var(--ink);color:#fff;border-radius:999px;place-items:center;height:2.25rem;padding:0 1.25rem;font-size:.8125rem;transition:scale .15s ease-out,opacity .2s ease-out;display:grid;position:absolute;bottom:5rem;left:50%;translate:-50%}[data-kind=dp-cardsort] .cs-btn.is-pressing{scale:.96}[data-kind=dp-cardsort].is-sorted .cs-btn{opacity:0}[data-kind=dp-cardsort] .p3-res.is-c{opacity:0;transition:opacity .3s ease-out;top:1.25rem;left:auto;right:2rem;translate:none}[data-kind=dp-cardsort].is-sorted .p3-res.is-c{opacity:1}@media (width<=767px){[data-kind=dp-cardsort] .p3-res,[data-kind=dp-cardsort] .p3-res.is-c{transform-origin:100% 100%;inset:auto 1.25rem 4.75rem auto;translate:none;scale:.72}[data-kind=dp-cardsort] .cs{top:40%;scale:.5}[data-kind=dp-cardsort] .cs-btn{bottom:4.75rem;scale:.85}}[data-kind=dp-sweep] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-sweep] .dotlogo{background:var(--ink);border-radius:50%;flex:none;width:.875rem;height:.875rem}[data-kind=dp-sweep] .b{background:#e3e3e3;border-radius:999px;width:70%;height:.5rem;display:block}[data-kind=dp-sweep] .b.is-s{width:55%}[data-kind=dp-sweep] .b.is-p{justify-self:end;width:3.75rem;height:1.375rem}[data-kind=dp-sweep] .b.is-h{background:#d6d6d6;width:9rem;height:1rem}[data-kind=dp-sweep] .b.is-xs{width:4rem;height:.375rem}[data-kind=dp-sweep] .b.is-k{background:#dedede;width:7rem;height:1.375rem}[data-kind=dp-sweep] .b.is-w{width:5rem}[data-kind=dp-sweep] .ap-head{align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}[data-kind=dp-sweep] .ap-head b{letter-spacing:-.03em;font-size:1.75rem;font-weight:500}[data-kind=dp-sweep] .ap-btn{color:#fff;background:#e3e3e3;border-radius:999px;place-items:center;min-width:7.5rem;height:2.25rem;margin-left:auto;padding:0 1rem;font-size:.8125rem;display:grid}[data-kind=dp-sweep] .is-hi .ap-btn{background:var(--ink)}[data-kind=dp-sweep] .ap-kpis{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}[data-kind=dp-sweep] .ap-kpi{background:#f7f7f7;border-radius:.75rem;gap:.5rem;padding:1rem;display:grid}[data-kind=dp-sweep] .ap-kpi b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:500}[data-kind=dp-sweep] .ap-tbl{display:grid}[data-kind=dp-sweep] .ap-r{grid-template-columns:1.4fr 1fr 1fr 6rem;align-items:center;gap:1rem;height:3rem;font-size:.9375rem;display:grid;box-shadow:inset 0 -1px #f0f0f0}[data-kind=dp-sweep] .ap-r b{font-weight:500}[data-kind=dp-sweep] .ap-r>span{color:var(--mute);font-variant-numeric:tabular-nums}[data-kind=dp-sweep] .ap-r>span:nth-child(3){color:var(--ink)}[data-kind=dp-sweep] .ap-pill{border-radius:999px;justify-self:end;padding:.25rem .625rem;font-size:.75rem;font-style:normal;box-shadow:inset 0 0 0 1px #d6d6d6}[data-kind=dp-sweep] .ap-pill.is-ink{background:var(--ink);color:#fff;box-shadow:none}[data-kind=dp-sweep]{--p:92%}[data-kind=dp-sweep] .ap{background:#fff;border-radius:1rem;width:54rem;height:26rem;display:flex;position:absolute;top:4.25rem;left:23%;overflow:hidden;box-shadow:0 0 0 1px #ececec}[data-kind=dp-sweep] .ap-side{align-content:start;gap:.25rem;width:12rem;padding:1.25rem .875rem;display:grid;box-shadow:inset -1px 0 #f0f0f0}[data-kind=dp-sweep] .ap-logo{align-items:center;gap:.5rem;margin:0 .5rem 1rem;display:flex}[data-kind=dp-sweep] .ap-logo b{font-size:.9375rem;font-weight:500}[data-kind=dp-sweep] .ap-nav{border-radius:.5rem;align-items:center;gap:.625rem;height:2.25rem;padding:0 .625rem;font-size:.9375rem;display:flex}[data-kind=dp-sweep] .ap-nav.is-on{background:#f2f2f2}[data-kind=dp-sweep] .ap-ic{border-radius:.25rem;flex:none;width:.875rem;height:.875rem;box-shadow:inset 0 0 0 1.5px #b3b3b3}[data-kind=dp-sweep] .is-hi .ap-ic{box-shadow:inset 0 0 0 1.5px var(--ink)}[data-kind=dp-sweep] .ap-main{flex:1;padding:1.5rem 1.75rem}[data-kind=dp-sweep] .ap-wrap{position:absolute;inset:0}[data-kind=dp-sweep] .ap-wrap.is-hi{clip-path:inset(0 0 0 var(--p))}[data-kind=dp-sweep] .ap-wrap.is-lo{clip-path:inset(0 calc(100% - var(--p)) 0 0)}[data-kind=dp-sweep] .ap-wrap,[data-kind=dp-sweep] .sw-line,[data-kind=dp-sweep] .sw-wake{transition:clip-path .85s cubic-bezier(.65,0,.35,1),left .85s cubic-bezier(.65,0,.35,1)}[data-kind=dp-sweep] .sw-line{top:4.25rem;bottom:0;left:var(--p);background:var(--ink);z-index:3;width:2px;margin-left:-1px;position:absolute}[data-kind=dp-sweep] .sw-chip{background:var(--ink);color:#fff;letter-spacing:.08em;white-space:nowrap;border-radius:.375rem;padding:.3rem .625rem;font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace;transition:scale .15s ease-out;display:grid;position:absolute;top:0;left:50%;translate:-50% -50%}[data-kind=dp-sweep] .sw-chip>span{grid-area:1/1;transition:opacity .2s ease-out}[data-kind=dp-sweep] .sw-chip>span:last-child,[data-kind=dp-sweep].is-swept .sw-chip>span:first-child{opacity:0}[data-kind=dp-sweep].is-swept .sw-chip>span:last-child{opacity:1}[data-kind=dp-sweep] .sw-chip.is-pressing{scale:1.08}[data-kind=dp-sweep].is-done .sw-line{opacity:0;transition:opacity .4s ease-out}[data-kind=dp-sweep] .sw-wake{top:4.25rem;bottom:0;left:var(--p);z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#9003fd,#fcb73c);width:9rem;transition:opacity .3s ease-out;position:absolute;mask:linear-gradient(90deg,#00000038,#0000)}[data-kind=dp-sweep].is-sweeping .sw-wake{opacity:1}[data-kind=dp-sweep].is-snap .ap-wrap,[data-kind=dp-sweep].is-snap .sw-line,[data-kind=dp-sweep].is-snap .sw-wake{transition:none}@media (width>=768px) and (width<=991px){[data-kind=dp-sweep] .ap{left:30%}}@media (width<=767px){[data-kind=dp-sweep] .ap{transform-origin:0 0;top:3.75rem;left:8%;scale:.62}[data-kind=dp-sweep] .sw-line{top:3.75rem}[data-kind=dp-sweep]{--p:88%}[data-kind=dp-sweep] .sw-wake{width:5rem;top:3.75rem}}[data-kind=dp-fix] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-fix] .fx{align-items:center;gap:2rem;display:flex;position:absolute;top:47%;left:50%;translate:-50% -50%;scale:.92}[data-kind=dp-fix] .fx-scr{background:#fff;border-radius:1rem;align-content:start;gap:.625rem;width:20rem;height:18rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}[data-kind=dp-fix] .fx-top{justify-content:space-between;align-items:center;height:2.25rem;margin-bottom:.25rem;display:flex}[data-kind=dp-fix] .fx-top b{font-size:1.125rem;font-weight:500}[data-kind=dp-fix] .fx-amt{letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:500}[data-kind=dp-fix] .fx-l{background:#ececec;border-radius:999px;width:80%;height:.5rem;display:block}[data-kind=dp-fix] .fx-l.is-s{width:55%}[data-kind=dp-fix] .fx-fold{border-top:1.5px solid var(--ink);position:absolute;top:13.5rem;left:0;right:0}[data-kind=dp-fix] .fx-fold small{color:var(--ink);position:absolute;top:.375rem;right:.75rem}[data-kind=dp-fix] .fx-send{background:var(--ink);color:#fff;border-radius:999px;place-items:center;height:2.25rem;padding:0 1.125rem;font-size:.8125rem;transition:translate .8s cubic-bezier(.2,0,0,1);display:grid;translate:0 13.25rem}[data-kind=dp-fix].is-fixed .fx-send{translate:0}[data-kind=dp-fix] .fx-note{background:#fff;border-radius:.875rem;gap:.75rem;width:16rem;padding:1.25rem;display:grid;rotate:-1.5deg;box-shadow:0 1px #e6e6e6}[data-kind=dp-fix] .fx-note b{letter-spacing:-.01em;font-size:1.125rem;font-weight:500;line-height:1.2}[data-kind=dp-fix] .fx-apply{transition:scale .15s ease-out;display:grid}[data-kind=dp-fix] .fx-apply.is-pressing{scale:.96}[data-kind=dp-fix] .fx-apply>span{border-radius:999px;grid-area:1/1;place-items:center;height:2.25rem;font-size:.8125rem;transition:opacity .2s ease-out;display:grid}[data-kind=dp-fix] .fx-apply>span:first-child{background:var(--ink);color:#fff}[data-kind=dp-fix] .fx-apply>span:last-child{opacity:0;box-shadow:inset 0 0 0 1px #e3e3e3}[data-kind=dp-fix].is-fixed .fx-apply>span:first-child{opacity:0}[data-kind=dp-fix].is-fixed .fx-apply>span:last-child{opacity:1}[data-kind=dp-fix] .p5-res{opacity:0;background:#fff;border-radius:.875rem;gap:.5rem;padding:.875rem 1rem;transition:opacity .3s ease-out;display:grid;position:absolute;top:50%;left:calc(50% + 19.5rem);translate:0 -50%}[data-kind=dp-fix] .p5-res small{font-size:.6875rem}[data-kind=dp-fix] .p5-res>span{align-items:baseline;gap:.375rem;display:flex}[data-kind=dp-fix] .p5-res svg{display:block}[data-kind=dp-fix] .p5-res em{color:var(--mute);font:500 .875rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-fix] .p5-res.is-on{opacity:1}@media (width<=767px){[data-kind=dp-fix] .fx{gap:1.25rem;top:44%;translate:calc(-50% - .75rem) -50%;scale:.46}[data-kind=dp-fix] .p5-res{transform-origin:100% 100%;inset:auto 1.25rem 4.75rem auto;translate:none;scale:.72}}[data-kind=dp-overlay] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=dp-overlay] .p6-res{opacity:0;background:#fff;border-radius:.875rem;gap:.5rem;padding:.875rem 1rem;transition:opacity .3s ease-out;display:grid;position:absolute;top:50%;left:calc(50% + 17rem);translate:0 -50%}[data-kind=dp-overlay] .p6-res small{font-size:.6875rem}[data-kind=dp-overlay] .p6-res>span{align-items:baseline;gap:.375rem;display:flex}[data-kind=dp-overlay] .p6-res svg{display:block}[data-kind=dp-overlay] .p6-res.is-on{opacity:1}[data-kind=dp-overlay] .ov{justify-items:center;gap:1rem;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%;scale:.92}[data-kind=dp-overlay] .ov-scr{--o:0;background:#fff;border-radius:1rem;width:28rem;height:14rem;position:relative;overflow:hidden}[data-kind=dp-overlay] .ov-l{padding:1.25rem 1.5rem;position:absolute;inset:0}[data-kind=dp-overlay] .ov-l.is-build{opacity:var(--o);mix-blend-mode:multiply;color:#6f6f6f;transition:opacity .9s cubic-bezier(.2,0,0,1)}[data-kind=dp-overlay] .ov-top{justify-content:space-between;align-items:center;height:2.5rem;margin-bottom:.5rem;display:flex}[data-kind=dp-overlay] .ov-top.is-off{translate:0 6px}[data-kind=dp-overlay] .ov-top b{letter-spacing:-.02em;font-size:1.375rem;font-weight:500}[data-kind=dp-overlay] .ov-btn{background:var(--ink);color:#fff;border-radius:999px;place-items:center;height:2rem;padding:0 .875rem;font-size:.75rem;display:grid}[data-kind=dp-overlay] .ov-btn.is-sq{background:#6f6f6f;border-radius:.375rem}[data-kind=dp-overlay] .ov-r{grid-template-columns:1fr 6rem 5.5rem;align-items:center;gap:1rem;height:3rem;font-size:.9375rem;display:grid;box-shadow:inset 0 -1px #f0f0f0}[data-kind=dp-overlay] .ov-r b{font-weight:500}[data-kind=dp-overlay] .ov-pill{border-radius:999px;justify-self:end;padding:.25rem .625rem;font-size:.75rem;font-style:normal;box-shadow:inset 0 0 0 1px #d6d6d6}[data-kind=dp-overlay] .ov-pill.is-ink{background:var(--ink);color:#fff;box-shadow:none}[data-kind=dp-overlay] .ov-diff{box-shadow:0 0 0 1.5px var(--ink);opacity:0;border-radius:.5rem;transition:opacity .3s ease-out .7s;position:absolute}[data-kind=dp-overlay] .ov-diff small{background:var(--ink);color:#fff;white-space:nowrap;border-radius:.25rem;padding:.125rem .375rem;position:absolute;top:-.5rem}[data-kind=dp-overlay] .ov-diff.is-1{width:7rem;height:3.25rem;top:1rem;left:1.125rem}[data-kind=dp-overlay] .ov-diff.is-1 small{left:calc(100% - .75rem)}[data-kind=dp-overlay] .ov-diff.is-2{width:8rem;height:3.25rem;top:1rem;right:1.125rem}[data-kind=dp-overlay] .ov-diff.is-2 small{right:calc(100% - .75rem)}[data-kind=dp-overlay].is-onion .ov-diff{opacity:1}[data-kind=dp-overlay] .ov-sl{background:#fff;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .875rem;display:flex}[data-kind=dp-overlay] .ov-track{background:#e3e3e3;border-radius:999px;width:12rem;height:.25rem;position:relative}[data-kind=dp-overlay] .ov-knob{left:var(--k,0%);width:1rem;height:1rem;box-shadow:0 0 0 1.5px var(--ink);background:#fff;border-radius:50%;margin:-.5rem 0 0 -.5rem;transition:left .9s cubic-bezier(.2,0,0,1),scale .15s ease-out;position:absolute;top:50%}[data-kind=dp-overlay] .ov-knob.is-pressing{scale:1.15}[data-kind=dp-overlay] .ov-knob.is-snap{transition:none}@media (width<=767px){[data-kind=dp-overlay] .ov{top:37%;scale:.56}[data-kind=dp-overlay] .p6-res{transform-origin:100% 100%;inset:auto 1.25rem 4.75rem auto;translate:none;scale:.72}}