.button{display:inline-block;zoom:1;cursor:pointer;line-height:1;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-drag:none;align-self:self-start;box-sizing:border-box;font-family:var(--button-font-family,sans-serif);font-size:100%;font-weight:var(--button-font-weight);justify-self:flex-start;letter-spacing:var(--button-letter-spacing);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:focus{outline:0}.button::-moz-focus-inner{border:0;padding:0}.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{box-shadow:none;cursor:not-allowed;filter:alpha(opacity=40);opacity:.4;pointer-events:none}.button[hidden]{display:none}.button[unstyled]{background-color:transparent;border-color:transparent}.button[data-fullWidth=true],.button[fullWidth=true]{align-self:stretch;justify-self:stretch}.button{--button-color-prop:var(--fa337d70);--button-hsl:var(--button-color-prop,--base-hsl);--button-text-hsl:var(--button-hsl);--button-color:hsla(var(--button-hsl),1);--button-text-color:hsla(var(--button-text-hsl),1);--button-padding-block:var(--base-padding-block);--button-padding-inline:var(--base-padding-inline);--button-border-radius:var(--base-border-radius,0);--button-border-color:var(--button-color);--button-border-width:var(--base-border-width,2px);--button-border-style:var(--base-border-style,solid);--button-font-weight:var(--font-weight,400);--button-font-size:100%;--button-icon-color:var(--button-text-color)}.button[color=base],.button[data-color=base]{--button-hsl:var(--base-hsl);--button-text-color:var(--base-color)}.button[color=primary],.button[data-color=primary]{--button-hsl:var(--primary-hsl);--button-text-color:var(--primary-color)}.button[color=secondary],.button[data-color=secondary]{--button-hsl:var(--secondary-hsl);--button-text-color:var(--secondary-color)}.button[color=tertiary],.button[data-color=tertiary]{--button-hsl:var(--tertiary-hsl);--button-text-color:var(--tertiary-color)}.button[color=accent],.button[data-color=accent]{--button-hsl:var(--accent-hsl);--button-text-color:var(--accent-color)}.button[color=white],.button[data-color=white]{--button-hsl:var(--white-hsl);--button-text-color:var(--white-color)}.button[color=success],.button[data-color=success]{--button-hsl:var(--green-hsl);--button-text-color:var(--green-color)}.button[color=cancel],.button[color=fail],.button[data-color=cancel],.button[data-color=fail]{--button-hsl:var(--red-hsl);--button-text-color:var(--red-color)}.button[color=warning],.button[data-color=warning]{--button-hsl:var(--yellow-hsl);--button-text-color:var(--yellow-color)}.button[data-size=s],.button[size=s]{--button-padding-block:var(--s-2);--button-padding-inline:var(--s0);--button-font-size:75%}.button[data-size=l],.button[size=l]{--button-padding-block:var(--s0);--button-padding-inline:var(--s2);--button-font-size:120%}.button[data-size=xl],.button[size=xl]{--button-padding-block:var(--s0);--button-padding-inline:var(--s2);--button-font-size:150%}.button[data-size=full-width],.button[size=full-width]{width:100%}.button{background-color:transparent;border-color:var(--button-border-color);border-radius:var(--button-border-radius,0);border-style:var(--button-border-style,solid);border-width:var(--button-border-width,1px);color:var(--button-text-color);font-family:var(--button-font-family);font-size:var(--button-font-size,100%);font-weight:var(--button-font-weight,400);padding:var(--button-padding-block) var(--button-padding-inline)}.button:hover{background-image:linear-gradient(hsla(var(--button-hsl),.05),hsla(var(--button-hsl),.05))}.button:active{background-image:linear-gradient(hsla(var(--button-hsl),.15),hsla(var(--button-hsl),.15));border-color:hsla(var(--button-color),1)}.button:focus{box-shadow:var(--focus-effect)}.button[data-visual=primary],.button[visual=primary]{background-color:hsla(var(--button-hsl),1);border-color:hsla(var(--button-hsl),1);border-style:var(--button-border-style,solid);border-width:var(--button-border-width,0);color:#fff}.button[data-visual=primary]:focus,.button[data-visual=primary]:hover,.button[visual=primary]:focus,.button[visual=primary]:hover{background-image:linear-gradient(#00000026,#00000040)}.button[data-visual=secondary],.button[visual=secondary]{background-color:transparent;border-color:hsla(var(--button-hsl),1);border-style:var(--button-border-style,solid);border-width:var(--button-border-width,1px);color:var(--button-text-color)}.button[data-visual=secondary]:focus,.button[data-visual=secondary]:hover,.button[visual=secondary]:focus,.button[visual=secondary]:hover{background-image:linear-gradient(hsla(var(--button-hsl),.1),hsla(var(--button-hsl),.1))}.button[data-visual=unstyled],.button[visual=unstyled]{border-color:transparent;border-style:var(--button-border-style,solid);border-width:var(--button-border-width,0);color:hsla(var(--button-hsl),1)}@media (max-width:36em){.button[data-mobile=wide],.button[mobile=wide]{width:100%}}.button[data-icon-after],.button[data-icon-before],.button[icon-after],.button[icon-before]{align-items:center;display:inline-flex}.button[data-icon-after]:after,.button[data-icon-before]:before,.button[icon-before]:before{content:attr(icon-before)}.button[icon-after]:after{content:attr(icon-after)}.button[data-icon-after]:after,.button[data-icon-before]:before,.button[icon-after]:after,.button[icon-before]:before{display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-size:calc(var(--button-font-size)*1.5);font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;word-wrap:normal;color:var(--button-icon-color);direction:ltr;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.button[data-icon-before]:before,.button[icon-before]:before{margin-right:var(--s-1)}.button[data-icon-after]:after,.button[icon-after]:after{margin-left:var(--s-1)}.button[data-icon-before]:empty:before,.button[icon-before]:empty:before{margin-right:0}.button[data-icon-after]:empty:after,.button[icon-after]:empty:after{margin-left:0}.button[data-icon-after]:empty,.button[data-icon-before]:empty,.button[icon-after]:empty,.button[icon-before]:empty{padding:var(--button-padding-v) var(--button-padding-v)}.button[data-visual=primary][data-icon-after]:after,.button[data-visual=primary][data-icon-before]:before,.button[visual=primary][icon-after]:after,.button[visual=primary][icon-before]:before{--button-icon-color:var(--white-color)}