@layer theme, base, components, utilities;@layer components{.ds-btn{--ds-btn-color: var(--color-fg);--ds-btn-fg: var(--raw-white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--ds-btn-fg);background-color:var(--ds-btn-bg, var(--ds-btn-color));border:1px solid transparent;text-decoration:none}.ds-btn:hover{background-color:color-mix(in oklab,var(--ds-btn-bg, var(--ds-btn-color)),black 7%)}.ds-btn:active{transform:scale(.97)}.ds-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ds-btn:disabled,.ds-btn[disabled]{pointer-events:none;color:color-mix(in oklch,var(--color-fg) 20%,transparent);border-color:transparent}.ds-btn:disabled:not(.ds-btn-ghost,.ds-btn-link),.ds-btn[disabled]:not(.ds-btn-ghost,.ds-btn-link){background-color:color-mix(in oklab,var(--color-fg) 10%,transparent)}.ds-btn-sm{--ds-btn-size: 2rem;height:var(--ds-btn-size);padding-inline:.75rem;font-size:.75rem}.ds-btn-md{--ds-btn-size: 2.5rem;height:var(--ds-btn-size);padding-inline:1rem;font-size:.875rem}.ds-btn-lg{--ds-btn-size: 3rem;height:var(--ds-btn-size);padding-inline:1.25rem;font-size:1.125rem}.ds-btn-circle{padding-inline:0;width:var(--ds-btn-size, 2.5rem);border-radius:var(--corner-pill)}.ds-btn-solid{--ds-btn-bg: var(--ds-btn-color);--ds-btn-fg: var(--raw-white)}.ds-btn-soft{--ds-btn-bg: color-mix(in oklab, var(--ds-btn-color) 8%, var(--color-bg));--ds-btn-fg: var(--ds-btn-color)}.ds-btn-soft:hover{background-color:color-mix(in oklab,var(--ds-btn-color) 14%,var(--color-bg))}.ds-btn-outline{--ds-btn-bg: transparent;--ds-btn-fg: var(--ds-btn-color);border-color:var(--ds-btn-color)}.ds-btn-outline:hover{background-color:color-mix(in oklab,var(--ds-btn-color) 8%,transparent)}.ds-btn-ghost{--ds-btn-bg: transparent;--ds-btn-fg: currentColor}.ds-btn-ghost:hover{background-color:color-mix(in oklab,var(--ds-btn-color) 10%,transparent)}.ds-btn-link{--ds-btn-bg: transparent;--ds-btn-fg: var(--ds-btn-color);border-color:transparent;text-decoration:underline}.ds-btn-link:hover{background-color:transparent;text-decoration:none}.ds-btn-solid.ds-btn-tone-cta{--ds-btn-fg: var(--color-fg)}.ds-btn-tone-brand{--ds-btn-color: var(--color-brand)}.ds-btn-tone-cta{--ds-btn-color: var(--color-cta)}.ds-btn-tone-secondary{--ds-btn-color: var(--color-secondary)}.ds-btn-tone-accent-legacy{--ds-btn-color: var(--color-accent)}.ds-btn-tone-neutral{--ds-btn-color: var(--color-neutral)}.ds-btn-tone-danger{--ds-btn-color: var(--color-error)}.ds-btn-colored-shadow{--tw-shadow-color: color-mix(in oklab, var(--ds-btn-color) 20%, transparent)}}