.Button{display:grid;grid-auto-flow:column;grid-gap:8px;gap:8px;white-space:nowrap;border:0;font-weight:400;align-items:center;align-content:center;justify-items:center;justify-content:center;cursor:pointer;line-height:0;box-sizing:border-box;font-size:var(--button-md-font-size);border-radius:var(--button-md-border-radius);height:var(--button-md-height);padding:var(--button-md-padding)}.Button .MaterialSymbol{font-size:var(--button-md-icon-size)}.Button{border-width:var(--button-border-width);border-style:solid;color:var(--button-primary-color);background-color:var(--button-primary-bg);border-color:var(--button-primary-border-color)}.Button:hover{color:var(--button-primary-hover-color);background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border-colo)}.Button:focus{color:var(--button-primary-focus-color);background-color:var(--button-primary-focus-bg);border-color:var(--button-primary-focus-border-color);outline:0}.Button:active{color:var(--button-primary-active-color);background-color:var(--button-primary-active-bg);border-color:var(--button-primary-active-border-color)}.Button--block{width:100%}.Button:disabled,.Button[disabled]{cursor:not-allowed;border-color:var(--button-primary-disabled-border-color)}.Button:disabled,.Button:disabled:hover,.Button[disabled],.Button[disabled]:hover{color:var(--button-primary-disabled-color);background-color:var(--button-primary-disabled-bg)}.Button--selected{color:var(--button-primary-selected-color);background-color:var(--button-primary-selected-bg);border-color:var(--button-primary-selected-border-color)}.Button--loading{cursor:progress;border-color:var(--button-primary-active-border-color)}.Button--loading,.Button--loading:hover{color:var(--button-primary-active-color);background-color:var(--button-primary-active-bg)}.Button[color=secondary]{color:var(--button-secondary-color);background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border-color)}.Button[color=secondary]:hover{color:var(--button-secondary-hover-color);background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border-color)}.Button[color=secondary]:focus{color:var(--button-secondary-focus-color);background-color:var(--button-secondary-focus-bg);border-color:var(--button-secondary-focus-border-color)}.Button[color=secondary]:active{color:var(--button-secondary-active-color);background-color:var(--button-secondary-active-bg);border-color:var(--button-secondary-active-border-color)}.Button[color=secondary]:disabled,.Button[color=secondary][disabled]{cursor:not-allowed;border-color:var(--button-secondary-disabled-border-color)}.Button[color=secondary]:disabled,.Button[color=secondary]:disabled:hover,.Button[color=secondary][disabled],.Button[color=secondary][disabled]:hover{color:var(--button-secondary-disabled-color);background-color:var(--button-secondary-disabled-bg)}.Button[color=secondary].Button--selected{color:var(--button-secondary-selected-color);background-color:var(--button-secondary-selected-bg);border-color:var(--button-secondary-selected-border-color)}.Button[color=secondary].Button--loading{cursor:progress;border-color:var(--button-secondary-active-border-color)}.Button[color=secondary].Button--loading,.Button[color=secondary].Button--loading:hover{color:var(--button-secondary-active-color);background-color:var(--button-secondary-active-bg)}.Button[color=tertiary]{color:var(--button-tertiary-color);background-color:var(--button-tertiary-bg);border-color:var(--button-tertiary-border-color)}.Button[color=tertiary]:hover{color:var(--button-tertiary-hover-color);background-color:var(--button-tertiary-hover-bg);border-color:var(--button-tertiary-hover-border-color)}.Button[color=tertiary]:focus{color:var(--button-tertiary-focus-color);background-color:var(--button-tertiary-focus-bg);border-color:var(--button-tertiary-focus-border-color)}.Button[color=tertiary]:active{color:var(--button-tertiary-active-color);background-color:var(--button-tertiary-active-bg);border-color:var(--button-tertiary-active-border-color)}.Button[color=tertiary]:disabled,.Button[color=tertiary][disabled]{cursor:not-allowed;border-color:var(--button-tertiary-disabled-border-color)}.Button[color=tertiary]:disabled,.Button[color=tertiary]:disabled:hover,.Button[color=tertiary][disabled],.Button[color=tertiary][disabled]:hover{color:var(--button-tertiary-disabled-color);background-color:var(--button-tertiary-disabled-bg)}.Button[color=tertiary].Button--selected{color:var(--button-tertiary-selected-color);background-color:var(--button-tertiary-selected-bg);border-color:var(--button-tertiary-selected-border-color)}.Button[color=tertiary].Button--loading{cursor:progress;border-color:var(--button-tertiary-active-border-color)}.Button[color=tertiary].Button--loading,.Button[color=tertiary].Button--loading:hover{color:var(--button-tertiary-active-color);background-color:var(--button-tertiary-active-bg)}.Button[color=danger]{color:var(--button-danger-color);background-color:var(--button-danger-bg);border-color:var(--button-danger-border-color)}.Button[color=danger]:hover{color:var(--button-danger-hover-color);background-color:var(--button-danger-hover-bg);border-color:var(--button-danger-hover-border-color)}.Button[color=danger]:focus{color:var(--button-danger-focus-color);background-color:var(--button-danger-focus-bg);border-color:var(--button-danger-focus-border-color)}.Button[color=danger]:active{color:var(--button-danger-active-color);background-color:var(--button-danger-active-bg);border-color:var(--button-danger-active-border-color)}.Button[color=danger]:disabled,.Button[color=danger][disabled]{cursor:not-allowed;border-color:var(--button-danger-disabled-border-color)}.Button[color=danger]:disabled,.Button[color=danger]:disabled:hover,.Button[color=danger][disabled],.Button[color=danger][disabled]:hover{color:var(--button-danger-disabled-color);background-color:var(--button-danger-disabled-bg)}.Button[color=danger].Button--selected{color:var(--button-danger-selected-color);background-color:var(--button-danger-selected-bg);border-color:var(--button-danger-selected-border-color)}.Button[color=danger].Button--loading{cursor:progress;border-color:var(--button-danger-active-border-color)}.Button[color=danger].Button--loading,.Button[color=danger].Button--loading:hover{color:var(--button-danger-active-color);background-color:var(--button-danger-active-bg)}.Button--lg{font-size:var(--button-lg-font-size);border-radius:var(--button-lg-border-radius);height:var(--button-lg-height);padding:var(--button-lg-padding)}.Button--lg .MaterialSymbol{font-size:var(--button-lg-icon-size)}.Button--sm{font-size:var(--button-sm-font-size);border-radius:var(--button-sm-border-radius);height:var(--button-sm-height);padding:var(--button-sm-padding)}.Button--sm .MaterialSymbol{font-size:var(--button-sm-icon-size)}.Button--xs{font-size:var(--button-xs-font-size);border-radius:var(--button-xs-border-radius);height:var(--button-xs-height);padding:var(--button-xs-padding)}.Button--xs .MaterialSymbol{font-size:var(--button-xs-icon-size)}