@layer components{.blueprint{border:1px solid var(--color-divider);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);border:1px solid var(--color-divider);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover{background:var(--btn-primary-bg-hover)}.btn-primary:active{background:var(--btn-primary-bg-active)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1);border-color:#0000}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-danger,.btn-danger-solid{font-family:inherit;font-weight:inherit;line-height:inherit;border-color:var(--color-danger);padding:0 16px}.btn-danger{color:var(--color-danger)}.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.btn-danger-solid{color:var(--color-on-solid);background:var(--color-danger)}.btn-danger-strong,.btn-accent-outline{font-family:inherit;font-weight:inherit;line-height:inherit}.btn-danger-strong{color:var(--color-on-solid);background:var(--color-danger-solid);border-color:var(--color-danger-solid)}.btn-accent-outline{color:var(--color-accent-ink);border-color:var(--color-accent)}.btn-danger-strong:hover,.btn-accent-outline:hover{opacity:.88}.btn-lg{letter-spacing:.04em;text-transform:uppercase;min-height:40px;font-size:15px}.btn-sm{letter-spacing:.04em;text-transform:uppercase;min-height:36px;font-size:13px}.btn-compact{letter-spacing:.04em;text-transform:uppercase;min-height:34px;font-size:13px}.btn-mini{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;min-height:30px;padding:0 10px;font-size:12px}.btn-slim{letter-spacing:.04em;text-transform:uppercase;min-height:32px;padding:0 12px;font-size:12px}.btn-bar{letter-spacing:.04em;text-transform:uppercase;min-height:34px;font-size:12px}.btn-dense{letter-spacing:.04em;text-transform:uppercase;min-height:32px;font-size:12px}.btn-snug{letter-spacing:.04em;text-transform:uppercase;min-height:34px;padding:0 14px;font-size:12px}.btn-xs{letter-spacing:.06em;text-transform:uppercase;min-height:28px;padding:0 12px;font-size:11px}.btn-micro{letter-spacing:.06em;text-transform:uppercase;min-height:30px;padding:0 12px;font-size:11px}.btn-row{letter-spacing:.04em;text-transform:uppercase;min-height:30px;padding:0 12px;font-size:12px}.btn-tiny{letter-spacing:.04em;text-transform:uppercase;min-height:28px;padding:0 10px;font-size:12px}.btn-field{letter-spacing:.04em;text-transform:uppercase;min-height:38px;font-size:14px}.btn-field-quiet{letter-spacing:.04em;text-transform:uppercase;min-height:38px;font-size:13px}.btn-icon{flex:none;width:36px;height:36px;padding:0}.btn-icon-md{flex:none;width:38px;height:38px;padding:0}.btn-icon-lg{flex:none;width:40px;height:40px;padding:0}.btn-full{width:100%}}