@property --dm-gf-p{syntax:"<percentage>";inherits:false;initial-value:0}.dm-gf-loop{font-family:var(--dm-gf-font);position:relative}.dm-gf-loop__clip{aspect-ratio:572/312;background:#000;border:1px solid hsla(0,0%,100%,.18);border-radius:22px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);overflow:hidden;position:relative}.dm-gf-loop__clip img{height:100%;object-fit:cover;width:100%}.dm-gf-loop__det{animation:dm-gf-loop-det 2.4s ease-in-out infinite;border:2px solid var(--dm-gf-amber);border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.25);height:18%;left:45.5%;position:absolute;top:33%;width:11%}.dm-gf-loop__det span{background:var(--dm-gf-amber);border-radius:4px;bottom:calc(100% + 6px);color:#1a1300;font:700 11px/1 var(--dm-gf-mono);left:-2px;letter-spacing:.06em;padding:4px 6px;position:absolute;white-space:nowrap}@keyframes dm-gf-loop-det{50%{opacity:.55}}.dm-gf-loop__osd{color:hsla(0,0%,100%,.92);font:600 11px/1 var(--dm-gf-mono);inset:12px;letter-spacing:.08em;pointer-events:none;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.6)}.dm-gf-loop__osd-l,.dm-gf-loop__osd-r{background:rgba(0,0,0,.35);border-radius:7px;padding:6px 9px;position:absolute;top:2px}.dm-gf-loop__osd-l{align-items:center;display:flex;gap:8px;left:2px}.dm-gf-loop__osd-r{right:2px}.dm-gf-loop__rec{animation:dm-gf-loop-blink 1.2s steps(2) infinite;background:var(--dm-gf-red);border-radius:50%;height:8px;width:8px}@keyframes dm-gf-loop-blink{50%{opacity:.15}}.dm-gf-loop__toasts{bottom:14px;height:62px;position:absolute;right:14px;width:min(310px,64%);z-index:3}.dm-gf-loop__toast{align-items:center;background:hsla(0,0%,100%,.96);border-radius:14px;bottom:0;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);color:var(--dm-gf-ink);display:grid;gap:2px 12px;grid-template-columns:34px 1fr;left:0;opacity:0;padding:11px 14px;position:absolute;right:0;transform:translateY(14px) scale(.97);transition:transform .55s var(--dm-gf-ease),opacity .45s}.dm-gf-loop__toast.is-on{opacity:1;transform:none}.dm-gf-loop__toast b{font-size:14px;line-height:1.2}.dm-gf-loop__toast small{color:var(--dm-gf-muted);font-size:12px;line-height:1.3}.dm-gf-loop__ic{border-radius:10px;display:grid;grid-row:span 2;height:34px;place-items:center;width:34px}.dm-gf-loop__ic svg{height:18px;width:18px}.dm-gf-loop__ic svg path{stroke-width:2.2}.dm-gf-loop__toast--1 .dm-gf-loop__ic{background:#fef0c7;color:#b54708}.dm-gf-loop__toast--2 .dm-gf-loop__ic{background:#fee4e2;color:#b42318}.dm-gf-loop__toast--3 .dm-gf-loop__ic{background:var(--dm-gf-sky);color:var(--dm-gf-blue-t)}.dm-gf-loop__toast--4 .dm-gf-loop__ic{background:#ede9fe;color:#5925dc}.dm-gf-loop__toast--5 .dm-gf-loop__ic{background:#d1fadf;color:#027a48}.dm-gf-loop__dev{background:radial-gradient(circle at 50% 45%,#fff 0,var(--dm-gf-sky) 75%);border-radius:20px;bottom:56px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);left:clamp(-28px,-2vw,0px);padding:12px 14px 6px;position:absolute;width:min(180px,30%);z-index:2}.dm-gf-loop__dev img{mask-image:linear-gradient(180deg,transparent 0,#000 30%);mix-blend-mode:multiply;width:100%}.dm-gf-loop__dev span{color:var(--dm-gf-ink);display:block;font-size:12px;font-weight:700;padding:2px 0 6px;text-align:center}.dm-gf-loop__bar{display:grid;gap:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:16px}.dm-gf-loop__bar i{color:#7f93ad;display:flex;flex-direction:column;font:700 11px/1 var(--dm-gf-mono);font-style:normal;gap:8px;letter-spacing:.1em;transition:color .3s}.dm-gf-loop__bar i:after{background:linear-gradient(90deg,var(--dm-gf-amber) var(--dm-gf-p),hsla(0,0%,100%,.18) var(--dm-gf-p));border-radius:2px;content:"";height:4px}.dm-gf-loop__bar i.is-done,.dm-gf-loop__bar i.is-now{color:#fff}.dm-gf-loop__bar i.is-done:after{--dm-gf-p:100%}.dm-gf-loop__bar i.is-now:after{animation:dm-gf-loop-fill var(--dur,2.2s) linear forwards}@keyframes dm-gf-loop-fill{0%{--dm-gf-p:0%}to{--dm-gf-p:100%}}@media(max-width:960px){.dm-gf-loop__dev{left:8px}}@media(max-width:560px){.dm-gf-loop__toasts{bottom:10px;left:10px;right:10px;width:auto}.dm-gf-loop__dev{display:none}.dm-gf-loop__bar i{font-size:9px;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){.dm-gf-loop__det,.dm-gf-loop__rec{animation:none}.dm-gf-loop__toast{transition:none}}