.ds-button{min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--ds-control);border-radius:var(--ds-radius);padding:9px 15px;background:var(--ds-surface);color:var(--ds-ink);font-weight:500;transition:background-color .16s ease-out,translate .18s ease-out}.ds-library .ds-button{font-size:var(--ds-type-button-size);line-height:var(--ds-type-button-leading);font-weight:var(--ds-type-button-weight)}.ds-button.primary{background:var(--ds-ink);color:var(--ds-canvas);border-color:var(--ds-ink)}.ds-button.accent{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.ds-button.danger{background:var(--ds-negative-soft);color:var(--ds-negative);border-color:var(--ds-negative)}.ds-button.ghost{border-color:transparent;background:transparent}.ds-button.small{min-height:32px;padding:6px 10px;font-size:12px}.ds-button.large{min-height:48px;padding:12px 20px}.ds-button.medium:is(.brand,.outlined,.dark):not(.pill){padding:12px 20px}@media (min-width:681px){.ds-button.medium:is(.brand,.outlined,.dark):not(.pill){min-height:42px}}.ds-button.brand{position:relative;isolation:isolate;border-color:transparent;background:linear-gradient(90deg,var(--ds-brand-from),var(--ds-brand-to)) border-box;color:var(--ds-on-brand)}.ds-button.brand:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='3349' stitchTiles='stitch'/><feColorMatrix type='luminanceToAlpha'/><feComponentTransfer result='dots'><feFuncA type='discrete' tableValues='1 0'/></feComponentTransfer><feFlood flood-color='white' flood-opacity='0.25'/><feComposite operator='in' in2='dots'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.ds-button.dark{background-color:var(--ds-inverse);color:var(--ds-on-inverse);border-color:var(--ds-inverse)}.ds-button.outlined{background-color:var(--ds-canvas);border-color:var(--ds-ink)}.ds-button.pill{min-height:44px;padding:12px 24px;border-radius:999px;font-size:13px;font-weight:700;line-height:1}.ds-button.circle{min-width:40px;padding:0;border-radius:50%}.ds-button.circle.small{min-width:32px}.ds-button.circle.large{min-width:48px}.ds-button.pill.large{min-height:58px;padding:14px 28px;font-size:15px}.ds-button:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.94);translate:0 -1px}@media (prefers-reduced-motion:reduce){.ds-button:hover:not(:disabled):not([aria-disabled=true]){translate:none}}a.ds-button{color:var(--ds-ink);text-decoration:none}.ds-link{font-weight:500}.ds-spinner{display:inline-block;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-spinner{animation:none}}.ds-demo-progress{display:flex;justify-content:center}.ds-demo-progress>*{display:grid;place-items:center;padding:0 2px}.ds-demo-progress button{min-width:24px;height:24px;border:0;border-radius:var(--ds-radius);background:none;cursor:pointer}@media (max-width:680px){.ds-button,.ds-button.small{min-width:44px;min-height:44px}.ds-button.circle{min-height:40px}.ds-button.circle.small{min-height:32px}.ds-button.circle.large{min-height:48px}.ds-demo-progress button{min-width:44px;height:44px}}@media (max-width:680px),(pointer:coarse){.ds-button.circle{position:relative}.ds-button.circle:before{content:"";position:absolute;inset:min(0px,(100% - 44px)/2)}}.ds-demo-progress span,.ds-demo-progress>:before{grid-area:1/1;width:8px;height:4px;border-radius:2px;content:""}.ds-demo-progress>:before{background:var(--ds-control)}.ds-demo-progress [aria-current]:before,.ds-demo-progress span{width:24px}.ds-demo-progress [aria-current]:before{background:var(--ds-line)}.ds-demo-progress span{background:var(--ds-ink);transform-origin:left}.ds-demo-progress .is-running{animation:ds-demo-fill var(--ds-demo-ms) linear both}.ds-demo-progress.labelled{gap:6px}.ds-demo-progress.labelled button{grid-template-rows:auto 4px;gap:6px;height:auto;min-height:44px;padding:4px 8px}.ds-demo-progress.labelled span,.ds-demo-progress.labelled>:before{grid-area:2/1;justify-self:stretch;width:auto}.ds-demo-label{color:var(--ds-muted);font-size:13px;font-weight:600;line-height:1.3}.ds-demo-label small{display:block;font-size:inherit;font-weight:500}[aria-current]>.ds-demo-label{color:var(--ds-ink)}.ds-demo-progress.played>button{flex:1;min-width:0;justify-items:start}.ds-demo-progress.played .ds-demo-label{font-size:12px}.ds-demo-progress.played .ds-demo-label small{display:inline;margin-inline-end:8px;font-size:.75em}@media (max-width:700px){.ds-demo-progress.played .ds-demo-label .is-number{display:none}}.ds-demo-progress.played>:before{background:var(--ds-line)}.ds-demo-progress .is-played{background:var(--ds-brand)}@keyframes ds-demo-fill{0%{transform:scaleX(0)}}.ds-button.link{min-width:0;min-height:0;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px}.ds-button.link:has(svg){text-decoration:none}@media (max-width:680px),(pointer:coarse){.ds-button.link,.ds-link{position:relative}.ds-button.link:after,.ds-link:after{content:"";position:absolute;inset:min(0px,(100% - 44px)/2)}}.ds-reason-tip{position:fixed;inset:auto;margin:0;border:0;height:auto;overflow:visible;z-index:1000;width:max-content;max-width:240px;padding:6px 10px;border-radius:8px;background:var(--ds-ink);color:var(--ds-surface);font-size:12px;font-weight:500;line-height:1.4;text-align:center;pointer-events:none;translate:-50% -100%;animation:ds-reason-in .12s var(--ds-ease)}@keyframes ds-reason-in{0%{opacity:0;translate:-50% calc(-100% + 2px)}}.ds-reason-tip[data-side=bottom]{translate:-50% 0;animation-name:ds-reason-in-below}@keyframes ds-reason-in-below{0%{opacity:0;translate:-50% -2px}}@media (prefers-reduced-motion:reduce){.ds-reason-tip,.ds-reason-tip[data-side=bottom]{animation:none}}.ds-button:not(.ds-library *){--ds-surface:var(--surface);--ds-ink:var(--text);--ds-control:var(--border-strong);--ds-radius:12px}.ds-reason-tip:not(.ds-library *){--ds-ink:var(--text);--ds-surface:var(--surface);--ds-ease:cubic-bezier(0.16,1,0.3,1)}@media (prefers-reduced-motion:reduce){.ds-spinner:not(.ds-library *){animation:none}}.ds-button:not(.ds-library *):disabled,.ds-button:not(.ds-library *)[aria-disabled=true]{cursor:not-allowed;opacity:.48}.ds-button:not(.ds-library *):focus-visible{outline:2px solid var(--ds-ink);outline-offset:2px}