.nw-dv-di{--mi-pass:var(--status-passed);--mi-pass-bg:var(--status-passed-bg);--mi-pass-edge:#0bd0b6;container-type:inline-size}.nw-dv-di-grid{grid-template-columns:minmax(0,1.3fr) 128px minmax(0,1fr);align-items:center;max-width:680px;margin:0 auto;display:grid}.nw-dv-di-device{position:relative}.nw-dv-di-screen{--di-screen:#f3f3fe;background:var(--di-screen);flex-direction:column;display:flex;position:absolute;overflow:hidden}.nw-dv-di-top{border-bottom:1px solid var(--line);color:var(--text-3);justify-content:space-between;margin:0;padding:6px 10px;font-size:11px;line-height:14px;display:flex}.nw-dv-di-top b{color:var(--text-1);font-weight:600}.nw-dv-di-top span{font-family:var(--mono)}.nw-dv-di-apps{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:18px 8px;min-height:0;margin:0;padding:12px;list-style:none;display:grid}.nw-dv-di-apps li{opacity:0;justify-items:center;gap:4px;transition:opacity .25s,transform .32s cubic-bezier(.2,.7,.2,1.3);display:grid;transform:translateY(-6px)scale(.6)}.nw-dv-di-apps li.is-on{opacity:1;transform:none}.nw-dv-di-apps i{background:var(--fl-ink,#1e1f4b);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;font-style:normal;font-weight:600;display:grid}.nw-dv-di-apps span{white-space:nowrap;color:var(--text-2);font-size:10.5px;line-height:13px}.nw-dv-di-bar{border-top:1px solid var(--line);background:var(--surface);flex:none;height:14px}.nw-dv-di-screen.is-mac .nw-dv-di-bar{border:1px solid var(--line);border-radius:6px;width:50%;height:12px;margin:0 auto 6px}.nw-dv-di-boot{background:var(--di-screen);color:var(--text-2);opacity:0;place-content:center;justify-items:center;gap:10px;font-size:12px;transition:opacity .3s;display:grid;position:absolute;inset:0}.nw-dv-di-boot.is-on{opacity:1}.nw-dv-di-boot b{font-weight:500}.nw-dv-di-progress{background:var(--line);border-radius:2px;width:120px;height:4px;overflow:hidden}.nw-dv-di-progress i{background:var(--blue);transform-origin:0;height:100%;animation:.9s ease-out both nw-dv-di-boot;display:block}@keyframes nw-dv-di-boot{0%{transform:scaleX(0)}}.nw-dv-di-ready{background:var(--mi-pass-bg);color:var(--mi-pass);opacity:0;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:18px;transition:opacity .3s;display:flex;position:absolute;inset:0}.nw-dv-di-ready.is-on{opacity:1}.nw-dv-di-ready b{font-weight:500}.nw-dv-di-ready svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.nw-dv-di-list.is-ready li.is-done .nw-mi-cc-tick{background:var(--mi-pass-bg);border-color:var(--mi-pass-edge)}.nw-dv-di-list.is-ready .nw-mi-cc-tick svg{stroke:var(--mi-pass)}.nw-dv-di-list{max-width:none;padding:6px 12px}.nw-dv-di-list.nw-mi-cc-list li{padding:5px 0;font-size:12px;line-height:16px}.nw-dv-di-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);overflow:hidden}.nw-dv-di-line{width:128px;height:64px;display:block;overflow:visible}@container (max-width:620px){.nw-dv-di-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.nw-dv-di .nw-dv-di-device,.nw-dv-di .nw-dv-di-list{width:100%;max-width:340px}.nw-dv-di-line{margin:32px 0;transform:rotate(90deg)}}@container (max-width:400px){.nw-dv-di-apps{gap:4px 8px;padding:6px 10px}.nw-dv-di-apps i{border-radius:6px;width:24px;height:24px;font-size:10px}}@media (prefers-reduced-motion:reduce){.nw-dv-di-apps li,.nw-dv-di-boot,.nw-dv-di-ready{transition:none}.nw-dv-di-progress i{animation:none}}
