.pp-anim{--a-o:var(--o,#EF7F43);--a-sa:var(--sa,#F7BC97);--a-n:var(--n,#1B365D);--a-ci:var(--ci,#B8C5D6);--a-iv:var(--iv,#FFFAF1);
  container:ppa/inline-size;display:block;position:relative;width:100%;min-width:0;color:var(--a-n);text-align:left;
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-style:normal;letter-spacing:0;-webkit-font-smoothing:antialiased;
  -webkit-user-select:none;user-select:none}
.pp-anim *,.pp-anim *::before,.pp-anim *::after{box-sizing:border-box}
.pp-anim b{font-weight:800}
.pp-anim .ppa{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.35;font-weight:400}
.pp-anim .ppa-ic{display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

.pp-anim .ppa-hd{display:flex;align-items:center;gap:12px;min-width:0;padding:0 14px}
.pp-anim .ppa-url{display:none;align-items:center;gap:9px;font-size:11.5px;font-weight:600;white-space:nowrap}
.pp-anim .ppa-url .ppa-ic{width:11px;height:11px;margin:0 2.5px;stroke-width:2.2}
.pp-anim .ppa-demo{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;white-space:nowrap}
.pp-anim .ppa-demo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a-o);flex:none}

.pp-anim .ppa-side{display:none}
.pp-anim .ppa-nv{position:relative;display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;font-size:12.5px;line-height:18px;
  font-weight:600;white-space:nowrap}
.pp-anim .ppa-nv::before{content:"";position:absolute;inset:0;border-radius:9px;background:rgba(247,188,151,.62);opacity:var(--on,0);z-index:-1}
.pp-anim .ppa-nv .ppa-ic{width:16px;height:16px}

.pp-anim .ppa-stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.pp-anim .ppa-card{grid-area:1/1;container:ppac/inline-size;min-width:0;display:flex;flex-direction:column;gap:12px;padding:14px;
  border-radius:16px;background:var(--a-iv);overflow:hidden;
  box-shadow:0 0 0 1px rgba(27,54,93,.11),0 30px 50px -34px rgba(27,54,93,.55),0 10px 22px -16px rgba(27,54,93,.26)}
.pp-anim .ppa-pg{display:flex;align-items:center;gap:10px;min-width:0}
.pp-anim .ppa-pico{width:28px;height:28px;border-radius:8px;background:rgba(239,127,67,.14);color:var(--a-o);display:flex;
  align-items:center;justify-content:center;flex:none}
.pp-anim .ppa-pico .ppa-ic{width:15px;height:15px;stroke-width:2}
.pp-anim .ppa-h{font-size:15.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15}

.pp-anim .ppa-drop{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px;
  border-radius:12px;border:1.5px dashed rgba(239,127,67,.45);background-color:rgba(247,188,151,.12)}
.pp-anim .ppa-slot{position:relative;width:84px;height:106px}
.pp-anim .ppa-doc{--fo:16px;position:absolute;inset:0;transform-origin:50% 60%;opacity:0}
.pp-anim .ppa-pap{position:absolute;inset:0;border-radius:7px;background:var(--a-iv);overflow:hidden;
  clip-path:polygon(0 0,calc(100% - var(--fo)) 0,100% var(--fo),100% 100%,0 100%);box-shadow:inset 0 0 0 1px rgba(27,54,93,.14)}
.pp-anim .ppa-fold{position:absolute;right:0;top:0;width:var(--fo);height:var(--fo);border-radius:0 0 0 4px;
  background:linear-gradient(225deg,transparent 50%,var(--a-sa) 50%)}
.pp-anim .ppa-tag{position:absolute;left:7px;top:8px;padding:2px 4px;border-radius:4px;background:var(--a-sa);font-size:10px;
  font-weight:800;letter-spacing:.08em;line-height:1.1}
.pp-anim .ppa-ln{position:absolute;left:7px;right:7px;height:3px}
.pp-anim .ppa-ln>span{position:absolute;top:0;height:3px;border-radius:2px;background:rgba(27,54,93,.16)}
.pp-anim .ppa-scan{position:absolute;left:3px;right:3px;height:11%;border-radius:4px;opacity:0;
  background:linear-gradient(180deg,rgba(247,188,151,0),rgba(247,188,151,.6) 70%,rgba(239,127,67,.9))}
.pp-anim .ppa-col{min-width:0;display:grid;gap:9px;opacity:0}
.pp-anim .ppa-f{display:flex;align-items:center;gap:10px;min-width:0}
.pp-anim .ppa-fn{display:grid;min-width:0}
.pp-anim .ppa-fn>span:first-child{font-size:14px;font-weight:700;white-space:nowrap}
.pp-anim .ppa-fn>span+span{font-size:11.5px}
.pp-anim .ppa-ok{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--a-o);color:var(--a-iv);display:flex;
  align-items:center;justify-content:center;flex:none;transform:scale(0)}
