.beta-notice{display:grid;grid-template-areas:"mark copy close" ". try .";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0 0 16px;padding:10px 6px 10px 14px;border:1px solid var(--app-accent);border-radius:14px;background:var(--app-surface-raised);color:var(--app-text)}.beta-notice-mark{display:grid;grid-area:mark;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--app-accent);color:var(--app-bg);font-size:.875rem}.beta-notice-copy{display:grid;grid-area:copy;min-width:0}.beta-notice-copy strong{font-size:var(--font-small, .875rem);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.beta-notice-copy small{color:var(--app-muted);font-size:.8125rem}.beta-notice-actions{display:contents}.beta-notice-actions button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;font:inherit;cursor:pointer}.beta-notice-try{grid-area:try;justify-self:start;margin:-4px 0 -8px -10px;padding:0 10px;color:var(--app-accent);font-size:var(--font-small, .875rem);font-weight:700}.beta-notice-close{grid-area:close;color:var(--app-subtle)}.beta-notice-actions button:hover{background:var(--app-surface-hover)}.beta-notice-actions button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@media(min-width:576px){.beta-notice{grid-template-areas:"mark copy try close";grid-template-columns:auto minmax(0,1fr) auto auto}.beta-notice-try{margin:0}}
