/* GENERATO da CLASMA-Sito-sorgenti-trailer/mascotte-build.mjs — non modificare a mano.
   Le animazioni delle mascotte (scoiattolo.js + critters.js) e le 67 classi che
   sostituiscono gli style= inline: la CSP del sito (style-src 'self') non li permette. */
/* I perni NON stanno qui: sono calcolati per sagoma in renderVals()
       e applicati inline. Un solo set di transform-origin non puo'
       servire tre corpi diversi — era la causa dello strappo al collo e
       della coda che ruotava attorno a un punto a 59 px dal suo attacco. */

    /* ---- la coda e' una CATENA ----
       Ogni segmento e' annidato nel precedente, quindi le rotazioni si
       sommano; il ritardo negativo crescente fa viaggiare un'onda dalla
       base alla punta. E' cosi' che si muove una coda: non ruotando in
       blocco. --amp cresce verso l'estremita', --k e' il guadagno della
       fase, --dur la sua velocita'. */
    @keyframes ondaCoda {
      0%, 100% { transform: rotate(calc(var(--amp) * var(--k, 1) * -1deg)) }
      50%      { transform: rotate(calc(var(--amp) * var(--k, 1) * 1deg)) }
    }
    .masc .cs { animation: ondaCoda var(--dur, 2.6s) ease-in-out infinite }
    .masc .cs1 { --amp: .8 }
    .masc .cs2 { --amp: 1.1; animation-delay: -.10s }
    .masc .cs3 { --amp: 1.4; animation-delay: -.20s }
    .masc .cs4 { --amp: 1.7; animation-delay: -.30s }
    .masc .cs5 { --amp: 2.0; animation-delay: -.40s }
    .masc .cs6 { --amp: 2.3; animation-delay: -.50s }

    .st-idle   .coda { --dur: 5s;   --k: .7 }
    .st-peek   .coda { --dur: 4s;   --k: .5 }
    .st-wake   .coda { --dur: 1.2s; --k: 2.2 }
    .st-listen .coda { --dur: 3.4s; --k: .35 }
    /* pensando la coda gratta: la base resta lenta, la PUNTA fa un
       movimento corto e veloce. E' il contrasto fra i due ritmi a farlo
       sembrare grattare invece che ondeggiare. */
    .st-think  .coda { --dur: 2.8s; --k: .6 }
    .st-think  .cs5 { --amp: 3.4; --dur: .42s; animation-delay: 0s }
    .st-think  .cs6 { --amp: 5.2; --dur: .42s; animation-delay: -.09s }
    .st-work   .coda { --dur: .6s;  --k: 2.4 }
    .st-speak  .coda { --dur: 1.1s; --k: 1.2 }
    .st-done   .coda { --dur: .7s;  --k: 2.6 }
    .st-error  .coda { --dur: .45s; --k: 3 }

    /* ---- movimenti d'insieme ---- */
    @keyframes respiro  { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2.5px) } }
    @keyframes parla    { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1.6px) } }
    @keyframes dondola  { 0%,100% { transform: translateX(-4px) rotate(-1.2deg) }
                          50%     { transform: translateX(4px) rotate(1.2deg) } }
    @keyframes dormeRespiro { 0%,100% { transform: scale(1) translateY(0) }
                              50% { transform: scale(1.03) translateY(-2px) } }
    @keyframes salta    { 0% { transform: translateY(0) }  28% { transform: translateY(-11px) }
                          52% { transform: translateY(0) } 68% { transform: translateY(-3.5px) }
                          100% { transform: translateY(0) } }
    @keyframes trema    { 0%,100% { transform: translateX(0) } 20% { transform: translateX(-3px) }
                          40% { transform: translateX(3px) }  60% { transform: translateX(-2px) }
                          80% { transform: translateX(2px) } }
    @keyframes siSveglia {
      0%   { transform: translateY(30px) scaleX(1.22) scaleY(.52) }
      30%  { transform: translateY(-8px) scaleX(.90) scaleY(1.15) }
      52%  { transform: translateY(3px)  scaleX(1.06) scaleY(.94) }
      72%  { transform: translateY(-2px) scaleX(.98) scaleY(1.03) }
      100% { transform: translateY(0)    scaleX(1) scaleY(1) }
    }
    /* corsa ridotta a +/-14 px: a 26 la coda a bandiera usciva dal
       riquadro di quasi 21 px a ogni estremo */
    @keyframes scorrazza {
      0%   { transform: translateX(-14px) scaleX(1) }
      42%  { transform: translateX(14px) scaleX(1) }
      50%  { transform: translateX(14px) scaleX(-1) }
      92%  { transform: translateX(-14px) scaleX(-1) }
      100% { transform: translateX(-14px) scaleX(1) }
    }
    @keyframes sobbalzo { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }

    /* ---- testa ---- */
    @keyframes annuisce { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(4deg) } }
    @keyframes scuote   { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(-7deg) }
                          75% { transform: rotate(7deg) } }
    @keyframes alzaMuso { 0%,100% { transform: rotate(0deg) translateY(0) }
                          50% { transform: rotate(-5deg) translateY(-2px) } }
    @keyframes chinaMuso{ 0%,100% { transform: rotate(0deg) translateY(0) }
                          50% { transform: rotate(6deg) translateY(2px) } }

    /* ---- orecchie, zampe, occhio ---- */
    @keyframes orecchieRadar { 0%,100% { transform: rotate(-3deg) } 50% { transform: rotate(-13deg) } }
    @keyframes spunta   { 0% { transform: translateY(46px) } 100% { transform: translateY(0) } }
    @keyframes gesticola{ 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(-6deg) } }
    @keyframes trottoA  { 0%,100% { transform: rotate(9deg) } 50% { transform: rotate(-9deg) } }
    @keyframes trottoB  { 0%,100% { transform: rotate(-9deg) } 50% { transform: rotate(9deg) } }
    @keyframes brilla   { 0%,100% { opacity: .55 } 50% { opacity: 1 } }
    @keyframes pulsa    { 0%,100% { opacity: 1 } 50% { opacity: .5 } }
    @keyframes apreOcchio { 0% { transform: scale(0) } 100% { transform: scale(1) } }
    @keyframes batteSpesso { 0%,88%,100% { transform: scaleY(0) } 92%,95% { transform: scaleY(1) } }
    /* la palpebra riposa CHIUSA SUL NULLA: senza scaleY(0) di riposo
       resterebbe a grandezza piena e coprirebbe l'occhio */
    .masc .palpebra { transform-box: fill-box; transform-origin: center; transform: scaleY(0) }

    /* ---- scena ----
       transform-box: fill-box, cosi' l'origine e' LOCALE all'elemento.
       Con view-box cadeva sul centro della tela e gli scale() li
       trascinavano via: le "z" finivano a x 210, le barrette di voce
       scendevano di 90 px fino ai piedi. */
    .masc .extra polyline, .masc .extra circle, .masc .extra rect,
    .masc .extra polygon, .masc .extra path { transform-box: fill-box; transform-origin: center }
    .masc .voce { transform-origin: center bottom }
    @keyframes salePensiero { 0% { opacity: 0; transform: translateY(6px) scale(.7) }
                              25% { opacity: 1; transform: translateY(0) scale(1) }
                              80% { opacity: 1 }
                              100% { opacity: 0; transform: translateY(-5px) scale(.95) } }
    @keyframes zetaSale { 0% { opacity: 0; transform: translate(0,0) scale(.6) }
                          25% { opacity: .95 }
                          100% { opacity: 0; transform: translate(9px,-20px) scale(1.1) } }
    @keyframes onda     { 0% { opacity: 0; transform: scale(.5) } 40% { opacity: .9 }
                          100% { opacity: 0; transform: scale(1.5) } }
    @keyframes orbita   { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
    @keyframes vocalizza{ 0%,100% { transform: scaleY(.35) } 50% { transform: scaleY(1) } }
    @keyframes scoppia  { 0% { opacity: 0; transform: scale(.3) rotate(-25deg) }
                          45% { opacity: 1; transform: scale(1.15) rotate(6deg) }
                          100% { opacity: 0; transform: scale(1) rotate(0) } }
    @keyframes allarme  { 0%,100% { opacity: .35 } 50% { opacity: 1 } }
    @keyframes rigira   { 0% { transform: rotate(0deg) scale(1) }
                          50% { transform: rotate(180deg) scale(.86) }
                          100% { transform: rotate(360deg) scale(1) } }
    @keyframes posa     { 0% { transform: translateY(-40px) rotate(-30deg); opacity: 0 }
                          45% { opacity: 1 }
                          70% { transform: translateY(3px) rotate(4deg) }
                          100% { transform: translateY(0) rotate(0deg); opacity: 1 } }
    @keyframes arruffa  { 0%,100% { transform: scale(1) } 50% { transform: scale(1.12) } }

    /* ========== le fasi ========== */
    .st-idle .tutto { animation: dormeRespiro 4.6s ease-in-out infinite }
    .st-idle .zeta  { animation: zetaSale 3.6s ease-in-out infinite }
    .st-idle .zeta.z2 { animation-delay: 1.5s }

    .st-peek .tutto { animation: dormeRespiro 3s ease-in-out infinite }
    .st-peek .orDietroA { animation: spunta .5s cubic-bezier(.2,.8,.25,1) 1 both }
    .st-peek .orDietroB { animation: spunta .5s cubic-bezier(.2,.8,.25,1) .14s 1 both }
    .st-peek .occhio { animation: apreOcchio .4s cubic-bezier(.2,.7,.2,1) 1 both }

    .st-wake .tutto    { animation: siSveglia .9s cubic-bezier(.2,.8,.25,1) 1 both }
    .st-wake .orecchie { animation: gesticola .55s cubic-bezier(.2,.8,.25,1) 1 both }
    .st-wake .occhio   { animation: apreOcchio .4s cubic-bezier(.2,.7,.2,1) .18s 1 both }
    .st-wake .testa    { animation: alzaMuso .9s ease-out 1 both }

    /* ascolta: si IMMOBILIZZA davvero — solo le orecchie, come un radar.
       Prima quattro regole lo animavano mentre il commento diceva il
       contrario. */
    .st-listen .orecchie { animation: orecchieRadar 1.3s ease-in-out infinite }
    .st-listen .occhio   { animation: brilla 1.8s ease-in-out infinite }
    .st-listen .onda     { animation: onda 1.6s ease-out infinite }
    .st-listen .tronco   { animation: respiro 3.4s ease-in-out infinite }

    .st-think .tutto  { animation: dondola 5s ease-in-out infinite }
    .st-think .testa  { animation: alzaMuso 3s ease-in-out infinite }
    .st-think .occhio { animation: pulsa 2.2s ease-in-out infinite }
    .st-think .frammento { animation: rigira 3.8s linear infinite }
    .st-think .pensiero  { animation: salePensiero 2.6s ease-in-out infinite }
    .st-think .pensiero.p2 { animation-delay: .25s }
    .st-think .pensiero.p3 { animation-delay: .5s }

    .st-work .tutto   { animation: scorrazza 3.2s ease-in-out infinite }
    .st-work .tronco  { animation: sobbalzo .38s ease-in-out infinite }
    .st-work .zampe   { animation: trottoA .38s ease-in-out infinite }
    .st-work .zampeB  { animation: trottoB .38s ease-in-out infinite }
    .st-work .testa   { animation: chinaMuso .76s ease-in-out infinite }
    .st-work .schegge { animation: orbita 5s linear infinite }
    /* contro-rotazione: gli oggetti girano attorno al personaggio ma restano
       dritti, altrimenti la bilancia si capovolge a meta' giro */
    @keyframes orbitaInv { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } }
    .st-work .attrezzo { transform-box: fill-box; transform-origin: center;
                         animation: orbitaInv 5s linear infinite }

    .st-speak .tutto, .st-speak .orecchie { animation: parla .62s ease-in-out infinite }
    .st-speak .testa { animation: annuisce .62s ease-in-out infinite }
    .st-speak .occhio { animation: brilla .62s ease-in-out infinite }
    .st-speak .palpebra { animation: batteSpesso 3.2s linear infinite }
    .st-speak .zampe { animation: gesticola .62s ease-in-out infinite }
    .st-speak .voce  { animation: vocalizza .5s ease-in-out infinite }
    .st-speak .voce.v2 { animation-delay: .12s }
    .st-speak .voce.v3 { animation-delay: .24s }

    .st-done .tutto { animation: salta .85s cubic-bezier(.2,.7,.2,1) 1 both }
    .st-done .testa { animation: alzaMuso .85s ease-out 1 both }
    .st-done .frammentoGiu { animation: posa .7s cubic-bezier(.2,.8,.25,1) 1 both }
    .st-done .scintilla { animation: scoppia 1s ease-out 1 both }

    .st-error .tutto { animation: trema .5s ease-in-out 3 both }
    .st-error .testa { animation: scuote .5s ease-in-out 3 both }
    .st-error .coda  { animation: arruffa .5s ease-in-out 3 both }
    .st-error .allarme { animation: allarme .5s ease-in-out infinite }

    @media (prefers-reduced-motion: reduce) {
      .masc * { animation: none !important }
    }
