@layer reset,base;@layer components{.hw-dialog{inline-size:100%;max-inline-size:min(92vw,560px);color:var(--hw-ink);background:0 0;border:0;padding:0}.hw-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14282a73}.hw-dialog[open] .hw-dialog__panel{animation:hw-rise var(--hw-motion-slow) var(--hw-ease-spring) both}.hw-dialog__panel{background:var(--hw-bg-elevated);color:var(--hw-ink);border-radius:var(--hw-radius-md);border:1px solid var(--hw-line);box-shadow:var(--hw-shadow-3);gap:var(--hw-space-4);padding:var(--hw-space-6);display:grid;position:relative}.hw-dialog__header{align-items:center;gap:var(--hw-space-3);border-block-end:1px solid var(--hw-line);padding-block-end:var(--hw-space-3);padding-inline-end:calc(var(--hw-touch) - var(--hw-space-2));display:flex}.hw-dialog__title{font-size:var(--hw-text-lg);line-height:var(--hw-leading-tight)}.hw-dialog__title:focus{outline:none}.hw-dialog__title:focus-visible{outline:2px solid var(--hw-focus);outline-offset:4px;border-radius:var(--hw-radius-sm)}.hw-dialog__icon{border-radius:var(--hw-radius-md);background:var(--hw-info-soft);block-size:40px;inline-size:40px;color:var(--hw-info-text);flex:none;place-items:center;display:grid}.hw-dialog__icon--success{background:var(--hw-success-soft);color:var(--hw-success-text)}.hw-dialog__icon--warning{background:var(--hw-warning-soft);color:var(--hw-warning-text)}.hw-dialog__icon--danger{background:var(--hw-danger-soft);color:var(--hw-danger-text)}.hw-dialog__close{inline-size:var(--hw-touch);block-size:var(--hw-touch);border-radius:var(--hw-radius-sm);cursor:pointer;color:var(--hw-ink-3);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block-start:var(--hw-space-3);inset-inline-end:var(--hw-space-3)}.hw-dialog__close:hover{background:var(--hw-bg-muted);color:var(--hw-ink)}.hw-dialog__close:active{background:var(--hw-line)}.hw-dialog__body{gap:var(--hw-space-3);color:var(--hw-ink-2);display:grid}.hw-dialog__footer{padding-block-start:var(--hw-space-2)}.hw-dialog .hw-dialog__footer--stacked .hw-actions{flex-direction:column;align-items:stretch}.hw-dialog .hw-dialog__footer--stacked .hw-actions>*{inline-size:100%}@media (prefers-reduced-motion:reduce){.hw-dialog[open] .hw-dialog__panel{animation:none}}}@layer utilities;