.button{--border:rgb(0 0 0/13%);--highlight:hsla(0,0%,100%,.2);--shadow:rgb(0 0 0/10%);display:flex;height:2.5rem;user-select:none;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;border-radius:.5rem;border-style:none;background-color:#fff;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;color:#000;text-decoration-line:none;outline-width:2px;outline-offset:2px;outline-color:#007acc;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--highlight),inset 0 -1px 0 var(--shadow),0 1px 1px var(--shadow);font-weight:500}.button:where(.dark,.dark *){--border:hsla(0,0%,100%,.1);--highlight:rgb(255 255 255/5%);--shadow:rgb(0 0 0/25%);background-color:hsla(0,0%,100%,.05);color:#fff;box-shadow:inset 0 0 0 1px var(--border),inset 0 -1px 0 1px var(--shadow),inset 0 1px 0 var(--highlight)}.button:not(:active):hover{--border:rgb(0 0 0/33%)}.button:where(.dark,.dark *):not(:active):hover{--border:hsla(0,0%,100%,.25)}.button[aria-disabled=true]{opacity:.5}.button[data-focus-visible]{outline-style:solid}.button:active,.button[data-active]{padding-top:.125rem;box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 var(--border)}@media (min-width:640px){.button{gap:.5rem}}.button:active:where(.dark,.dark *),.button[data-active]:where(.dark,.dark *){box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 1px 1px var(--shadow)}.backdrop{background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop:where(.dark,.dark *){background-color:rgba(0,0,0,.3)}.dialog{position:fixed;inset:.75rem;z-index:50;margin:auto;display:flex;height:fit-content;max-height:calc(100dvh - 2 * .75rem);flex-direction:column;gap:1rem;overflow:auto;border-radius:.75rem;background-color:#fff;padding:1rem;color:#000;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);align-items:flex-start}@media (min-width:640px){.dialog{top:10vh;bottom:10vh;margin-top:0;max-height:80vh;width:540px;border-radius:1rem;padding:1.5rem}}.dialog:where(.dark,.dark *){border:1px solid #3b3e40;background-color:#27292a;color:#fff}.heading{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}