.button-loading{align-items:center;block-size:calc(var(--button-font-size, 1em)*var(--button-line-height, 1.5));display:inline-flex;justify-content:center}.button-loading .button-loader:before{--button-loading:-1}.button-loading .button-loader:after{--button-loading:1}.button-loading .button-loader,.button-loading .button-loader:after,.button-loading .button-loader:before{animation:button-loading .9s infinite linear calc(var(--button-loading, 0)*.3s);aspect-ratio:.5;background:radial-gradient(var(--button-color,--white,hsl(0,0,100)) 68%,transparent 72%) 50%/100% 50% no-repeat;display:grid;inline-size:.3em;transform:translate(calc(var(--button-loading, 0)*150%))}.button-loading .button-loader:after,.button-loading .button-loader:before{content:"";grid-area:1/1}@keyframes button-loading{20%{background-position:top}40%{background-position:bottom}60%{background-position:50%}}.button{--button-bg:hsl(var(--primary-600));--button-border-color:var(--button-bg);--button-color:hsl(var(--white));--button-hover-bg:hsl(var(--primary-700));--button-hover-border-color:var(--button-hover-bg);--button-hover-color:var(--button-color);--button-active-bg:hsl(var(--primary-800));--button-active-border-color:var(--button-active-bg);--button-active-color:var(--button-color);--button-disabled-bg:hsl(var(--primary-400));--button-disabled-border-color:var(--button-disabled-bg);--button-disabled-color:var(--button-color);--button-border-width:1px;--button-border-style:solid;--button-radius:1.5em;--button-line-height:1.5;--button-font-weight:500;--button-font-size:1em;--button-spacing:.02em;--button-outline-width:2px;--button-outline-offset:2px;--button-outline-color:hsl(var(--black,0 0 0));--button-padding:.6875em 1em;--button-gap:.5em;--button-min-width:none;align-items:center;background-color:var(--button-bg);border-color:var(--button-border-color);border-radius:var(--button-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);color:var(--button-color);cursor:pointer;display:inline-flex;font-size:var(--button-font-size,1em);font-weight:var(--button-font-weight);gap:var(--button-gap);inline-size:100%;justify-content:center;letter-spacing:var(--button-spacing,.02em);line-height:var(--button-line-height,1.5);min-inline-size:var(--button-min-width);padding:var(--button-padding);text-decoration:none;touch-action:manipulation}.button:focus,.button[data-demo=focus]{outline-color:var(--button-outline-color,var(--button-border-color));outline-offset:var(--button-outline-offset,calc(var(--button-border-width)*2));outline-style:var(--button-outline-style,var(--button-border-style));outline-width:var(--button-outline-width,var(--button-border-width))}.button:active:not([disabled],[data-button-loading]),.button[data-demo=active]:not([disabled],[data-button-loading]),.button[data-selected]:not([disabled],[data-button-loading]){background-color:var(--button-active-bg);border-color:var(--button-active-border-color,var(--button-active-bg));color:var(--button-active-color,var(--button-color));transform:scale(.995)}.button:hover:not([disabled],[data-button-loading]),.button[data-demo=hover]:not([disabled],[data-button-loading]){background-color:var(--button-hover-bg);border-color:var(--button-hover-border-color,var(--button-hover-bg));color:var(--button-hover-color,var(--button-color))}.button[disabled]{background-color:var(--button-disabled-bg);border-color:var(--button-disabled-border-color);color:var(--button-disabled-color,var(--button-color));cursor:not-allowed}.button[data-button-appearance=ghost]{--button-bg:hsl(var(--white));--button-color:hsl(var(--primary-600));--button-border-color:var(--button-color);--button-hover-bg:hsl(var(--primary-200));--button-hover-color:var(--button-color);--button-hover-border-color:var(--button-color);--button-active-bg:hsl(var(--primary-300));--button-active-color:var(--button-color);--button-active-border-color:var(--button-color);--button-disabled-bg:var(--button-bg);--button-disabled-color:hsl(var(--primary-400));--button-disabled-border-color:var(--button-disabled-color)}.button[data-button-appearance=text]{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:hsl(var(--primary-600));--button-hover-color:hsl(var(--primary-700));--button-hover-bg:hsl(var(--primary-200));--button-hover-border-color:var(--button-hover-bg);--button-active-bg:hsl(var(--primary-300));--button-active-color:var(--button-color);--button-active-border-color:var(--button-active-bg);--button-disabled-color:hsl(var(--primary-400));--button-disabled-bg:var(--button-bg);--button-disabled-border-color:var(--button-bg)}.button[data-button-variant=grayscale]{--button-bg:hsl(var(--grey-900));--button-border-color:var(--button-bg);--button-color:hsl(var(--white));--button-hover-bg:hsl(var(--grey-800));--button-hover-border-color:var(--button-hover-bg);--button-hover-color:var(--button-color);--button-active-bg:hsl(var(--grey-700));--button-active-border-color:var(--button-active-bg);--button-active-color:var(--button-color);--button-disabled-color:hsl(var(--grey-200));--button-disabled-bg:hsl(var(--grey-400));--button-disabled-border-color:var(--button-disabled-bg)}.button[data-button-variant=grayscale][data-button-appearance=ghost]{--button-bg:hsl(var(--white));--button-border-color:hsl(var(--grey-200));--button-color:hsl(var(--grey-900));--button-hover-bg:hsl(var(--grey-200));--button-hover-border-color:hsl(var(--grey-300));--button-active-bg:hsl(var(--grey-300));--button-disabled-color:hsl(var(--grey-400));--button-disabled-bg:hsl(var(--white));--button-disabled-border-color:var(--button-border-color)}.button[data-button-variant=grayscale][data-button-appearance=text]{--button-bg:transparent;--button-border-color:var(--button-bg);--button-color:hsl(var(--grey-900));--button-hover-bg:hsl(var(--grey-200));--button-hover-border-color:var(--button-hover-bg);--button-hover-color:var(--button-color);--button-active-bg:hsl(var(--grey-300));--button-active-border-color:var(--button-active-bg);--button-active-color:var(--button-color);--button-disabled-color:hsl(var(--grey-400));--button-disabled-bg:var(--button-bg);--button-disabled-border-color:var(--button-bg)}.button[data-button-loading]{cursor:wait}.button[data-button-loading][data-button-appearance=text]{--button-min-width:3.25rem}.button[data-button-radius=hard]{--button-radius:0}.button[data-size=M]{--button-font-size:1rem;--button-line-height:1.5;--button-padding:.6875em 1em}.button[data-size=S]{--button-font-size:.875rem;--button-line-height:1.57142857;--button-padding:.42857143em .85714286em}.button[data-size=XS]{--button-font-size:.75rem;--button-line-height:1.66666667;--button-padding:.16666667em 1.33333333em}.button svg{block-size:var(--button-icon-size,1.2cap);flex:none;inline-size:auto}.button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}