.pp-anim .ppa-ok .ppa-ic{width:12px;height:12px;stroke-width:3}
.pp-anim .ppa-bar{height:6px;border-radius:3px;background:rgba(27,54,93,.08);overflow:hidden}
.pp-anim .ppa-bar>span{display:block;height:100%;border-radius:3px;background:var(--a-o);transform-origin:0 50%;transform:scaleX(0)}
.pp-anim .ppa-cnt{display:grid;row-gap:2px;font-size:12.5px;line-height:1.3;white-space:nowrap}
.pp-anim .ppa-cnt>span{display:block;line-height:1.1;font-size:23px;font-weight:800;
  letter-spacing:-.01em;font-variant-numeric:tabular-nums}

.pp-anim .ppa-tb{flex:1;display:grid;grid-template-rows:auto;grid-auto-rows:minmax(0,1fr);min-width:0;isolation:isolate}
.pp-anim .ppa-th,.pp-anim .ppa-r{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;grid-template-areas:"p n e" "t t t";
  column-gap:10px;align-items:center}
.pp-anim .ppa-th{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;row-gap:3px}
.pp-anim .ppa-th>span:nth-child(1){grid-area:p}
.pp-anim .ppa-th>span:nth-child(3){grid-area:n;text-align:right}
.pp-anim .ppa-th>span:nth-child(4){grid-area:e;text-align:right}
.pp-anim .ppa-thc{grid-area:t;display:grid;min-width:0}
.pp-anim .ppa-thc>span:first-child{display:none}
.pp-anim .ppa-att{position:relative;justify-self:start;left:50%;transform:translateX(-50%);padding-bottom:6px;font-size:11px;
  font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}
.pp-anim .ppa-att::after{content:"";position:absolute;left:50%;bottom:0;width:1.5px;height:6px;margin-left:-.75px;background:var(--a-n)}
.pp-anim .ppa-r{position:relative;row-gap:4px;padding:5px 0 6px}
.pp-anim .ppa-r::before{content:"";position:absolute;inset:0 -8px;border-radius:9px;background:rgba(247,188,151,.45);opacity:var(--hl,0);z-index:-1}
.pp-anim .ppa-p{grid-area:p;min-width:0;font-weight:600}
.pp-anim .ppa-n,.pp-anim .ppa-e{text-align:right;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.pp-anim .ppa-n{grid-area:n}
.pp-anim .ppa-e{grid-area:e}
.pp-anim .ppa-r.al .ppa-e{font-weight:800}
.pp-anim .ppa-t{grid-area:t;position:relative;height:9px}
.pp-anim .ppa-t::before,.pp-anim .ppa-v{position:absolute;left:0;top:0;height:9px;border-radius:5px}
.pp-anim .ppa-t::before{content:"";right:0;background:rgba(27,54,93,.07)}
.pp-anim .ppa-v{width:0;background:var(--a-o)}
.pp-anim .ppa-t::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;margin-left:-.75px;border-radius:1px;
  background:var(--a-n);z-index:2}
.pp-anim .ppa-r.tot{margin-top:4px;box-shadow:inset 0 1px 0 rgba(27,54,93,.16)}
.pp-anim .ppa-r.tot .ppa-p{font-weight:800}
.pp-anim .ppa-r.tot .ppa-v{background:var(--a-ci)}
.pp-anim .ppa-halo{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid var(--a-o);
  opacity:0;z-index:3}
.pp-anim .ppa-al{margin-top:auto;display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:10px;
  background:rgba(247,188,151,.3);box-shadow:inset 0 0 0 1px rgba(239,127,67,.34);font-size:12px;line-height:1.42;opacity:0}
.pp-anim .ppa-al .ppa-ic{width:15px;height:15px;margin-top:1px;color:var(--a-o);stroke-width:2}

.pp-anim .ppa-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-anim .ppa-k>div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:2px;align-content:start;min-width:0;padding:8px 10px;border-radius:10px;
  background:rgba(27,54,93,.04);box-shadow:inset 0 0 0 1px rgba(27,54,93,.08)}
