[data-os-ds] .os-spinner{width:var(--os-spinner-size,1rem);height:var(--os-spinner-size,1rem);animation:.7s linear infinite os-spinner-spin}[data-os-ds] .os-spinner__track{opacity:.3}@keyframes os-spinner-spin{to{transform:rotate(360deg)}}
[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=primary]{background-color:var(--os-color-action-primary);color:var(--os-color-text-inverse)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=primary]:not(:disabled):hover{background-color:var(--os-color-action-primary-hover)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=primary]:not(:disabled):active{background-color:var(--os-color-action-primary-pressed)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=secondary]{background-color:var(--os-color-surface-default);border-color:var(--os-color-border-control);color:var(--os-color-text-primary)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=secondary]:not(:disabled):hover{background-color:var(--os-color-surface-hover)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=secondary]:not(:disabled):active{background-color:var(--os-color-surface-pressed)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=ghost]{color:var(--os-color-text-secondary);background-color:#0000}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=ghost]:not(:disabled):hover{background-color:var(--os-color-surface-hover)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=ghost]:not(:disabled):active{background-color:var(--os-color-surface-pressed)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=soft]{background-color:var(--os-color-action-soft);color:var(--os-color-action-soft-text)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=soft]:not(:disabled):hover{background-color:var(--os-color-action-soft-hover)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=soft]:not(:disabled):active{background-color:var(--os-color-action-soft-pressed)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=danger]{background-color:var(--os-color-action-danger);color:var(--os-color-text-inverse)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=danger]:not(:disabled):hover{background-color:var(--os-color-action-danger-hover)}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=danger]:not(:disabled):active{background-color:var(--os-color-action-danger-pressed)}[data-os-ds] :is(.os-button,.os-icon-button):disabled{background-color:var(--os-color-disabled-background);color:var(--os-color-disabled-text);cursor:default;border-color:#0000}[data-os-ds] :is(.os-button,.os-icon-button)[data-os-variant=primary]:disabled{background-color:var(--os-color-action-primary-disabled);color:var(--os-color-text-inverse)}
[data-os-ds] .os-button{border:var(--os-border-width-thin) solid transparent;min-width:0;max-width:100%;font-family:var(--os-font-family-sans);font-weight:var(--os-control-button-font-weight);letter-spacing:var(--os-control-button-letter-spacing);text-align:center;cursor:pointer;transition:background-color var(--os-motion-duration-state) var(--os-motion-easing-standard), border-color var(--os-motion-duration-state) var(--os-motion-easing-standard), color var(--os-motion-duration-state) var(--os-motion-easing-standard), outline-color var(--os-motion-duration-default) var(--os-motion-easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}[data-os-ds] .os-button--full{width:100%}[data-os-ds] .os-button[data-os-size=sm]{min-height:var(--os-control-button-sm-min-height);padding-inline:var(--os-control-button-sm-padding-x);font-size:var(--os-control-button-sm-font-size);line-height:var(--os-control-button-sm-line-height);border-radius:var(--os-control-button-sm-radius);--os-button-icon-size:var(--os-control-button-sm-icon-size)}[data-os-ds] .os-button[data-os-size=md]{min-height:var(--os-control-button-md-min-height);padding-inline:var(--os-control-button-md-padding-x);font-size:var(--os-control-button-md-font-size);line-height:var(--os-control-button-md-line-height);border-radius:var(--os-control-button-md-radius);--os-button-icon-size:var(--os-control-button-md-icon-size)}[data-os-ds] .os-button[data-os-size=lg]{min-height:var(--os-control-button-lg-min-height);padding-inline:var(--os-control-button-lg-padding-x);font-size:var(--os-control-button-lg-font-size);line-height:var(--os-control-button-lg-line-height);border-radius:var(--os-control-button-lg-radius);--os-button-icon-size:var(--os-control-button-lg-icon-size)}[data-os-ds] .os-button__content{justify-content:center;align-items:center;gap:var(--os-control-button-gap);min-width:0;display:inline-flex}[data-os-ds] .os-button[data-os-loading] .os-button__content{opacity:0}[data-os-ds] .os-button__label{overflow-wrap:break-word;min-width:0}[data-os-ds] .os-button__icon{width:var(--os-button-icon-size);height:var(--os-button-icon-size);flex:none;justify-content:center;align-items:center;display:inline-flex}[data-os-ds] .os-button__icon>*{width:100%;height:100%}[data-os-ds] .os-button__loader{--os-spinner-size:var(--os-button-icon-size);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}