.hh-notice.svelte-py96rb{border:.0625rem solid var(--tone-line);border-left:.25rem solid var(--tone-edge);background:var(--tone-bg);color:var(--hh-ink);border-radius:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:.65rem;padding:.75rem .9rem;font-size:.9375rem;line-height:1.5;display:grid;container-type:inline-size}.hh-notice--info.svelte-py96rb{--tone-bg:var(--st-info-bg);--tone-edge:var(--st-info-edge);--tone-line:var(--st-info-badge-bg)}.hh-notice--ok.svelte-py96rb{--tone-bg:var(--st-ok-bg);--tone-edge:var(--st-ok-edge);--tone-line:var(--st-ok-badge-bg)}.hh-notice--warn.svelte-py96rb{--tone-bg:var(--st-open-bg);--tone-edge:var(--st-open-edge);--tone-line:var(--st-open-badge-bg)}.hh-notice--error.svelte-py96rb{--tone-bg:var(--st-error-bg);--tone-edge:var(--st-error-edge);--tone-line:var(--st-error-badge-bg)}.hh-notice--sand.svelte-py96rb{--tone-bg:var(--hh-sand-soft);--tone-edge:var(--hh-sand);--tone-line:var(--hh-sand);border-left-width:.0625rem}.hh-notice--sand.svelte-py96rb .hh-notice__title:where(.svelte-py96rb){color:var(--hh-primary)}.hh-notice.svelte-py96rb:focus-visible{outline:var(--focus-w) solid var(--focus-color);outline-offset:var(--focus-offset)}.hh-notice__icon.svelte-py96rb{color:var(--tone-edge);grid-column:1;padding-top:.125rem;display:inline-flex}.hh-notice__icon.svelte-py96rb svg{stroke:currentColor;fill:none;stroke-width:1.75px;width:1.25rem;height:1.25rem}.no-icon.svelte-py96rb .hh-notice__main:where(.svelte-py96rb){grid-column:1/span 2}.hh-notice__main.svelte-py96rb{flex-direction:column;grid-column:2;gap:.6rem;min-width:0;display:flex}.hh-notice__content.svelte-py96rb{min-width:0}.hh-notice__title.svelte-py96rb{color:var(--hh-ink);margin:0;font-weight:700}.hh-notice__body.svelte-py96rb{color:var(--hh-ink2);margin:0}.hh-notice__body.svelte-py96rb p{margin:0}.hh-notice__title.svelte-py96rb+.hh-notice__body:where(.svelte-py96rb){margin-top:.15rem}.hh-notice__note.svelte-py96rb{color:var(--st-open-badge-fg);margin:.35rem 0 0;font-size:.875rem;font-weight:700}.hh-notice__actions.svelte-py96rb{flex-wrap:wrap;gap:.5rem;display:flex}.hh-notice__actions.svelte-py96rb .hh-btn{width:100%}.hh-notice.svelte-py96rb .hh-notice__close{grid-column:3;margin:-.6rem -.65rem -.6rem 0}.hh-notice.svelte-py96rb .hh-notice__close .hh-btn{color:var(--hh-ink2)}@media (hover:hover){.hh-notice.svelte-py96rb .hh-notice__close .hh-btn:hover:not(:disabled){background:var(--ctl-hover-bg)}}@container (width>=32rem){.hh-notice__main.svelte-py96rb{flex-direction:row;align-items:center;gap:1rem}.hh-notice__content.svelte-py96rb{flex:1}.hh-notice__actions.svelte-py96rb{flex-shrink:0}.hh-notice__actions.svelte-py96rb .hh-btn{width:auto}}.hh-notice--sand.svelte-py96rb .hh-notice__icon:where(.svelte-py96rb){color:var(--hh-primary)}