:root{--p-appels-ease:cubic-bezier(.22, 1, .36, 1)}@property --pa{syntax:"<number>";inherits:true;initial-value:1}.p-appels-pa{--pa:var(--p,1)}.p-appels-chip{width:fit-content;max-width:100%;color:var(--color-foreground);background:color-mix(in oklab, var(--color-foreground) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 16%, transparent);border-radius:9999px;align-items:center;gap:.375rem;padding:.3125rem .75rem;font-size:.9375rem;font-weight:600;line-height:1.25rem;display:inline-flex}.p-appels-chip svg{flex-shrink:0}.p-appels-chip[data-s=ok]{background:color-mix(in oklab, var(--color-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 50%, transparent)}.p-appels-chip[data-s=ok] svg{color:var(--color-accent)}.p-appels-chip[data-s=warn]{background:color-mix(in oklab, var(--color-foreground) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 32%, transparent)}.p-appels-okc{color:var(--color-accent)}.p-appels-dot{background:var(--color-accent);border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.p-appels-stack{display:grid}.p-appels-stack>*{grid-area:1/1;min-width:0}.p-appels-wave{justify-content:space-between;align-items:center;gap:3px;height:2.75rem;display:flex}.p-appels-bar{background:var(--color-accent);max-width:5px;height:100%;transform:scaleY(var(--h,.5));border-radius:9999px;flex:1 1 0}.p-appels-ring{position:relative}.p-appels-ring:before,.p-appels-ring:after{content:"";border-radius:inherit;border:2px solid var(--color-accent);opacity:0;pointer-events:none;position:absolute;inset:0}.p-appels-slot{color:var(--color-background);background:var(--color-accent);box-shadow:0 10px 28px -10px color-mix(in oklab, var(--color-accent) 70%, transparent);position:relative}.p-appels-slot:after{content:"";border-radius:inherit;border:2px solid var(--color-accent);opacity:0;pointer-events:none;position:absolute;inset:0}.p-appels-q,.p-appels-qo{--q:clamp(0, calc((var(--pa) - var(--t,0)) / var(--w,.08)), 1)}.p-appels-q{opacity:var(--q);transform:translateY(calc((1 - var(--q)) * var(--y,14px))) scale(calc(var(--s,1) + (1 - var(--s,1)) * var(--q)))}.p-appels-qo{opacity:calc(1 - var(--q));transform:scale(calc(1 - .06 * var(--q)))}html[data-motion=on] .p-appels-auto[data-vu=false]{--pa:0}.p-appels-pin[data-live=on]{height:var(--h,250svh)}.p-appels-pin[data-live=on] .p-appels-pin-in{flex-direction:column;justify-content:center;height:calc(100svh - 4rem);display:flex;position:sticky;top:4rem;overflow:hidden}.p-appels-cap{transition:opacity .4s}.p-appels-cap[data-dim=true]{opacity:.4}.p-appels-hs{--gut:calc((100cqw - min(100cqw, 80rem)) / 2 + 1.5rem);container-type:inline-size}@media (min-width:1024px){.p-appels-hs{--gut:calc((100cqw - min(100cqw, 80rem)) / 2 + 2rem)}}.p-appels-hs[data-live=off]{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-inline:1.5rem;overflow-x:auto}.p-appels-hs-track{width:max-content;padding:.5rem var(--gut) 1.5rem;gap:1rem;margin:0;list-style:none;display:flex}.p-appels-hs[data-live=on] .p-appels-hs-track{transform:translateX(calc(var(--pa) * min(0px, 100cqw - 100%)));will-change:transform}.p-appels-hc{scroll-snap-align:start;flex:none;width:min(80cqw,19rem)}.p-appels-hbar{transform-origin:0;transform:scaleX(var(--pa))}.p-appels-st{--a:clamp(0, calc((var(--pa) - var(--t,0)) / .03), 1);--b:clamp(0, calc((var(--pa) - var(--t,0) - .13) / .03), 1)}.p-appels-st1{opacity:calc(1 - var(--a))}.p-appels-st2{opacity:calc(var(--a) - var(--b))}.p-appels-st3{opacity:var(--b)}.p-appels-fr{position:relative}.p-appels-fr-line,.p-appels-fr-fill{border-radius:2px;width:2px;position:absolute;top:.75rem;bottom:.75rem;left:.6875rem}.p-appels-fr-line{background:var(--color-border)}.p-appels-fr-fill{background:var(--color-accent);transform-origin:top;transform:scaleY(var(--pa))}.p-appels-fr-i{--q:clamp(0, calc((var(--pa) - var(--i) * .25) * 12), 1);opacity:calc(.5 + .5 * var(--q));align-items:flex-start;gap:.875rem;padding-bottom:1.75rem;display:flex;position:relative}.p-appels-fr-i:last-child{padding-bottom:0}.p-appels-fr-dot{width:1.5rem;height:1.5rem;color:var(--color-background);background:color-mix(in oklab, var(--color-accent) calc(var(--q) * 100%), var(--color-muted));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-foreground) 14%, transparent);transform:scale(calc(.8 + .2 * var(--q)));border-radius:9999px;flex:none;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.p-appels-fr-line,.p-appels-fr-fill{width:auto;height:2px;inset:.6875rem 0 auto .75rem}.p-appels-fr-fill{transform-origin:0;transform:scaleX(var(--pa))}.p-appels-fr-i{flex-direction:column;gap:1rem;padding-bottom:0;padding-right:1rem}}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .p-appels-auto[data-vu=true]{animation:p-appels-auto var(--auto,4.5s) linear both}html[data-motion=on] .p-appels-s{opacity:0}html[data-motion=on] [data-vu=true] .p-appels-s{animation:p-appels-up var(--dur,.35s) var(--p-appels-ease) var(--d,0s) both}.p-appels-w{--y:0px;--dur:.2s}html[data-motion=on] [data-vu=true] .p-appels-bar{animation:p-appels-wave 1.2s ease-in-out calc(var(--i) * -110ms) infinite}html[data-motion=on] [data-vu=true] .p-appels-ring:before{animation:p-appels-ping 1.6s var(--p-appels-ease) infinite}html[data-motion=on] [data-vu=true] .p-appels-ring:after{animation:p-appels-ping 1.6s var(--p-appels-ease) .5s infinite}html[data-motion=on] [data-vu=true] .p-appels-shake{transform-origin:50% 60%;animation:1.6s ease-in-out infinite p-appels-shake}html[data-motion=on] [data-vu=true] .p-appels-slot:after{animation:p-appels-ping 1.5s ease-out calc(var(--d,0s) + .35s) 2 both}html[data-motion=on] [data-vu=true] .p-appels-dot{animation:1.4s ease-in-out infinite p-appels-blink}html[data-motion=on] .p-appels-lp{opacity:0}html[data-motion=on] [data-vu=true] .p-appels-lp{animation-duration:14s;animation-timing-function:linear;animation-iteration-count:infinite}html[data-motion=on] [data-vu=true] .p-appels-l1{animation-name:p-appels-l1}html[data-motion=on] [data-vu=true] .p-appels-l2{animation-name:p-appels-l2}html[data-motion=on] [data-vu=true] .p-appels-l3{animation-name:p-appels-l3}html[data-motion=on] [data-vu=true] .p-appels-l4{animation-name:p-appels-l4}html[data-motion=on] [data-vu=true] .p-appels-l5{animation-name:p-appels-l5}html[data-motion=on] [data-vu=true] .p-appels-l6{animation-name:p-appels-l6}}@keyframes p-appels-auto{0%{--pa:0}to{--pa:1}}@keyframes p-appels-up{0%{opacity:0;transform:translateY(var(--y,28px)) scale(var(--sc,1))}to{opacity:1;transform:none}}@keyframes p-appels-wave{0%,to{transform:scaleY(calc(var(--h,.5) * .35))}50%{transform:scaleY(var(--h,.5))}}@keyframes p-appels-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes p-appels-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes p-appels-shake{0%,38%,to{transform:rotate(0)}4%,12%,20%,28%{transform:rotate(-9deg)}8%,16%,24%,32%{transform:rotate(9deg)}}@keyframes p-appels-l1{0%,3%{opacity:0;transform:translateY(14px)}5.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes p-appels-l2{0%,18%{opacity:0;transform:translateY(14px)}20.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes p-appels-l3{0%,33%{opacity:0;transform:translateY(14px)}35.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes p-appels-l4{0%,48%{opacity:0;transform:translateY(14px)}50.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes p-appels-l5{0%,63%{opacity:0;transform:translateY(14px)}65.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes p-appels-l6{0%,71%{opacity:0;transform:translateY(14px)}73.5%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}