.button{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;vertical-align:baseline;text-align:center;border:none;outline:none;min-width:64px;min-height:36px;margin:0;padding:0 16px;font-size:14px;font-weight:500;line-height:36px;text-decoration:none;display:inline-block;overflow:visible}.button__body{grid-gap:3px;grid-auto-flow:column;justify-content:center;align-items:center;gap:3px;display:grid}.button__body .material-icons{position:relative;top:-1px}.button__body .flip{transform:scaleY(-1)}.button{position:relative}.button--compact-width{min-width:auto;padding:0 7px}.button--arrow-head--to-left .arrow-head{top:0;bottom:0;left:0}.button--arrow-head--to-right .arrow-head{top:0;bottom:0;right:0}.button .arrow-head{height:100%;display:block;position:absolute}.button .arrow-head__backdrop,.button .arrow-head__space-between{fill:#0000}.button .arrow-head__tip{fill:var(--color-gray-100)}.button .arrow-head__bg{fill:#fff}.icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--color-gray-200);-webkit-tap-highlight-color:transparent;border-radius:9999rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;text-decoration:none;display:grid;box-shadow:-2px 4px 5px #0000000d}.button,.icon-button{background:var(--color-gray-100);color:var(--text-color-gray-100);transition:all .2s ease-in-out}.button--arrow-head--to-left,.button--arrow-head--to-right,.icon-button--arrow-head--to-left,.icon-button--arrow-head--to-right{transition:none!important}.button:focus,.icon-button:focus{border-color:var(--color-gray-400)}.button:-webkit-autofill{transition:background-color 1s ease-in-out}.button:-webkit-autofill:hover{transition:background-color 1s ease-in-out}.button:-webkit-autofill:focus{transition:background-color 1s ease-in-out}.button:-webkit-autofill:active{transition:background-color 1s ease-in-out}.icon-button:-webkit-autofill{transition:background-color 1s ease-in-out}.icon-button:-webkit-autofill:hover{transition:background-color 1s ease-in-out}.icon-button:-webkit-autofill:focus{transition:background-color 1s ease-in-out}.icon-button:-webkit-autofill:active{transition:background-color 1s ease-in-out}.button:hover,.icon-button:hover{background:var(--color-gray-200);color:var(--text-color-gray-200)}.button:hover .arrow-head .arrow-head__tip,.icon-button:hover .arrow-head .arrow-head__tip{fill:var(--color-gray-200)}.button:disabled,.icon-button:disabled{background:var(--color-gray-50);color:var(--text-color-gray-50);cursor:default;opacity:.5}.button--primary,.button--active,.icon-button--primary,.icon-button--active{background:var(--color-primary-500);color:var(--text-color-primary-500)}.button--primary:hover,.button--active:hover,.icon-button--primary:hover,.icon-button--active:hover{background:var(--color-primary-300);color:var(--text-color-primary-300)}.button--accept,.icon-button--accept{background:var(--color-app-state--ok-500);color:var(--text-color-app-state--ok-500)}.button--accept:hover,.icon-button--accept:hover{background:var(--color-app-state--ok-300);color:var(--text-color-app-state--ok-300)}.button--abort,.icon-button--abort{background:var(--color-app-state--error-500);color:var(--text-color-app-state--error-500)}.button--abort:hover,.icon-button--abort:hover{background:var(--color-app-state--error-300);color:var(--text-color-app-state--error-300)}.button--remove,.icon-button--remove{background:var(--color-app-state--error-700);color:var(--text-color-primary-300)}.button--remove:hover,.icon-button--remove:hover{background:var(--color-app-state--error-300);color:var(--text-color-app-state--error-300)}.button--warning,.icon-button--warning{background:var(--color-primary-500);color:var(--text-color-primary-500)}.button--warning:hover,.icon-button--warning:hover{background:var(--color-primary-300);color:var(--text-color-primary-300)}.button--illustrated .button__body,.icon-button--illustrated .button__body{grid-auto-flow:initial}.button--illustrated .illustration,.icon-button--illustrated .illustration{justify-self:center;width:4rem;margin-top:10px}.button--illustrated .illustration.tool-icon,.icon-button--illustrated .illustration.tool-icon{height:3.34rem}.button--illustrated .illustration.table-icon,.icon-button--illustrated .illustration.table-icon{fill-rule:evenodd;height:3.34rem}.button-bar{grid-gap:.5rem;grid-template-rows:1fr;grid-auto-columns:auto;grid-auto-flow:column;display:grid}.button-bar--align-right{justify-content:flex-end}.button-bar--align-left{justify-content:flex-start}.button-bar--align-center{justify-content:center}.button-bar--slim .button{line-height:2}.button-bar--separator{border-top:1px solid var(--color-gray-300);padding-top:.5rem}.button-bar--pill{border-radius:6px;align-items:stretch;gap:0}.button-bar--pill .button2{cursor:pointer;border-top:2px solid var(--color-gray-200);border-bottom:2px solid var(--color-gray-200);-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:all .2s ease-in-out;display:grid}.button-bar--pill .button2.button--arrow-head--to-right{border-right:0;padding-left:.4rem;padding-right:1.3rem}.button-bar--pill .button2.button--arrow-head--to-right .arrow-head .arrow-head__space-between{fill:var(--color-gray-200)}.button-bar--pill .button2.button--arrow-head--to-right .arrow-head .arrow-head__bg{fill:var(--color-gray-100)}.button-bar--pill .button2.button--arrow-head--to-right:first-child,.button-bar--pill .button2.button--arrow-head--to-right:first-child.button--arrow-head--to-right{border-right:0}.button-bar--pill .button2.button--arrow-head--to-right:first-child.button--arrow-head--to-right .arrow-head .arrow-head__space-between{fill:#0000}.button-bar--pill .button2.button--arrow-head--to-right:first-child.button--arrow-head--to-right .arrow-head .arrow-head__bg{display:none}.button-bar--pill .button2.button--arrow-head--to-right:first-child:before,.button-bar--pill .button2.button--arrow-head--to-right:first-child:after{content:"";width:1rem;height:50%;position:absolute;left:100%}.button-bar--pill .button2.button--arrow-head--to-right:first-child:before{background:linear-gradient(to right top, var(--color-gray-100) 50%, transparent 50%);top:0}.button-bar--pill .button2.button--arrow-head--to-right:first-child:after{background:linear-gradient(to right bottom, var(--color-gray-100) 50%, transparent 50%);top:50%}.button-bar--pill .button2.button--arrow-head--to-right:first-child:hover:before{background:linear-gradient(to right top, var(--color-gray-200) 50%, transparent 50%)}.button-bar--pill .button2.button--arrow-head--to-right:first-child:hover:after{background:linear-gradient(to right bottom, var(--color-gray-200) 50%, transparent 50%)}.button-bar--pill .button2.button--arrow-head--to-right:hover+.button--arrow-head--to-right .arrow-head .arrow-head__bg,.button-bar--pill .button2.button--arrow-head--to-left:hover+.button--arrow-head--to-left .arrow-head .arrow-head__bg{fill:var(--color-gray-200)}.button-bar--pill .button2.button--arrow-head--to-left{border-right:0;padding-left:1.3rem;padding-right:.4rem}.button-bar--pill .button2.button--arrow-head--to-left .arrow-head .arrow-head__space-between{fill:var(--color-gray-200)}.button-bar--pill .button2.button--arrow-head--to-left .arrow-head .arrow-head__bg{fill:var(--color-gray-100)}.button-bar--pill .button2.button--arrow-head--to-left:first-child.button--arrow-head--to-left .arrow-head .arrow-head__space-between{fill:#0000}.button-bar--pill .button2.button--arrow-head--to-left:first-child.button--arrow-head--to-left .arrow-head .arrow-head__bg{display:none}.button-bar--pill .button2.button--arrow-head--to-left:first-child:before,.button-bar--pill .button2.button--arrow-head--to-left:first-child:after{content:"";width:1rem;height:50%;position:absolute;left:-1rem}.button-bar--pill .button2.button--arrow-head--to-left:first-child:before{background:linear-gradient(to left top, var(--color-gray-100) 50%, transparent 50%);top:0}.button-bar--pill .button2.button--arrow-head--to-left:first-child:after{background:linear-gradient(to left bottom, var(--color-gray-100) 50%, transparent 50%);top:50%}.button-bar--pill .button2.button--arrow-head--to-left:first-child:hover:before{background:linear-gradient(to left top, var(--color-gray-200) 50%, transparent 50%)}.button-bar--pill .button2.button--arrow-head--to-left:first-child:hover:after{background:linear-gradient(to left bottom, var(--color-gray-200) 50%, transparent 50%)}