 
@layer motion {
.m-clip { display: inline-block; vertical-align: top; inline-size: 100%; overflow: hidden; padding-block: .04em .14em; margin-block: -.04em -.14em; }
  .t-line.m-clip { display: inline-block; }
  .m-li { display: block; }
  .t-label > .m-clip, .figures__value > .m-clip { inline-size: auto; }
:is(.m-rule, .m-edge, .m-sweep, .m-shade, .m-hand, .m-header-rule, .m-read) { position: absolute; }
.m-frame { display: block; position: relative; overflow: hidden; }
  .m-field { display: block; position: relative; }
.m-odo { display: inline-block; vertical-align: top; block-size: 1lh; overflow: hidden; white-space: nowrap; }
  .m-odo__d, .m-odo__c { display: inline-block; vertical-align: top; block-size: 1lh; overflow: hidden; }
  .m-odo__s { display: block; translate: 0 calc(-1lh * var(--n, 1)); }
  .m-odo__s > span { display: block; block-size: 1lh; text-align: center; }
}
