.sg-board--training{--tt-green: var(--success, #3f9a4f);--tt-track: #e9e1d6;--tt-columns: 300px minmax(0, 1fr) 176px}.sg-board--training .sg-menu{flex:1 1 auto}.sg-brand__note{margin:20px 0 0;font-size:21px;line-height:1.4;opacity:.85}.tt-panel{display:flex;flex:1 1 auto;flex-direction:column;gap:18px;min-width:0;padding:30px 30px 28px}.tt-grid{display:grid;grid-template-columns:var(--tt-columns);align-items:center;gap:24px}.tt-head{padding:0 24px}.tt-head__label{color:var(--sg-muted)}.tt-head__label--status{text-align:right}.tt-levels,.tt-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.tt-levels__item{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:72px}.tt-levels__number{font-size:14px;color:var(--sg-accent)}.tt-levels__name{font-family:var(--font-heading--family);font-weight:400;font-size:24px;line-height:.95;text-transform:uppercase;text-wrap:balance}.tt-rows{display:flex;flex:1 1 auto;flex-direction:column;margin:0;padding:0;list-style:none}.tt-row{flex:1 1 0;max-height:190px;padding:0 24px}.tt-who{display:flex;align-items:center;gap:20px;min-width:0}.tt-avatar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:80px;height:80px;padding-top:6px;border-radius:50%;background:var(--avatar, var(--sg-ink));color:#fff;font-family:var(--font-heading--family);font-size:46px;line-height:1}.tt-who__text{min-width:0}.tt-name{margin:0;overflow:hidden;font-family:var(--font-heading--family);font-weight:400;font-size:52px;line-height:.95;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.tt-level{margin-top:8px;overflow:hidden;color:var(--sg-muted);white-space:nowrap;text-overflow:ellipsis}.tt-seg{position:relative;height:52px;overflow:hidden;border-radius:14px;background:var(--tt-track)}.tt-seg__fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--sg-accent);transform-origin:left center}.tt-seg.is-done .tt-seg__fill{width:100%}.tt-seg.is-current .tt-seg__fill{width:var(--p);overflow:hidden;border-radius:0 14px 14px 0;background-color:var(--sg-accent)}.tt-seg.is-current .tt-seg__fill:after{content:"";position:absolute;top:0;bottom:0;left:-28.28px;width:calc(100% + 28.28px);background-image:repeating-linear-gradient(-45deg,#ffffff38 0 10px,#fff0 10px 20px);background-size:28.28px 28.28px}.tt-seg__check{position:absolute;top:50%;left:50%;display:flex;width:30px;height:30px;margin:-15px 0 0 -15px;color:#fff}.tt-seg__check svg{width:100%;height:100%}.tt-status{display:flex;justify-content:flex-end}.tt-pill{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:999px;background:var(--tt-track);font-family:var(--font-heading--family);font-size:26px;line-height:1;text-transform:uppercase;white-space:nowrap}.tt-pill__label{padding-top:.16em}.tt-pill--done{padding:8px 8px 8px 22px;background:var(--tt-green);color:#fff}.tt-pill__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--tt-green)}.tt-pill__icon svg{width:22px;height:22px}.sg-board--training.is-playing .tt-levels__item{animation:tt-rise .6s ease-out calc(.1s + var(--s) * .06s) both}.sg-board--training.is-playing .tt-row{animation:tt-rise .7s cubic-bezier(.22,1,.36,1) calc(.4s + var(--i) * .15s) both}.sg-board--training.is-playing .tt-seg__fill{animation:tt-grow .45s cubic-bezier(.65,0,.35,1) calc(1.2s + var(--i) * .2s + var(--s) * .18s) both}.sg-board--training.is-playing .tt-seg.is-current .tt-seg__fill{animation:tt-grow .9s cubic-bezier(.65,0,.35,1) calc(1.2s + var(--i) * .2s + var(--s) * .18s) both}.sg-board--training.is-playing .tt-seg.is-current .tt-seg__fill:after{animation:tt-stripes 1.2s linear infinite}.sg-board--training.is-playing .tt-seg__check{animation:tt-pop .5s cubic-bezier(.34,1.56,.64,1) calc(1.45s + var(--i) * .2s + var(--s) * .18s) both}.sg-board--training.is-playing .tt-pill{animation:tt-pop .6s cubic-bezier(.34,1.56,.64,1) calc(2.6s + var(--i) * .2s) both}@keyframes tt-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes tt-grow{0%{transform:scaleX(0)}}@keyframes tt-pop{0%{opacity:0;transform:scale(.4)}}@keyframes tt-stripes{to{transform:translate(28.28px)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/signage-training.css.map */