@import "component.css";:host{align-items:center;animation:open var(--trans-fast) forwards;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding-inline:var(--m-sm);position:fixed;transition:display var(--trans-fast) allow-discrete;z-index:2000;@media (min-width:480px){padding-inline:var(--m-md)}}:host(.hidden){animation:close var(--trans-fast) forwards}.modal{background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:12px;padding:30px var(--m-md);text-align:center;width:clamp(200px,100vw,500px);&.warning{background:var(--bg-warning);border-color:var(--border-warning);h2{color:var(--text-warning)}.button{background:var(--btn-secondary);&:hover{background:var(--btn-secondary-hover)}}}}h2{color:var(--text-info);margin:0 0 15px}h2,p{font-family:system-ui,sans-serif}p{margin-block:0 var(--m-md)}.button{padding-inline:30px}code{display:inline-block;padding:0 2px}code,pre{background:color-mix(in srgb,var(--color-light),transparent 35%);border-radius:var(--bd-radius);font-size:var(--fs-sm)}pre{margin-top:5px;padding:4px;white-space:normal}