@keyframes circle-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circle-loader{animation:circle-loader-spin 1s linear infinite}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--component-padding-x3, 4px);position:relative;flex-shrink:0;font-weight:500;border:none;cursor:pointer}.ui-button--system{background-color:var(--variant-system-default);color:var(--variant-system-on-default)}.ui-button--system:hover{background-color:var(--variant-system-hover);color:var(--variant-system-on-hover)}.ui-button--system:active{background-color:var(--variant-system-active);color:var(--variant-system-on-active)}.ui-button--neutral{background-color:var(--variant-neutral-default);color:var(--variant-neutral-on-default)}.ui-button--neutral:hover{background-color:var(--variant-neutral-hover);color:var(--variant-neutral-on-hover)}.ui-button--neutral:active{background-color:var(--variant-neutral-active);color:var(--variant-neutral-on-active)}.ui-button--accent-primary{background-color:var(--variant-accent-primary-default);color:var(--variant-accent-primary-on-default)}.ui-button--accent-primary:hover{background-color:var(--variant-accent-primary-hover);color:var(--variant-accent-primary-on-hover)}.ui-button--accent-primary:active{background-color:var(--variant-accent-primary-active);color:var(--variant-accent-primary-on-active)}.ui-button--accent-secondary{background-color:var(--variant-accent-secondary-default);color:var(--variant-accent-secondary-on-default)}.ui-button--accent-secondary:hover{background-color:var(--variant-accent-secondary-hover);color:var(--variant-accent-secondary-on-hover)}.ui-button--accent-secondary:active{background-color:var(--variant-accent-secondary-active);color:var(--variant-accent-secondary-on-active)}.ui-button--positive{background-color:var(--variant-positive-default);color:var(--variant-positive-on-default)}.ui-button--positive:hover{background-color:var(--variant-positive-hover);color:var(--variant-positive-on-hover)}.ui-button--positive:active{background-color:var(--variant-positive-active);color:var(--variant-positive-on-active)}.ui-button--negative{background-color:var(--variant-negative-default);color:var(--variant-negative-on-default)}.ui-button--negative:hover{background-color:var(--variant-negative-hover);color:var(--variant-negative-on-hover)}.ui-button--negative:active{background-color:var(--variant-negative-active);color:var(--variant-negative-on-active)}.ui-button--warning{background-color:var(--variant-warning-default);color:var(--variant-warning-on-default)}.ui-button--warning:hover{background-color:var(--variant-warning-hover);color:var(--variant-warning-on-hover)}.ui-button--warning:active{background-color:var(--variant-warning-active);color:var(--variant-warning-on-active)}.ui-button--info{background-color:var(--variant-info-default);color:var(--variant-info-on-default)}.ui-button--info:hover{background-color:var(--variant-info-hover);color:var(--variant-info-on-hover)}.ui-button--info:active{background-color:var(--variant-info-active);color:var(--variant-info-on-active)}.ui-button--utility{background-color:var(--variant-utility-default);color:var(--variant-utility-on-default)}.ui-button--utility:hover{background-color:var(--variant-utility-hover);color:var(--variant-utility-on-hover)}.ui-button--utility:active{background-color:var(--variant-utility-active);color:var(--variant-utility-on-active)}.ui-button--outline{background:transparent;border:1px solid var(--variant-system-default);color:var(--variant-system-default)}.ui-button--outline:hover{border-color:var(--variant-system-hover);color:var(--variant-system-hover)}.ui-button--outline:active{border-color:var(--variant-system-active);color:var(--variant-system-active)}.ui-button--accent-secondary-outline{background-color:var(--variant-accent-secondary-container-default);color:var(--variant-accent-secondary-default)}.ui-button--accent-secondary-outline:hover{color:var(--variant-accent-secondary-hover)}.ui-button--accent-secondary-outline:active{color:var(--variant-accent-secondary-active)}.ui-button--skeleton{background:var(--surface-skeleton, #525760);color:transparent;pointer-events:none}.ui-button__loader{position:absolute;inset:50%;transform:translate(-50%,-50%);display:none}.ui-button--loading{pointer-events:none}.ui-button--loading .ui-button__loader{display:block}.ui-button--loading .ui-button__content{opacity:0}.ui-button--disabled,.ui-button--disabled:hover,.ui-button--disabled:active{pointer-events:none;opacity:.7}.ui-button--x6{height:var(--component-size-x6, 24px);padding:var(--component-padding-x6, 6px);gap:var(--component-padding-x3, 4px);border-radius:var(--component-radius-x6, 6px);font-size:var(--font-size-ui-x3, 12px);line-height:var(--font-line-height-ui-x3, 12px)}.ui-button--x6 .ui-button__loader{height:12px;width:12px}.ui-button--x6 img{width:12px;height:12px}.ui-button--x9{height:var(--component-size-x9, 36px);padding:var(--component-padding-x9, 10px);gap:var(--component-padding-x3, 4px);border-radius:var(--component-radius-x9, 10px);font-size:var(--font-size-ui-x3-5, 14px);line-height:var(--font-line-height-ui-x3-5, 14px)}.ui-button--x9 .ui-button__loader{height:16px;width:16px}.ui-button--x9 img{width:16px;height:16px}.ui-button--x12{height:var(--component-size-x12, 48px);padding:var(--component-padding-x12, 12px);gap:var(--component-padding-x6, 6px);border-radius:var(--component-radius-x12, 12px);font-size:var(--font-size-ui-x4, 16px);line-height:var(--font-line-height-ui-x4, 16px)}.ui-button--x12 .ui-button__loader{height:24px;width:24px}.ui-button--x12 img{width:16px;height:16px}.ui-button--x14{height:var(--component-size-x14, 56px);padding:var(--component-padding-x14, 14px);gap:var(--component-padding-x6, 6px);border-radius:var(--component-radius-x14, 14px);font-size:var(--font-size-ui-x4, 16px);line-height:var(--font-line-height-ui-x4, 16px)}.ui-button--x14 .ui-button__loader{height:28px;width:28px}.ui-button--x14 img{width:16px;height:16px}.ui-button--x16{height:var(--component-size-x16, 64px);padding:var(--component-padding-x16, 16px);gap:var(--component-padding-x6, 6px);border-radius:var(--component-radius-x16, 16px);font-size:var(--font-size-ui-x4, 16px);line-height:var(--font-line-height-ui-x4, 16px)}.ui-button--x16 .ui-button__loader{height:32px;width:32px}.ui-button--x16 img{width:20px;height:20px}.ui-button--x20{height:var(--component-size-x20, 80px);padding:var(--component-padding-x20, 20px);gap:var(--component-padding-x6, 6px);border-radius:var(--component-radius-x20, 20px);font-size:var(--font-size-ui-x4, 16px);line-height:var(--font-line-height-ui-x4, 16px)}.ui-button--x20 .ui-button__loader{height:36px;width:36px}.ui-button--x20 img{width:24px;height:24px}