:root{--navy:#0E2A47;      
  --green:#157A54;     
  --done:#A3CDBA;      
  --paper:#FBFAF7;     
  --ink:#1F2933;
  --ink-soft:#67757F;
  --rule:#E5E0D6;      
  --open:#E7E2D8;      
  --r:3px;             

  
  --t-display:2.25rem; --t-title:1.5rem; --t-lead:1.1875rem;
  --t-body:1.0625rem; --t-small:.9375rem; --t-micro:.8125rem;

  
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4rem; --s6:6rem;

  
  --wrong:#C13A3A;}
:root{--bar:#2F6FEB;        
  --change:#8E44AD;     
  --gap:#EFA02A;        
  --kind2:#C2478A;}
:root{--bar:#93B8F2;      
  --change:#C4A4E6;   
  --gap:#F2B56C;      
  --amber:var(--gap);  
  --kind2:#E7A8BD;    
  --mark:#164EA5;     
  --fig-out:1.6px;    
  --fig-seam:1px;     
  --seam-a:.34;}
:root{--sheet:#F3EFE5;--sheet0:#F7F4EC;--sheet2:#E6E0D2;--stone:#B7AF9E;
  --slate:#9AA5AD;--mist:#B9C7D9;--ease2:cubic-bezier(.2,.8,.2,1)}
:root{--il-paper:#F3EFE5;--il-fold:#E6E0D2;--il-sand:#DDD5C4;
  --il-stone:#B7AF9E;--il-slate:#B9C7D9;--il-line:#9AA5AD;
  --il-leaf:#A3CDBA;--il-rose:#D8B0A5;--il-cocoa:#A5907E}
:root{--hi:rgba(255,253,246,.6);--hi2:rgba(255,253,246,.34);
  --lo:rgba(31,41,51,.10);--lo2:rgba(31,41,51,.16);
  --sh1:rgba(93,85,70,.30);--sh2:rgba(93,85,70,.15);
  --tilt:rotateX(10deg) rotateY(-7deg);
  --ez:cubic-bezier(.25,.6,.2,1)}
.m3d{display:block;width:calc(138px*var(--sc,1));height:calc(138px*var(--sc,1))}
.m3d .mi{display:block;width:138px;height:138px;
  transform:scale(var(--sc,1));transform-origin:0 0}
.scene{display:block;position:relative;width:138px;height:138px;perspective:900px}
.tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:var(--tilt)}
.lyr{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
.lzs{transform:translateZ(-8px)}
.lz0{transform:translateZ(0)}
.lz1{transform:translateZ(12px)}
.lz2{transform:translateZ(24px)}
.e-frac{transform:rotate(18deg);transform-origin:91px 79px}
.e-shade{transform-origin:44px 50px}
.e-arm{transform-origin:60px 28.5px}
.e-pan{transform-origin:var(--po)}
.e-fan{transform-origin:28px 96px}
.e-fansh{transform-origin:28px 100px}
.e-water{transform-origin:49px 85px}
.e-arc{stroke-dasharray:100}
.m3d.play .e-slide{animation:kf-slide .7s var(--ez) var(--d,0s) backwards}
.m3d.play .e-frac{animation:kf-frac .65s var(--ez) .1s backwards}
.m3d.play .e-fracsh{animation:kf-fracsh .65s var(--ez) .1s backwards}
.m3d.play .e-shade{animation:kf-shade .8s var(--ez) .1s backwards}
.m3d.play .e-arm{animation:kf-arm .9s var(--ez) backwards}
.m3d.play .e-pan{animation:kf-pan .9s var(--ez) backwards}
.m3d.play .e-land{animation:kf-land .95s linear backwards}
.m3d.play .e-fan{animation:kf-fan .8s var(--ez) var(--d,0s) backwards}
.m3d.play .e-fansh{animation:kf-fansh .8s var(--ez) backwards}
.m3d.play .e-water{animation:kf-fill .9s ease-in-out backwards}
.m3d.play .e-surface{animation:kf-surf .9s ease-in-out backwards}
.m3d.play .e-arc{animation:kf-arc .6s var(--ez) .15s backwards}
.m3d.play .e-tick{animation:kf-tick .3s var(--ez) var(--d,0s) backwards}
@media(prefers-reduced-motion:reduce){.m3d *{animation:none!important}}
.fb{fill:var(--bar);stroke:var(--ink);stroke-width:1.2}
.fo{fill:var(--open);stroke:var(--ink);stroke-width:1.2}
.pl{stroke:var(--ink);stroke-width:1;stroke-opacity:var(--seam-a)}
.si{stroke:var(--ink-soft);fill:none;stroke-width:1}
.tk{fill:var(--ink);font-size:11px;font-weight:700}
.mini{--cycle:5.4s}
.mini svg *{transform-box:view-box}
.fw{fill:var(--bar)}
.oq{stroke:var(--ink-soft);stroke-width:1.1;fill:none}
.sb{stroke:var(--bar);stroke-width:2.6;fill:none;stroke-linecap:round}
.mini.stack{position:relative;display:block;width:128px;height:44px}
.mini.stack svg{position:absolute;left:0;top:0}
@media(prefers-reduced-motion:reduce){.mini,.mini *{animation:none!important}}
.m3d.loop{--mcycle:3.6s}
.m3d.loop.play .e-slide{animation:kf-slide-lp var(--mcycle) var(--ez) var(--d,0s) infinite both}
.m3d.loop.play .e-frac{animation:kf-frac-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-fracsh{animation:kf-fracsh-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-shade{animation:kf-shade-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-arm{animation:kf-arm-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-pan{animation:kf-pan-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-land{animation:kf-land-lp var(--mcycle) linear 0s infinite both}
.m3d.loop.play .e-fan{animation:kf-fan-lp var(--mcycle) var(--ez) var(--d,0s) infinite both}
.m3d.loop.play .e-fansh{animation:kf-fansh-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-water{animation:kf-fill-lp var(--mcycle) ease-in-out 0s infinite both}
.m3d.loop.play .e-surface{animation:kf-surf-lp var(--mcycle) ease-in-out 0s infinite both}
.m3d.loop.play .e-arc{animation:kf-arc-lp var(--mcycle) var(--ez) 0s infinite both}
.m3d.loop.play .e-tick{animation:kf-tick-lp var(--mcycle) var(--ez) var(--d,0s) infinite both}
.mini .sk1{animation:ar38 var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .sk2{animation:ar41 var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .sk3{animation:ar44 var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .arrive,.mini.arrive{animation:mnarrive var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .measure,.mini.measure{animation:mnmeasure var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .cells6,.mini.cells6{animation:mncells6 var(--cycle) cubic-bezier(.45,0,.25,1) infinite}
.mini .cells6{transform-box:view-box}
@keyframes ar38{0%,38%{opacity:0}41%,100%{opacity:1}}
@keyframes ar41{0%,41%{opacity:0}44%,100%{opacity:1}}
@keyframes ar44{0%,44%{opacity:0}47%,100%{opacity:1}}
@keyframes kf-arc{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes kf-arc-lp{0%{stroke-dashoffset:100}4.167%{stroke-dashoffset:100}20.83%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes kf-arm{from{transform:rotate(-5deg)}to{transform:none}}
@keyframes kf-arm-lp{0%{transform:rotate(-5deg)}25%{transform:none}100%{transform:none}}
@keyframes kf-fan{from{transform:rotate(var(--ra,0deg))}to{transform:none}}
@keyframes kf-fan-lp{0%{transform:rotate(var(--ra,0deg))}22.22%{transform:none}100%{transform:none}}
@keyframes kf-fansh{from{transform:scaleX(.22)}to{transform:none}}
@keyframes kf-fansh-lp{0%{transform:scaleX(.22)}22.22%{transform:none}100%{transform:none}}
@keyframes kf-fill{from{transform:scaleY(.14)}to{transform:none}}
@keyframes kf-fill-lp{0%{transform:scaleY(.14)}25%{transform:none}100%{transform:none}}
@keyframes kf-frac{from{transform:translate(-6px,-16px) rotate(0deg)}to{transform:rotate(18deg)}}
@keyframes kf-frac-lp{0%{transform:translate(-6px,-16px) rotate(0deg)}2.778%{transform:translate(-6px,-16px) rotate(0deg)}20.83%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes kf-fracsh{0%{transform:translate(-8px,0);opacity:0}55%{opacity:.3}100%{transform:none;opacity:1}}
@keyframes kf-fracsh-lp{0%{transform:translate(-8px,0);opacity:0}2.778%{transform:translate(-8px,0);opacity:0}12.71%{opacity:.3}20.83%{transform:none;opacity:1}100%{transform:none;opacity:1}}
@keyframes kf-land{0%{opacity:0}75%{opacity:0}100%{opacity:1}}
@keyframes kf-land-lp{0%{opacity:0}19.79%{opacity:0}26.39%{opacity:1}100%{opacity:1}}
@keyframes kf-pan{from{transform:rotate(5deg)}to{transform:none}}
@keyframes kf-pan-lp{0%{transform:rotate(5deg)}25%{transform:none}100%{transform:none}}
@keyframes kf-shade{from{transform:scale(0)}to{transform:none}}
@keyframes kf-shade-lp{0%{transform:scale(0)}2.778%{transform:scale(0)}25%{transform:none}100%{transform:none}}
@keyframes kf-slide{from{transform:translate(var(--dx,0px),var(--dy,0px))}to{transform:none}}
@keyframes kf-slide-lp{0%{transform:translate(var(--dx,0px),var(--dy,0px))}19.44%{transform:none}100%{transform:none}}
@keyframes kf-surf{from{transform:translateY(24.9px)}to{transform:none}}
@keyframes kf-surf-lp{0%{transform:translateY(24.9px)}25%{transform:none}100%{transform:none}}
@keyframes kf-tick{from{opacity:0}to{opacity:1}}
@keyframes kf-tick-lp{0%{opacity:0}8.333%{opacity:1}100%{opacity:1}}
@keyframes mnarrive{0%,56%{opacity:0}64%,100%{opacity:1}}
@keyframes mncells6{0%,36%{transform:translate(-24px,-12px);animation-timing-function:steps(1,end)}40%{transform:translate(-12px,-12px);animation-timing-function:steps(1,end)}45%{transform:translate(0px,-12px);animation-timing-function:steps(1,end)}50%{transform:translate(-24px,0px);animation-timing-function:steps(1,end)}55%{transform:translate(-12px,0px);animation-timing-function:steps(1,end)}60%,100%{transform:translate(0px,0px)}}
@keyframes mnmeasure{0%,36%{opacity:0}54%,100%{opacity:1}}