.public-feedback-notice{--feedback-accent:#78c89b;--feedback-border:#78c89b6b;--feedback-surface:#14372beb;--feedback-title:#eefff5;--feedback-text:#cfe9da;--feedback-focus:#f1cf78;--feedback-shadow:0 .8rem 2rem #040d0a2e;border:1px solid var(--feedback-border);background:var(--feedback-surface);width:100%;min-width:0;color:var(--feedback-text);box-shadow:var(--feedback-shadow);font-family:var(--font-sans,"Be Vietnam Pro", "Be Vietnam Pro fallback", system-ui, sans-serif);font-synthesis:none;border-radius:.45rem 1rem;grid-template-columns:.3rem minmax(0,1fr);gap:0 .9rem;margin-block-start:1.125rem;padding:.9rem 1rem .9rem .85rem;font-size:.875rem;line-height:1.55;animation:.18s ease-out both public-feedback-arrive;display:grid;position:relative;overflow:hidden}.public-feedback-notice[data-tone=danger]{--feedback-accent:#f19aaa;--feedback-border:#f19aaa6b;--feedback-surface:#42141ef0;--feedback-title:#fff0f3;--feedback-text:#f6cbd3}.public-feedback-notice[data-tone=warning]{--feedback-accent:#e7bd62;--feedback-border:#e7bd6270;--feedback-surface:#3e2b0ef0;--feedback-title:#fff6dc;--feedback-text:#efdcae}.public-feedback-notice[data-tone=info]{--feedback-accent:#8bbbd4;--feedback-border:#8bbbd46b;--feedback-surface:#122d3df0;--feedback-title:#ecf8ff;--feedback-text:#c9e2ef}.public-feedback-notice__rail{background:var(--feedback-accent);border-radius:999px;grid-row:1/span 2;width:100%;min-height:100%}.public-feedback-notice__copy{min-width:0}.public-feedback-notice__title,.public-feedback-notice__message,.public-feedback-notice__message>:first-child,.public-feedback-notice__message>:last-child{margin:0}.public-feedback-notice__title{color:var(--feedback-title);letter-spacing:.075em;text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1.35}.public-feedback-notice__message{color:var(--feedback-text);overflow-wrap:anywhere;margin-block-start:.25rem}.public-feedback-notice__actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:.55rem;margin-block-start:.7rem;display:flex}.public-feedback-notice__actions>:is(button,a){border:1px solid var(--feedback-border);min-height:2.75rem;color:var(--feedback-title);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:800;text-decoration:none;display:inline-flex}.public-feedback-notice__actions>:is(button,a):hover{background:#ffffff17}.public-feedback-notice__actions>:is(button,a):focus-visible,.public-feedback-notice[tabindex="-1"]:focus{outline:3px solid var(--feedback-focus);outline-offset:3px}.public-feedback-notice__actions>button:disabled{cursor:wait;opacity:.62}html[data-theme=light] .public-feedback-notice,html.light .public-feedback-notice{--feedback-accent:#327653;--feedback-border:#32765359;--feedback-surface:#edf7f0;--feedback-title:#183d2c;--feedback-text:#315946;--feedback-focus:#754c08;--feedback-shadow:0 .7rem 1.6rem #2c4a3b1c}html[data-theme=light] .public-feedback-notice[data-tone=danger],html.light .public-feedback-notice[data-tone=danger]{--feedback-accent:#a33f50;--feedback-border:#a33f5057;--feedback-surface:#fff0f2;--feedback-title:#6d2431;--feedback-text:#753b45}html[data-theme=light] .public-feedback-notice[data-tone=warning],html.light .public-feedback-notice[data-tone=warning]{--feedback-accent:#8a5b08;--feedback-border:#8a5b0857;--feedback-surface:#fff7df;--feedback-title:#563b09;--feedback-text:#674f1d}html[data-theme=light] .public-feedback-notice[data-tone=info],html.light .public-feedback-notice[data-tone=info]{--feedback-accent:#286b8e;--feedback-border:#286b8e57;--feedback-surface:#eef8fd;--feedback-title:#174c68;--feedback-text:#315f76}@keyframes public-feedback-arrive{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}@media (width<=22.5rem){.public-feedback-notice{border-radius:.4rem .85rem;grid-template-columns:.25rem minmax(0,1fr);gap:0 .7rem;padding:.8rem .75rem .8rem .65rem;font-size:.8125rem}.public-feedback-notice__actions{grid-template-columns:minmax(0,1fr);display:grid}.public-feedback-notice__actions>:is(button,a){white-space:normal;width:100%}}@media (prefers-reduced-motion:reduce){.public-feedback-notice{animation:none}}@media (forced-colors:active){.public-feedback-notice{color:canvastext;box-shadow:none;forced-color-adjust:auto;background:canvas;border-color:canvastext}.public-feedback-notice__rail{background:highlight}.public-feedback-notice__title,.public-feedback-notice__message,.public-feedback-notice__actions>:is(button,a){color:canvastext}.public-feedback-notice__actions>:is(button,a){border-color:buttontext}}
