.demo-reset{justify-items:start;gap:.6rem;margin:1.5rem 0 2.5rem;display:grid;position:relative}.demo-reset>p{min-height:1.5em;margin:0;font-size:.8rem}.demo-reset-confirmation{background:var(--paper);width:min(24rem,100vw - 2rem);color:var(--teal);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--ink) 18%, transparent);border:1px solid;padding:1rem}.demo-reset-confirmation strong{display:block}.demo-reset-confirmation p{margin:.45rem 0 .8rem;font-size:.8rem;line-height:1.45}.demo-reset-confirmation>div{flex-wrap:wrap;gap:.5rem;display:flex}.demo-reset-confirmation button{margin:0}.demo-reset-compact{align-items:center;gap:.65rem;margin:0;display:flex}.demo-reset-compact>button{border-color:color-mix(in srgb, var(--paper) 45%, transparent);height:2rem;color:var(--paper);background:0 0;font-size:.7rem}.demo-reset-compact>button:hover{background:var(--paper);color:var(--teal)}.demo-reset-compact .demo-reset-confirmation{z-index:40;position:absolute;top:calc(100% + .6rem);right:0}.demo-reset-compact>p{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.demo-reset-compact .demo-reset-confirmation{position:fixed;top:5.75rem;right:1rem}}