.crt .tutto{transform-box:view-box}
@keyframes crtRespiro{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
@keyframes crtSpunta{0%{transform:translateY(60px)}100%{transform:translateY(0)}}
@keyframes crtSalta{0%{transform:translateY(0) scaleX(1.12) scaleY(.86)}30%{transform:translateY(-16px) scaleX(.94) scaleY(1.1)}55%{transform:translateY(2px) scaleX(1.04) scaleY(.96)}100%{transform:none}}
@keyframes crtBatte{0%,90%,100%{transform:scaleY(0)}93%,96%{transform:scaleY(1)}}
@keyframes crtAntenna{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes crtPasso{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes crtAla{0%,55%,100%{transform:rotate(0)}62%{transform:rotate(-26deg)}70%{transform:rotate(4deg)}78%{transform:rotate(-22deg)}86%{transform:rotate(0)}}
@keyframes crtCodaU{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes crtTesta{0%,40%,100%{transform:rotate(0)}50%,80%{transform:rotate(-9deg)}}
@keyframes crtNota{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:.95}100%{opacity:0;transform:translate(-14px,-26px) scale(1.1)}}
@keyframes crtOnda{0%,100%{transform:rotate(calc(var(--amp) * -1deg))}50%{transform:rotate(calc(var(--amp) * 1deg))}}
@keyframes crtOrecchio{0%,80%,100%{transform:rotate(0)}86%{transform:rotate(-14deg)}92%{transform:rotate(3deg)}}
@keyframes crtHop{0%,55%,100%{transform:translateY(0) scale(1,1)}62%{transform:translateY(5px) scale(1.06,.9)}72%{transform:translateY(-22px) scale(.96,1.06)}84%{transform:translateY(0) scale(1.03,.97)}}
@keyframes crtZampaF{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
@keyframes crtGuarda{0%,30%,100%{transform:translate(0,0)}40%,60%{transform:translate(2.5px,-1px)}70%,90%{transform:translate(-2px,1px)}}
.crt.st-idle .tutto{animation:crtRespiro 4.2s ease-in-out infinite}
.crt.st-peek .tutto{animation:crtSpunta .7s cubic-bezier(.2,.8,.25,1) both}
.crt.st-wake .tutto{animation:crtSalta .85s cubic-bezier(.2,.8,.25,1) both}
.crt.st-live .tutto{animation:crtRespiro 3.4s ease-in-out infinite}
.crt.ragno.st-live .tutto{animation:crtHop 3.8s cubic-bezier(.3,.7,.3,1) infinite}
.crt .palpebra{transform-box:fill-box;transform-origin:center;transform:scaleY(0)}
.crt.st-live .palpebra{animation:crtBatte 4.2s linear infinite}
.crt.st-live .palpebra.p2{animation-delay:1.1s}
.crt.st-live .iride{animation:crtGuarda 5s ease-in-out infinite}
.crt.st-live .antenna{animation:crtAntenna 1.7s ease-in-out infinite}
.crt.st-live .antenna.b{animation-delay:-.85s}
.crt.st-live .zA{animation:crtPasso .55s ease-in-out infinite}
.crt.st-live .zB{animation:crtPasso .55s ease-in-out infinite reverse}
.crt.st-live .ala{animation:crtAla 3s ease-in-out infinite}
.crt.st-live .codaU{animation:crtCodaU 1s ease-in-out infinite}
.crt.st-live .testaU{animation:crtTesta 3.6s ease-in-out infinite}
.crt.st-live .nota{animation:crtNota 2.4s ease-out infinite}
.crt.st-live .nota.n2{animation-delay:1.2s}
.crt.st-live .cs{animation:crtOnda 2.8s ease-in-out infinite}
.crt.st-live .cs2{animation-delay:-.12s}.crt.st-live .cs3{animation-delay:-.24s}.crt.st-live .cs4{animation-delay:-.36s}.crt.st-live .cs5{animation-delay:-.48s}.crt.st-live .cs6{animation-delay:-.6s}
.crt.st-live .orecchio{animation:crtOrecchio 4s ease-in-out infinite}
.crt.st-live .orecchio.b{animation-delay:1.7s}
.crt.st-live .zF{animation:crtZampaF 1.5s ease-in-out infinite}
.crt.st-live .zF.b{animation-delay:-.75s}
@media (prefers-reduced-motion:reduce){.crt *{animation:none !important}}
/* ---- 67 valori di style= trovati su 25 combinazioni animale×fase ---- */
.mst-amp-1-6-tb-vb-to-160-5px-195-4px{--amp:1.6;transform-box:view-box;transform-origin:160.5px 195.4px}
.mst-amp-1-tb-vb-to-138-0px-198-0px{--amp:1;transform-box:view-box;transform-origin:138.0px 198.0px}
.mst-amp-2-2-tb-vb-to-175-9px-180-4px{--amp:2.2;transform-box:view-box;transform-origin:175.9px 180.4px}
.mst-amp-2-8-tb-vb-to-184-3px-157-5px{--amp:2.8;transform-box:view-box;transform-origin:184.3px 157.5px}
.mst-amp-3-4-tb-vb-to-185-4px-130-9px{--amp:3.4;transform-box:view-box;transform-origin:185.4px 130.9px}
.mst-amp-4-tb-vb-to-179-3px-104-9px{--amp:4;transform-box:view-box;transform-origin:179.3px 104.9px}
.mst-ad-5s{animation-delay:.5s}
.mst-f-blur-4px{filter: blur(4px)}
.mst-f-blur-3px{filter:blur(3px)}
.mst-tb-fb-to-center{transform-box:fill-box;transform-origin:center}
.mst-tb-vb{transform-box:view-box}
.mst-tb-vb-to-100px-146px{transform-box:view-box;transform-origin:100px 146px}
.mst-tb-vb-to-100px-150px{transform-box:view-box;transform-origin:100px 150px}
.mst-tb-vb-to-101px-226px{transform-box:view-box;transform-origin:101px 226px}
.mst-tb-vb-to-104px-220px{transform-box:view-box;transform-origin:104px 220px}
.mst-tb-vb-to-105px-114px{transform-box:view-box;transform-origin:105px 114px}
.mst-tb-vb-to-105px-208px{transform-box:view-box;transform-origin:105px 208px}
.mst-tb-vb-to-106-6px-212-2px{transform-box:view-box;transform-origin:106.6px 212.2px}
.mst-tb-vb-to-108-3px-79-5px{transform-box:view-box;transform-origin:108.3px 79.5px}
.mst-tb-vb-to-111-1px-190-7px{transform-box:view-box;transform-origin:111.1px 190.7px}
.mst-tb-vb-to-112px-150px{transform-box:view-box;transform-origin:112px 150px}
.mst-tb-vb-to-120px-138px{transform-box:view-box;transform-origin:120px 138px}
.mst-tb-vb-to-128px-172px{transform-box:view-box;transform-origin:128px 172px}
.mst-tb-vb-to-129-4px-215-5px{transform-box:view-box;transform-origin:129.4px 215.5px}
.mst-tb-vb-to-132-1px-94-5px{transform-box:view-box;transform-origin:132.1px 94.5px}
.mst-tb-vb-to-133-8px-173-9px{transform-box:view-box;transform-origin:133.8px 173.9px}
.mst-tb-vb-to-134px-148px{transform-box:view-box;transform-origin:134px 148px}
.mst-tb-vb-to-134px-160px{transform-box:view-box;transform-origin:134px 160px}
.mst-tb-vb-to-139-6px-187-5px{transform-box:view-box;transform-origin:139.6px 187.5px}
.mst-tb-vb-to-139px-180px{transform-box:view-box;transform-origin:139px 180px}
.mst-tb-vb-to-143-5px-154-4px{transform-box:view-box;transform-origin:143.5px 154.4px}
.mst-tb-vb-to-144-7px-119-8px{transform-box:view-box;transform-origin:144.7px 119.8px}
.mst-tb-vb-to-145-5px-148-1px{transform-box:view-box;transform-origin:145.5px 148.1px}
.mst-tb-vb-to-148px-156px{transform-box:view-box;transform-origin:148px 156px}
.mst-tb-vb-to-149-1px-69-4px{transform-box:view-box;transform-origin:149.1px 69.4px}
.mst-tb-vb-to-149-5px-207px{transform-box:view-box;transform-origin:149.5px 207px}
.mst-tb-vb-to-150-6px-40-4px{transform-box:view-box;transform-origin:150.6px 40.4px}
.mst-tb-vb-to-157-5px-156-4px{transform-box:view-box;transform-origin:157.5px 156.4px}
.mst-tb-vb-to-161px-97-1px{transform-box:view-box;transform-origin:161px 97.1px}
.mst-tb-vb-to-164-3px-127-1px{transform-box:view-box;transform-origin:164.3px 127.1px}
.mst-tb-vb-to-164-5px-138-2px{transform-box:view-box;transform-origin:164.5px 138.2px}
.mst-tb-vb-to-167-2px-61-5px{transform-box:view-box;transform-origin:167.2px 61.5px}
.mst-tb-vb-to-175-1px-113-7px{transform-box:view-box;transform-origin:175.1px 113.7px}
.mst-tb-vb-to-175-6px-86-9px{transform-box:view-box;transform-origin:175.6px 86.9px}
.mst-tb-vb-to-44px-118px{transform-box:view-box;transform-origin:44px 118px}
.mst-tb-vb-to-50px-134px{transform-box:view-box;transform-origin:50px 134px}
.mst-tb-vb-to-50px-84px{transform-box:view-box;transform-origin:50px 84px}
.mst-tb-vb-to-56px-116px{transform-box:view-box;transform-origin:56px 116px}
.mst-tb-vb-to-64-7px-193-4px{transform-box:view-box;transform-origin:64.7px 193.4px}
.mst-tb-vb-to-66px-148px{transform-box:view-box;transform-origin:66px 148px}
.mst-tb-vb-to-66px-160px{transform-box:view-box;transform-origin:66px 160px}
.mst-tb-vb-to-68px-110px{transform-box:view-box;transform-origin:68px 110px}
.mst-tb-vb-to-68px-112px{transform-box:view-box;transform-origin:68px 112px}
.mst-tb-vb-to-68px-143px{transform-box:view-box;transform-origin:68px 143px}
.mst-tb-vb-to-68px-92px{transform-box:view-box;transform-origin:68px 92px}
.mst-tb-vb-to-69px-153px{transform-box:view-box;transform-origin:69px 153px}
.mst-tb-vb-to-72px-172px{transform-box:view-box;transform-origin:72px 172px}
.mst-tb-vb-to-78px-132px{transform-box:view-box;transform-origin:78px 132px}
.mst-tb-vb-to-78px-152px{transform-box:view-box;transform-origin:78px 152px}
.mst-tb-vb-to-80px-138px{transform-box:view-box;transform-origin:80px 138px}
.mst-tb-vb-to-85px-204-4px{transform-box:view-box;transform-origin:85px 204.4px}
.mst-tb-vb-to-86px-82px{transform-box:view-box;transform-origin:86px 82px}
.mst-tb-vb-to-90px-144px{transform-box:view-box;transform-origin:90px 144px}
.mst-tb-vb-to-90px-150px{transform-box:view-box;transform-origin:90px 150px}
.mst-tb-vb-to-94px-220px{transform-box:view-box;transform-origin:94px 220px}
.mst-tb-vb-to-96px-172px{transform-box:view-box;transform-origin:96px 172px}
.mst-to-100px-200px{transform-origin:100px 200px}