@layer theme,base;@layer components{.vap{gap:22px;max-width:1040px;display:grid}.vap-sub{color:var(--ink-2);max-width:62ch;font-size:15px}.vap-safe{color:var(--ink-2);background:var(--paper-2);border-radius:var(--r-md);align-items:flex-start;gap:10px;padding:10px 14px;font-size:14px;display:flex}.vap-safe svg{color:var(--ok);flex:none;margin-top:2px}.vap-soon{color:var(--warm-text);background:var(--warm-tint);border-radius:var(--r-md);padding:10px 14px;font-size:14px}.vap-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}@media (max-width:520px){.vap-grid{grid-template-columns:1fr;gap:10px}}.vap-tile{background:var(--paper-3);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--sh-1);grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 12px;min-height:120px;padding:14px;display:grid}.vap-tile[data-status=connected]{border-color:color-mix(in srgb, var(--ok) 45%, var(--rule));background:color-mix(in srgb, var(--ok-tint) 55%, var(--paper-3))}.vap-tile[data-status=soon]{opacity:.78}.vap-mark{width:44px;height:44px;font-family:var(--va-display), var(--va-sans), sans-serif;background:var(--paper-2);color:var(--ink);border:1px solid var(--rule);border-radius:12px;grid-row:span 2;place-items:center;font-size:20px;font-weight:700;display:grid}.vap-tile[data-status=connected] .vap-mark{background:var(--ok);color:var(--paper-3);border-color:#0000}.vap-mark-logo{position:relative;overflow:hidden}.vap-mark-logo>img{box-sizing:border-box;object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%;padding:16%;position:absolute;inset:0}.vap-logo{object-fit:contain;border:1px solid var(--rule);background:#fff;border-radius:12px;grid-row:span 2;width:44px;height:44px;padding:6px}.vap-name{overflow-wrap:anywhere;align-self:end;min-width:0;font-size:15.5px;font-weight:700;line-height:1.2}.vap-line{color:var(--ink-2);font-size:13.5px;line-height:1.35}.vap-foot{flex-wrap:wrap;grid-column:1/-1;align-self:end;align-items:center;gap:8px;margin-top:8px;display:flex}.vap-ok{color:var(--ok);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.vap-ok i{background:var(--ok);border-radius:99px;width:8px;height:8px}.vap-who{color:var(--ink-2);overflow-wrap:anywhere;min-width:0;font-size:12.5px}.vap-tag{background:var(--warm-tint);min-height:26px;color:var(--warm-text);border-radius:999px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.vap-confirm{grid-column:1/-1;gap:8px;margin-top:8px;font-size:13.5px;display:grid}.vap-confirm div{flex-wrap:wrap;gap:8px;display:flex}.vap-more{gap:12px;display:grid}.vap-search{gap:8px;display:flex}.vap-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vap-search .va-in{flex:1;min-width:0}.vap-blocked{color:var(--warm-text);background:var(--warm-tint);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;display:flex}.vap-check{cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:14.5px;display:flex}.vap-check input{width:18px;height:18px;accent-color:var(--acc);cursor:pointer}.vap-check .vap-mark{border-radius:8px;grid-row:auto;width:28px;height:28px;font-size:14px}.vap-hire{gap:8px;display:grid}.vap-hire-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vap-hire-row .vap-mark{border-radius:9px;grid-row:auto;width:32px;height:32px;font-size:15px}.vap-done{text-align:center;place-items:center;min-height:60vh;display:grid}.vap-done>div{justify-items:center;gap:12px;max-width:420px;display:grid}.va-apps-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}@media (max-width:900px){.va-apps-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:520px){.va-apps-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.va-apps-strip li{background:var(--paper-3);border:1px solid var(--rule);border-radius:var(--r-md);align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.va-apps-strip li span:last-child{overflow-wrap:anywhere;min-width:0;line-height:1.2}.va-apps-strip .vap-mark{border-radius:9px;flex:none;grid-row:auto;width:32px;height:32px;font-size:15px}.va-apps-more{color:var(--ink-2);margin-top:14px;font-size:14.5px}}@layer utilities;@media (prefers-reduced-motion:no-preference){.vap-tile{transition:border-color .2s var(--ease), background-color .2s var(--ease)}}