.DsButton[data-v-6f3874dc]{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--ds-control-h);padding:0 20px;border:none;border-radius:var(--ds-radius-control);background:transparent;font-family:var(--ds-font-sans);font-size:13px;font-weight:700;line-height:1;color:var(--ds-text);cursor:pointer;white-space:nowrap;transition:transform var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease),background var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease)}.DsButton[data-v-6f3874dc]:focus-visible{outline:none}.DsButton--primary[data-v-6f3874dc]{background:var(--ds-candy);color:var(--ds-on-candy);box-shadow:var(--ds-candy-edge)}.DsButton--primary[data-v-6f3874dc]:hover:not(:disabled),.DsButton--primary.is-demo-hover[data-v-6f3874dc]{background:var(--ds-candy-hover);box-shadow:var(--ds-candy-edge-hover);transform:translateY(-1px)}.DsButton--primary[data-v-6f3874dc]:active:not(:disabled),.DsButton--primary.is-demo-active[data-v-6f3874dc]{background:var(--ds-candy);box-shadow:var(--ds-candy-edge-active);transform:translateY(2px)}.DsButton--primary[data-v-6f3874dc]:focus-visible,.DsButton--primary.is-demo-focus[data-v-6f3874dc]{box-shadow:var(--ds-candy-edge),0 0 0 4px var(--ds-focus)}.DsButton--primary[data-v-6f3874dc]:disabled,.DsButton--primary.is-disabled[data-v-6f3874dc]{background:var(--ds-candy-disabled-bg);color:var(--ds-candy-disabled-ink);box-shadow:none;cursor:not-allowed;transform:none}.DsButton--primary.is-loading[data-v-6f3874dc]{cursor:progress;background:var(--ds-candy);color:var(--ds-on-candy);box-shadow:var(--ds-candy-edge)}.DsButton--secondary[data-v-6f3874dc]{padding:0 18px;background:var(--ds-surface);color:var(--ds-text);border:1.5px solid var(--ds-border-control)}.DsButton--secondary[data-v-6f3874dc]:hover:not(:disabled){background:color-mix(in srgb,var(--ds-text) 6%,var(--ds-surface))}.DsButton--secondary[data-v-6f3874dc]:active:not(:disabled){background:color-mix(in srgb,var(--ds-text) 11%,var(--ds-surface))}.DsButton--main[data-v-6f3874dc]{background:var(--ds-text);color:var(--ds-surface)}.DsButton--main[data-v-6f3874dc]:hover:not(:disabled){transform:translateY(-1px)}.DsButton--main[data-v-6f3874dc]:active:not(:disabled){transform:translateY(1px)}.DsButton--success[data-v-6f3874dc]{padding:0 18px;background:var(--ds-pastel-mint);color:var(--ds-pastel-mint-ink);gap:7px}.DsButton--error[data-v-6f3874dc]{padding:0 18px;background:var(--ds-pastel-coral);color:var(--ds-pastel-coral-ink);gap:7px}.DsButton--info[data-v-6f3874dc]{padding:0 18px;background:var(--ds-cian-20);color:var(--ds-brand-deep)}.DsButton--success[data-v-6f3874dc]:hover:not(:disabled),.DsButton--error[data-v-6f3874dc]:hover:not(:disabled),.DsButton--info[data-v-6f3874dc]:hover:not(:disabled){filter:brightness(.97)}.DsButton--text[data-v-6f3874dc]{padding:0 10px;background:transparent;color:var(--ds-brand-deep)}.DsButton--text[data-v-6f3874dc]:hover:not(:disabled){background:var(--ds-brand-soft)}.DsButton--icon[data-v-6f3874dc]{width:var(--ds-control-h);padding:0;background:var(--ds-surface);color:var(--ds-text);border:1.5px solid var(--ds-border-strong)}.DsButton--icon[data-v-6f3874dc]:hover:not(:disabled){background:var(--ds-veil-hover)}.DsButton[data-v-6f3874dc]:not(.DsButton--primary):disabled,.DsButton:not(.DsButton--primary).is-disabled[data-v-6f3874dc]{background:var(--ds-control-disabled-bg);color:var(--ds-control-disabled-ink);border-color:transparent;cursor:not-allowed;transform:none}.DsButton--x-small[data-v-6f3874dc]{height:30px;padding:0 12px;font-size:11px}.DsButton--x-small.DsButton--primary[data-v-6f3874dc]{box-shadow:var(--ds-candy-edge-sm)}.DsButton--small[data-v-6f3874dc]{height:var(--ds-control-h-sm);padding:0 15px;font-size:12px}.DsButton--large[data-v-6f3874dc]{height:52px;padding:0 26px;font-size:15px}.DsButton--icon.DsButton--small[data-v-6f3874dc]{width:var(--ds-control-h-sm);padding:0}.DsButton--icon.DsButton--x-small[data-v-6f3874dc]{width:30px;padding:0}.DsButton.is-full[data-v-6f3874dc]{width:100%;height:48px;font-size:14px}.DsButton-spinner[data-v-6f3874dc]{width:14px;height:14px;flex:none;border-radius:var(--ds-radius-chip);border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:ds-spin-6f3874dc .7s linear infinite}@keyframes ds-spin-6f3874dc{to{transform:rotate(360deg)}}
