.button{cursor:pointer;white-space:nowrap;outline:none;align-items:center;display:inline-flex}.button.-block{width:100%;display:flex}.button{padding:calc(var(--s-space-4,(1 * calc((var(--s-spaces-max) - var(--s-spaces-min)) * .01) * 4) + var(--s-spaces-min)) * var(--s-scale,1)) calc(var(--s-space-5,(1 * calc((var(--s-spaces-max) - var(--s-spaces-min)) * .01) * 5) + var(--s-spaces-min)) * var(--s-scale,1));color:var(--s-color-current);gap:.625rem;position:relative}.button{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.button{font:var(--s-typo-button-font);font-size:var(--s-typo-button-size,1em);line-height:var(--s-typo-button-line-height,1);letter-spacing:var(--s-typo-button-letter-spacing,0);text-transform:var(--s-typo-button-text-transform);-webkit-text-decoration:var(--s-typo-button-text-decoration);text-decoration:var(--s-typo-button-text-decoration)}.button{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.button:focus-visible{outline:var(--s-focus-default-size) var(--s-focus-default-style) var(--s-focus-default-color)}.button:focus:not(:focus-visible){outline:none}.button.-block{justify-content:center}.button:not(.-outline,.-text){background:var(--s-color-current);color:hsla(var(--s-shade-foreground-current-hue,var(--s-shade-foreground-hue,calc(var(--s-color-current-h) + var(--s-shade-foreground-current-spin,var(--s-shade-foreground-spin,0))))),calc(var(--s-shade-foreground-current-saturation,var(--s-shade-foreground-saturation,calc(var(--s-color-current-s) + var(--s-shade-foreground-current-saturate,var(--s-shade-foreground-saturate,0)) - var(--s-shade-foreground-current-desaturate,var(--s-shade-foreground-desaturate,0))))) * 1%),calc(var(--s-shade-foreground-current-lightness,var(--s-shade-foreground-lightness,calc(var(--s-color-current-l) + var(--s-shade-foreground-current-lighten,var(--s-shade-foreground-lighten,0)) - var(--s-shade-foreground-current-darken,var(--s-shade-foreground-darken,0))))) * 1%),var(--s-shade-foreground-current-alpha,var(--s-shade-foreground-alpha,var(--s-color-current-a,1))));border:none}.button:not(.-outline,.-text):hover{background:hsla(var(--s-shade-hover-current-hue,var(--s-shade-hover-hue,calc(var(--s-color-current-h) + var(--s-shade-hover-current-spin,var(--s-shade-hover-spin,0))))),calc(var(--s-shade-hover-current-saturation,var(--s-shade-hover-saturation,calc(var(--s-color-current-s) + var(--s-shade-hover-current-saturate,var(--s-shade-hover-saturate,0)) - var(--s-shade-hover-current-desaturate,var(--s-shade-hover-desaturate,0))))) * 1%),calc(var(--s-shade-hover-current-lightness,var(--s-shade-hover-lightness,calc(var(--s-color-current-l) + var(--s-shade-hover-current-lighten,var(--s-shade-hover-lighten,0)) - var(--s-shade-hover-current-darken,var(--s-shade-hover-darken,0))))) * 1%),var(--s-shade-hover-current-alpha,var(--s-shade-hover-alpha,var(--s-color-current-a,1))))}.button:not(.-outline,.-text):focus-visible{background:hsla(var(--s-shade-hover-current-hue,var(--s-shade-hover-hue,calc(var(--s-color-current-h) + var(--s-shade-hover-current-spin,var(--s-shade-hover-spin,0))))),calc(var(--s-shade-hover-current-saturation,var(--s-shade-hover-saturation,calc(var(--s-color-current-s) + var(--s-shade-hover-current-saturate,var(--s-shade-hover-saturate,0)) - var(--s-shade-hover-current-desaturate,var(--s-shade-hover-desaturate,0))))) * 1%),calc(var(--s-shade-hover-current-lightness,var(--s-shade-hover-lightness,calc(var(--s-color-current-l) + var(--s-shade-hover-current-lighten,var(--s-shade-hover-lighten,0)) - var(--s-shade-hover-current-darken,var(--s-shade-hover-darken,0))))) * 1%),var(--s-shade-hover-current-alpha,var(--s-shade-hover-alpha,var(--s-color-current-a,1))))}.button:not(.-outline,.-text):active{background:hsla(var(--s-shade-active-current-hue,var(--s-shade-active-hue,calc(var(--s-color-current-h) + var(--s-shade-active-current-spin,var(--s-shade-active-spin,0))))),calc(var(--s-shade-active-current-saturation,var(--s-shade-active-saturation,calc(var(--s-color-current-s) + var(--s-shade-active-current-saturate,var(--s-shade-active-saturate,0)) - var(--s-shade-active-current-desaturate,var(--s-shade-active-desaturate,0))))) * 1%),calc(var(--s-shade-active-current-lightness,var(--s-shade-active-lightness,calc(var(--s-color-current-l) + var(--s-shade-active-current-lighten,var(--s-shade-active-lighten,0)) - var(--s-shade-active-current-darken,var(--s-shade-active-darken,0))))) * 1%),var(--s-shade-active-current-alpha,var(--s-shade-active-alpha,var(--s-color-current-a,1))))}.button.-outline{border:.0625rem solid var(--s-color-current);color:var(--s-color-current);background:0 0}.button.-outline:hover{border-color:var(--s-color-current);background:var(--s-color-current);color:hsla(var(--s-shade-foreground-current-hue,var(--s-shade-foreground-hue,calc(var(--s-color-current-h) + var(--s-shade-foreground-current-spin,var(--s-shade-foreground-spin,0))))),calc(var(--s-shade-foreground-current-saturation,var(--s-shade-foreground-saturation,calc(var(--s-color-current-s) + var(--s-shade-foreground-current-saturate,var(--s-shade-foreground-saturate,0)) - var(--s-shade-foreground-current-desaturate,var(--s-shade-foreground-desaturate,0))))) * 1%),calc(var(--s-shade-foreground-current-lightness,var(--s-shade-foreground-lightness,calc(var(--s-color-current-l) + var(--s-shade-foreground-current-lighten,var(--s-shade-foreground-lighten,0)) - var(--s-shade-foreground-current-darken,var(--s-shade-foreground-darken,0))))) * 1%),var(--s-shade-foreground-current-alpha,var(--s-shade-foreground-alpha,var(--s-color-current-a,1))))}.button.-outline:focus-visible{border-color:var(--s-color-current);background:var(--s-color-current);color:hsla(var(--s-shade-foreground-current-hue,var(--s-shade-foreground-hue,calc(var(--s-color-current-h) + var(--s-shade-foreground-current-spin,var(--s-shade-foreground-spin,0))))),calc(var(--s-shade-foreground-current-saturation,var(--s-shade-foreground-saturation,calc(var(--s-color-current-s) + var(--s-shade-foreground-current-saturate,var(--s-shade-foreground-saturate,0)) - var(--s-shade-foreground-current-desaturate,var(--s-shade-foreground-desaturate,0))))) * 1%),calc(var(--s-shade-foreground-current-lightness,var(--s-shade-foreground-lightness,calc(var(--s-color-current-l) + var(--s-shade-foreground-current-lighten,var(--s-shade-foreground-lighten,0)) - var(--s-shade-foreground-current-darken,var(--s-shade-foreground-darken,0))))) * 1%),var(--s-shade-foreground-current-alpha,var(--s-shade-foreground-alpha,var(--s-color-current-a,1))))}.button.-outline:active{border-color:hsla(var(--s-shade-active-current-hue,var(--s-shade-active-hue,calc(var(--s-color-current-h) + var(--s-shade-active-current-spin,var(--s-shade-active-spin,0))))),calc(var(--s-shade-active-current-saturation,var(--s-shade-active-saturation,calc(var(--s-color-current-s) + var(--s-shade-active-current-saturate,var(--s-shade-active-saturate,0)) - var(--s-shade-active-current-desaturate,var(--s-shade-active-desaturate,0))))) * 1%),calc(var(--s-shade-active-current-lightness,var(--s-shade-active-lightness,calc(var(--s-color-current-l) + var(--s-shade-active-current-lighten,var(--s-shade-active-lighten,0)) - var(--s-shade-active-current-darken,var(--s-shade-active-darken,0))))) * 1%),var(--s-shade-active-current-alpha,var(--s-shade-active-alpha,var(--s-color-current-a,1))));background:hsla(var(--s-shade-active-current-hue,var(--s-shade-active-hue,calc(var(--s-color-current-h) + var(--s-shade-active-current-spin,var(--s-shade-active-spin,0))))),calc(var(--s-shade-active-current-saturation,var(--s-shade-active-saturation,calc(var(--s-color-current-s) + var(--s-shade-active-current-saturate,var(--s-shade-active-saturate,0)) - var(--s-shade-active-current-desaturate,var(--s-shade-active-desaturate,0))))) * 1%),calc(var(--s-shade-active-current-lightness,var(--s-shade-active-lightness,calc(var(--s-color-current-l) + var(--s-shade-active-current-lighten,var(--s-shade-active-lighten,0)) - var(--s-shade-active-current-darken,var(--s-shade-active-darken,0))))) * 1%),var(--s-shade-active-current-alpha,var(--s-shade-active-alpha,var(--s-color-current-a,1))));color:hsla(var(--s-shade-foreground-current-hue,var(--s-shade-foreground-hue,calc(var(--s-color-current-h) + var(--s-shade-foreground-current-spin,var(--s-shade-foreground-spin,0))))),calc(var(--s-shade-foreground-current-saturation,var(--s-shade-foreground-saturation,calc(var(--s-color-current-s) + var(--s-shade-foreground-current-saturate,var(--s-shade-foreground-saturate,0)) - var(--s-shade-foreground-current-desaturate,var(--s-shade-foreground-desaturate,0))))) * 1%),calc(var(--s-shade-foreground-current-lightness,var(--s-shade-foreground-lightness,calc(var(--s-color-current-l) + var(--s-shade-foreground-current-lighten,var(--s-shade-foreground-lighten,0)) - var(--s-shade-foreground-current-darken,var(--s-shade-foreground-darken,0))))) * 1%),var(--s-shade-foreground-current-alpha,var(--s-shade-foreground-alpha,var(--s-color-current-a,1))))}.button.-text{color:var(--s-color-current);background:0 0;border:none;padding:0}.button.-text .button_text{position:relative}.button.-text .button_text:before{content:"";background:currentColor;width:100%;height:.0625rem;position:absolute;bottom:0;left:0}.button.-text .button_text:after{content:"";background:currentColor;width:100%;height:.0625rem;position:absolute;bottom:0;left:0}.button.-text .button_text:before{transform-origin:100%;transition:transform .25s var(--s-ease-default) .25s}.button.-text .button_text:after{transform-origin:0;transition:transform .25s var(--s-ease-default);transform:scaleX(0)}.button.-text .button_icon{display:none}.button.-text:hover .button_text:before{transition-delay:0s;transform:scaleX(0)}.button.-text:hover .button_text:after{transition-delay:.25s;transform:scaleX(1)}.button.-text:focus-visible .button_text:before{transition-delay:0s;transform:scaleX(0)}.button.-text:focus-visible .button_text:after{transition-delay:.25s;transform:scaleX(1)}.button .button_text{transform-origin:0;flex-grow:1}.button .button_icon svg [fill]{fill:currentColor}