@layer components{.br-btn{display:inline-flex;min-height:calc(var(--spacing) * 10);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--btn-radius, 9999px);border-style:solid;border-width:1px;padding-inline:1.35rem;padding-block:calc(var(--spacing) * 2);font-weight:var(--font-weight-semibold);line-height:1.1;outline-style:none;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .22s ease,opacity .12s ease,transform .12s ease,filter .16s ease}.br-btn:active:not(:disabled){transform:translateY(1px)}.br-btn:where([data-size="2xs"]),.br-btn:where([data-size=xs]){font-size:var(--text-xs)}.br-btn:where([data-size=sm]),.br-btn:where([data-size=md]){font-size:var(--text-sm)}.br-btn:where([data-size=lg]){font-size:var(--text-base)}.br-btn:where([data-tone=brand][data-variant=solid]){border-color:transparent;background-color:var(--button-solid-bg);background-image:linear-gradient(165deg,#ffffff2b,#fff0 55%);color:var(--button-solid-fg);box-shadow:inset 0 1px #ffffff38,0 10px 22px -10px var(--accent-glow)}.br-btn:where([data-tone=brand][data-variant=outline]){border-color:var(--button-outline-border);background-color:var(--button-outline-bg);color:var(--button-outline-fg);box-shadow:var(--surface-shadow)}.br-btn:where([data-tone=brand][data-variant=ghost]){border-color:transparent;background-color:transparent;color:var(--button-ghost-fg)}.br-btn:where([data-tone=danger][data-variant=solid]){border-color:transparent;background-color:var(--danger, #dc2646);background-image:linear-gradient(165deg,#ffffff26,#fff0 55%);color:var(--color-white);box-shadow:inset 0 1px #ffffff2e,0 10px 22px -10px #dc26468c}.br-btn:where([data-tone=danger][data-variant=outline]){border-color:var(--danger-soft, rgba(220, 38, 70, .4));background-color:transparent;color:var(--danger, #dc2646);box-shadow:var(--surface-shadow)}.br-btn:where([data-tone=danger][data-variant=ghost]){border-color:transparent;background-color:transparent;color:var(--danger, #dc2646)}.br-btn:where([data-tone=brand][data-variant=solid]):hover{filter:brightness(1.06)}.br-btn:where([data-tone=brand][data-variant=outline]):hover{border-color:var(--button-outline-hoverBorder);background-color:var(--button-outline-hoverBg);color:var(--button-outline-hoverFg)}.br-btn:where([data-tone=brand][data-variant=ghost]):hover{border-color:var(--glass-regular-stroke);background-color:var(--button-ghost-hoverBg);color:var(--button-ghost-hoverFg)}.br-btn:where([data-tone=danger][data-variant=solid]):hover{border-color:var(--danger-strong, #b91c36);background-color:var(--danger-strong, #b91c36)}.br-btn:where([data-tone=danger][data-variant=outline]):hover{border-color:var(--danger, #dc2646);background-color:var(--danger-soft, rgba(220, 38, 70, .12))}.br-btn:where([data-tone=danger][data-variant=ghost]):hover{background-color:var(--danger-soft, rgba(220, 38, 70, .12))}.br-btn:where([data-tone=brand][data-variant=solid]):active{filter:brightness(.94)}.br-btn:where([data-tone=brand][data-variant=outline]):active,.br-btn:where([data-tone=brand][data-variant=ghost]):active{background-color:var(--surface-hover-fill)}.br-btn:where([data-tone=danger][data-variant=solid]):active{background-color:var(--danger-strong, #b91c36);opacity:.9}.br-btn:where([data-tone=danger][data-variant=outline]):active,.br-btn:where([data-tone=danger][data-variant=ghost]):active{background-color:var(--danger-soft, rgba(220, 38, 70, .12))}.br-btn:disabled{cursor:not-allowed;opacity:.5}}@layer components{.br-glass{position:relative;isolation:isolate;border-style:solid;border-width:1px;color:var(--brand-bgContrast);box-shadow:var(--surface-shadow);transition:border-color .22s ease}.br-glass[data-glow]{box-shadow:0 0 28px var(--accent-glow),var(--surface-shadow)}.br-glass:before{content:"";position:absolute;inset:0;z-index:-10;border-radius:inherit;pointer-events:none;background-image:var(--glass-sheen, none);transition:background .22s ease}.br-glass[data-level=subtle]{border-color:var(--glass-subtle-stroke)}.br-glass[data-level=subtle]:before{background-color:var(--glass-subtle-bg)}.br-glass[data-level=regular]{border-color:var(--glass-regular-stroke)}.br-glass[data-level=regular]:before{background-color:var(--glass-regular-bg)}.br-glass[data-level=strong]{border-color:var(--glass-strong-stroke)}.br-glass[data-level=strong]:before{background-color:var(--glass-strong-bg);background-image:none;backdrop-filter:blur(var(--glass-strong-blur)) saturate(var(--glass-saturate, 100%))}.br-glass[data-level=frost-light]{border-color:var(--glass-frost-light-stroke)}.br-glass[data-level=frost-light]:before{background-color:var(--glass-frost-light-bg);backdrop-filter:blur(var(--glass-frost-light-blur)) saturate(var(--glass-saturate, 100%))}.br-glass[data-level=frost]{border-color:var(--glass-frost-stroke)}.br-glass[data-level=frost]:before{background-color:var(--glass-frost-bg);backdrop-filter:blur(var(--glass-frost-blur)) saturate(var(--glass-saturate, 100%))}.br-glass[data-level=frost-heavy]{border-color:var(--glass-frost-heavy-stroke)}.br-glass[data-level=frost-heavy]:before{background-color:var(--glass-frost-heavy-bg);backdrop-filter:blur(var(--glass-frost-heavy-blur)) saturate(var(--glass-saturate, 100%))}.br-glass[data-level=tinted]{border-color:var(--glass-regular-stroke)}.br-glass[data-level=tinted]:before{background-color:var(--accent-soft)}.br-glass[data-level=opaque]{border-color:var(--glass-strong-stroke)}.br-glass[data-level=opaque]:before{background-color:var(--brand-surface)}}