.sm{pointer-events:none;--sm-k:1;background:#f4f6fa;width:100%;height:100%;position:relative;overflow:hidden}.sm-board{transform-origin:0 0;width:520px;height:300px;transform:translateY(-50%) scale(var(--sm-k));color:#0a0d12;background:#f4f6fa;font-family:inherit;position:absolute;top:50%;left:0}.sm-board *{box-sizing:border-box}.sm-card{background:#fff;border-radius:12px;position:absolute;box-shadow:0 10px 22px -6px #0a0d1214}.sm-board .sb{font-weight:600}.sm-board .md{font-weight:500}.sm-board .rg{font-weight:400}.sm-ico{flex:none;justify-content:center;align-items:center;display:inline-flex}.sm-pill{white-space:nowrap;z-index:5;background:#fff;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 13px 0 12px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 6px 16px -4px #0a0d121f}.sm-pill i{border-radius:999px;flex:none;width:8px;height:8px}@keyframes sm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sm-in{0%{opacity:0}to{opacity:1}}@keyframes sm-out{0%{opacity:1}to{opacity:0}}@keyframes sm-grow-x{0%{transform:scaleX(var(--sm-sx0,0))}to{transform:scaleX(var(--sm-sx1,1))}}@keyframes sm-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes sm-slide{0%{opacity:0;transform:translateX(var(--sm-x0,28px))}to{opacity:1;transform:translate(0)}}.sm-rise{opacity:0;animation:.42s cubic-bezier(.16,1,.3,1) both sm-rise}.sm-fade{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) both sm-in}.sm-exit{animation:.4s cubic-bezier(.16,1,.3,1) forwards sm-out}.sm-growx{transform-origin:0;animation:.62s cubic-bezier(.16,1,.3,1) both sm-grow-x}.sm-drop{opacity:0;animation:.52s cubic-bezier(.16,1,.3,1) both sm-drop}.sm-slide{opacity:0;animation:.48s cubic-bezier(.16,1,.3,1) both sm-slide}.sm-live{z-index:1;animation:.5s cubic-bezier(.16,1,.3,1) both sm-in}.sm-static,.sm-static *{opacity:1!important;animation:none!important}@media (prefers-reduced-motion:reduce){.sm,.sm *{opacity:1!important;animation:none!important}.sm .sm-beat{opacity:1;visibility:visible;display:none}.sm .sm-beat--3{display:block}}.sm-beat{opacity:0;visibility:hidden;animation-duration:9.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;position:absolute;inset:0}.sm-beat--1{z-index:1;animation-name:sm-beat-1}.sm-beat--2{z-index:2;animation-name:sm-beat-2}.sm-beat--3{z-index:3;animation-name:sm-beat-3}@keyframes sm-beat-1{0%{opacity:0;visibility:visible}4.35%{opacity:1}21.7%{opacity:1}26.1%{opacity:0;visibility:visible}26.2%,to{opacity:0;visibility:hidden}}@keyframes sm-beat-2{0%,26%{opacity:0;visibility:hidden}26.1%{opacity:0;visibility:visible}30.4%{opacity:1}47.8%{opacity:1}52.2%{opacity:0;visibility:visible}52.3%,to{opacity:0;visibility:hidden}}@keyframes sm-beat-3{0%,52.1%{opacity:0;visibility:hidden}52.2%{opacity:0;visibility:visible}56.5%{opacity:1}to{opacity:1;visibility:visible}}.sm-beat .sm-pill,.sm-beat .sm-accent{z-index:6}.sm-static .sm-beat{opacity:1;visibility:visible;display:none}.sm-static .sm-beat--3{display:block}@keyframes sm-recede{0%,47.8%{opacity:1;transform:scale(1)}56.5%,to{opacity:0;transform:scale(.96)}}.sm-surface{transform-origin:50% 40%;animation:9.2s cubic-bezier(.16,1,.3,1) both sm-recede;position:absolute;inset:0}@keyframes sm-rule{0%,52.2%{transform:scaleX(0)}60%{transform:scaleX(1)}to{transform:scaleX(1)}}.sm-rule{transform-origin:0;animation:9.2s cubic-bezier(.16,1,.3,1) both sm-rule;position:absolute}.sm-static .sm-surface{opacity:0;animation:none}.sm-static .sm-rule{animation:none;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.sm .sm-surface{opacity:0;animation:none}.sm .sm-rule{animation:none;transform:scaleX(1)}}
