@layer theme,base;@layer components{.op-con{color:#fff;box-sizing:border-box;background:#07074d;border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:absolute;inset:8% 6% 20%;overflow:hidden;box-shadow:0 24px 60px #07074d40}.op-h{font:600 13px/18px var(--font-display);justify-content:space-between;align-items:center;display:flex}.op-live{color:#07074d;font:500 11px/16px var(--font-mono);letter-spacing:.06em;background:#c8f560;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.op-beat{background:#ffffff0f;border-radius:12px;height:86px;overflow:hidden}.op-beat svg{width:200%;height:100%;animation:4s linear infinite opScroll}@keyframes opScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.op-rows{flex-direction:column;gap:8px;display:flex}.op-r{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;line-height:18px;display:flex}.op-ok{font:600 12px/16px var(--font-sans);color:#9be8b8;align-items:center;gap:6px;display:inline-flex}.op-ok i{background:#4cc38a;border-radius:999px;width:7px;height:7px}.op-r.flag .op-ok{animation:9s infinite opFlag}.op-r.flag .op-ok i{animation:9s infinite opDot}@keyframes opFlag{0%,30%{color:#9be8b8}34%,62%{color:#ffd08a}66%,to{color:#9be8b8}}@keyframes opDot{0%,30%{background:#4cc38a}34%,62%{background:#f0a24a}66%,to{background:#4cc38a}}.op-toast{color:#07074d;z-index:6;opacity:0;background:#fff;border-radius:14px;width:250px;padding:12px 14px;font-size:13px;line-height:19px;position:absolute;top:46%;right:7%;box-shadow:0 20px 48px #07074d40}.op-toast b{font:600 13px/18px var(--font-display);display:block}.op-t1{animation:opT1 9s var(--ease) infinite}.op-t2{animation:opT2 9s var(--ease) infinite;border-left:0}@keyframes opT1{0%,32%{opacity:0;transform:translate(16px)}36%,58%{opacity:1;transform:none}62%,to{opacity:0;transform:translate(16px)}}@keyframes opT2{0%,62%{opacity:0;transform:translate(16px)}66%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:translate(16px)}}}@layer utilities;
