.no-code{display:inline-block;position:relative}.no-code__trigger{color:var(--hire-link);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:600;text-decoration:underline}.no-code__trigger:focus-visible,.no-code__close:focus-visible{outline:3px solid var(--hire-focus);outline-offset:2px;border-radius:var(--hire-radius-sm)}.no-code__panel{z-index:20;border:1px solid var(--hire-line);border-radius:var(--hire-radius-md);background:var(--hire-surface);width:min(320px,100vw - 32px);color:var(--hire-ink);animation:no-code-in var(--duration-base) var(--ease-out) both;justify-items:start;gap:8px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.no-code__panel[hidden]{display:none}@keyframes no-code-in{0%{opacity:0;transform:translateY(-4px)}}.no-code__icon{border-radius:var(--hire-radius-pill);background:var(--hire-warning-bg);width:40px;height:40px;color:var(--hire-warning);place-items:center;display:grid}.no-code__icon svg{width:22px;height:22px}.no-code__title{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:17px;font-weight:800}.no-code__body{color:var(--hire-muted);margin:0}.no-code__close{border-radius:var(--hire-radius-sm);width:32px;height:32px;color:var(--hire-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.no-code__close svg{width:18px;height:18px}