.pp-anim .ppa-kl{font-size:11px;font-weight:600}
.pp-anim .ppa-kv{font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.pp-anim .ppa-kn{display:none;font-size:11px}
.pp-anim .ppa-chh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.pp-anim .ppa-cht{font-size:12.5px;font-weight:700}
.pp-anim .ppa-lg{display:flex;flex-wrap:wrap;gap:3px 11px;font-size:11px}
.pp-anim .ppa-lg>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.pp-anim .ppa-sw{width:14px;height:0;border-top:2px solid var(--a-n)}
.pp-anim .ppa-sw.pr{border-top:2px dashed var(--a-o)}
.pp-anim .ppa-sw.bd{height:8px;border:0;border-radius:2px;background:rgba(247,188,151,.75)}
.pp-anim .ppa-sw.dc{border-top:1.5px dashed rgba(27,54,93,.6)}
.pp-anim .ppa-plot{position:relative;height:118px;margin-top:10px}
.pp-anim .ppa-plot svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.pp-anim .ppa-plot .bande{fill:rgba(247,188,151,.55)}
.pp-anim .ppa-plot .air{fill:rgba(184,197,214,.4)}
.pp-anim .ppa-plot .lr,.pp-anim .ppa-plot .lp{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.pp-anim .ppa-plot .lr{stroke:var(--a-n)}
.pp-anim .ppa-plot .lp{stroke:var(--a-o);stroke-dasharray:5 4;stroke-linecap:butt}
.pp-anim .ppa-plot line{stroke-width:1}
.pp-anim .ppa-plot .z{stroke:rgba(27,54,93,.28)}
.pp-anim .ppa-plot .dec{stroke:rgba(27,54,93,.6);stroke-dasharray:3 3}
.pp-anim .ppa-plot .auj{stroke:rgba(27,54,93,.4)}
.pp-anim .ppa-lab{position:absolute;top:-5px;margin-left:5px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;opacity:0}
.pp-anim .ppa-dot{position:absolute;border-radius:50%;opacity:0;pointer-events:none}
.pp-anim .ppa-tip{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--a-o);box-shadow:0 0 0 2.5px var(--a-iv),0 2px 6px rgba(27,54,93,.3);z-index:3}
.pp-anim .ppa-pb{width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--a-o);box-shadow:0 0 0 3px var(--a-iv),0 2px 8px rgba(27,54,93,.35);z-index:4}
.pp-anim .ppa-pbh{width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--a-o);z-index:2}
.pp-anim .ppa-pbl{position:absolute;margin-top:11px;transform:translateX(-50%);padding:1px 5px;border-radius:5px;background:var(--a-iv);
  font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;opacity:0;z-index:4}
.pp-anim .ppa-mois{position:relative;height:30px;margin-top:7px;font-size:11px;line-height:1}
.pp-anim .ppa-mois>span{position:absolute;top:0;transform:translateX(-50%)}
.pp-anim .ppa-mois>span.vu{font-weight:700}
.pp-anim .ppa-mois>span.an::after{content:attr(data-an);position:absolute;left:50%;top:15px;transform:translateX(-50%);font-size:11px;font-weight:600}
.pp-anim .ppa-mois>span:first-child{transform:none}
.pp-anim .ppa-mois>span:last-child{transform:translateX(-100%)}
.pp-anim .ppa-mois>span.an:first-child::after{left:0;transform:none}

@container ppac (min-width:480px){
  .pp-anim .ppa-card{padding:18px;gap:14px}
  .pp-anim .ppa-h{font-size:17px}
  .pp-anim .ppa-drop{gap:26px;padding:22px 26px}
  .pp-anim .ppa-slot{width:124px;height:156px}
  .pp-anim .ppa-doc{--fo:22px}
  .pp-anim .ppa-tag{font-size:12.5px;left:12px;top:13px;padding:3px 6px}
  .pp-anim .ppa-ln{left:12px;right:12px;height:4px}
  .pp-anim .ppa-ln>span{height:4px}
  .pp-anim .ppa-col{gap:12px}
  .pp-anim .ppa-fn>span:first-child{font-size:17px}
  .pp-anim .ppa-fn>span+span{font-size:12.5px}
  .pp-anim .ppa-bar{height:8px;border-radius:4px}
  .pp-anim .ppa-ok{width:26px;height:26px}
  .pp-anim .ppa-cnt{font-size:13.5px}
  .pp-anim .ppa-cnt>span{font-size:32px}
  .pp-anim .ppa-th,.pp-anim .ppa-r{grid-template-columns:minmax(0,168px) minmax(0,1fr) 80px 58px;grid-template-areas:"p t n e";column-gap:12px}
  .pp-anim .ppa-th{align-items:start;row-gap:0}
  .pp-anim .ppa-thc>span:first-child{display:block;padding-bottom:3px}
  .pp-anim .ppa-r{padding:0;min-height:31px;row-gap:0}
  .pp-anim .ppa-t{align-self:stretch;height:auto;min-height:31px}
  .pp-anim .ppa-t::before,.pp-anim .ppa-v{top:50%;margin-top:-4.5px}
  .pp-anim .ppa-t::after{top:0;bottom:0}
  .pp-anim .ppa-r.tot{margin-top:3px;min-height:35px}
  .pp-anim .ppa-k{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pp-anim .ppa-kn{display:block}
  .pp-anim .ppa-kv{font-size:17px}
  .pp-anim .ppa-plot{height:150px}
}

@container ppa (min-width:700px){
  .pp-anim .ppa{grid-template-columns:172px minmax(0,1fr);column-gap:14px;row-gap:12px;font-size:13px}
  .pp-anim .ppa-hd{grid-column:1/-1;padding:0 18px 0 12px}
  .pp-anim .ppa-url{display:inline-flex}
  .pp-anim .ppa-side{display:flex;flex-direction:column;gap:4px;padding-top:15px;isolation:isolate}
}