You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
200 KiB
CSS

.ds-loading{width:1em;height:1em;color:inherit;display:inline-flex}.ds-loading svg{will-change:transform;width:1em;height:1em;animation:.6s linear infinite ds-loading}@keyframes ds-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-button{--ds-rgb-error-hover:218 54 54}.ds-button:not(.ds-button--text).ds-button--l{--button-height:var(--ds-input-height-l);--button-font-size:var(--ds-font-size-m);--button-line-height:var(--ds-line-height-m);--button-border-radius:10px;--button-padding:0 14px;--button-icon-size:18px;--button-icon-margin:0 8px 0 0}.ds-button:not(.ds-button--text).ds-button--m{--button-height:var(--ds-input-height-m);--button-font-size:var(--ds-font-size-m);--button-line-height:var(--ds-line-height-m);--button-border-radius:10px;--button-padding:0 14px;--button-icon-size:18px;--button-icon-margin:0 8px 0 0}.ds-button:not(.ds-button--text).ds-button--s{--button-height:var(--ds-input-height-s);--button-font-size:var(--ds-font-size-s);--button-line-height:var(--ds-line-height-s);--button-border-radius:10px;--button-padding:0 14px;--button-icon-size:18px;--button-icon-margin:0 8px 0 0}.ds-button:not(.ds-button--text).ds-button--xs{--button-height:var(--ds-input-height-xs);--button-font-size:var(--ds-font-size-xs);--button-line-height:var(--ds-line-height-xs);--button-border-radius:8px;--button-padding:0 10px;--button-icon-size:18px;--button-icon-margin:0 8px 0 0}.ds-button:not(.ds-button--text).ds-button--capsule,.ds-button:not(.ds-button--text).ds-button--circle{--button-border-radius:4096px}.ds-button.ds-button--text.ds-button--l{--button-height:unset;--button-font-size:var(--ds-font-size-l);--button-line-height:var(--ds-line-height-l);--button-border-radius:8px;--button-padding:0;--button-icon-size:18px;--button-icon-margin:0 4px 0 0}.ds-button.ds-button--text.ds-button--m{--button-height:unset;--button-font-size:var(--ds-font-size-m);--button-line-height:var(--ds-line-height-m);--button-border-radius:8px;--button-padding:0;--button-icon-size:18px;--button-icon-margin:0 4px 0 0}.ds-button.ds-button--text.ds-button--s{--button-height:unset;--button-font-size:var(--ds-font-size-s);--button-line-height:var(--ds-line-height-s);--button-border-radius:8px;--button-padding:0;--button-icon-size:18px;--button-icon-margin:0 2px 0 0}.ds-button.ds-button--text.ds-button--xs{--button-height:unset;--button-font-size:var(--ds-font-size-xs);--button-line-height:var(--ds-line-height-xs);--button-border-radius:6px;--button-padding:0;--button-icon-size:18px;--button-icon-margin:0 2px 0 0}.ds-button.ds-button--text.ds-button--capsule{--button-border-radius:4096px}.ds-button{--ds-button-color:transparent}.ds-button.ds-button--filled.ds-button--primary{--ds-button-color:rgb(var(--ds-rgb-primary))}.ds-button.ds-button--filled.ds-button--error{--ds-button-color:rgb(var(--ds-rgb-error))}.ds-button.ds-button--filled.ds-button--error:hover{--ds-button-color:rgb(var(--ds-rgb-error-hover,var(--ds-rgb-error)))}.ds-button.ds-button--filled.ds-button--secondary{background-color:var(--ds-secondary-button-color,var(--ds-button-color,rgb(var(--ds-rgb-input))))}.ds-button.ds-button--filled.ds-button--secondary:hover{background-color:var(--ds-secondary-button-hover-color,rgb(var(--ds-rgb-hover)))}.ds-button.ds-button--filled.ds-button--success{--ds-button-color:rgb(var(--ds-rgb-success))}.ds-button.ds-button--filled.ds-button--info{--ds-button-color:rgb(var(--ds-rgb-info))}.ds-button.ds-button--filled.ds-button--warning{--ds-button-color:rgb(var(--ds-rgb-warning))}.ds-button.ds-button--error{--button-ring-color:rgb(var(--ds-rgb-error))}.ds-button.ds-button--success{--button-ring-color:rgb(var(--ds-rgb-success))}.ds-button.ds-button--info{--button-ring-color:rgb(var(--ds-rgb-info))}.ds-button.ds-button--warning{--button-ring-color:rgb(var(--ds-rgb-warning))}.ds-button{--button-ring-color:rgb(var(--ds-rgb-primary))}.ds-button.ds-button--filled.ds-button--primary{--button-text-color:rgb(var(--ds-rgb-primary-foreground));--button-icon-color:rgb(var(--ds-rgb-primary-foreground))}.ds-button.ds-button--filled.ds-button--error{--button-text