.bg-color-festool-blue-600{--button-secondary-bg:var(--festool-blue-400);--button-secondary-hover:var(--state-hover-secondary-on-dark);--button-secondary-text:var(--system-white-100);--button-tertiary-hover:var(--state-hover-tertiary-on-dark);--button-tertiary-text:var(--system-white-100);--button-highlight-bg:var(--system-white-100);--button-highlight-hover:var(--state-hover-highlight-on-dark);--button-highlight-text:var(--festool-blue-600)}.bg-color-festool-blue-100,.bg-color-system-white-100{--button-secondary-bg:var(--festool-blue-200);--button-secondary-hover:var(--state-hover-secondary);--button-secondary-text:var(--festool-blue-600);--button-tertiary-hover:var(--state-hover-tertiary);--button-tertiary-text:var(--festool-blue-600);--button-highlight-bg:var(--festool-blue-600);--button-highlight-hover:var(--state-hover-highlight);--button-highlight-text:var(--system-white-100)}.button{border-radius:var(--button-border-radius,var(--radius-100));color:var(--button-text-color,var(--system-white-100));display:inline-flex;font:var(--button-font,var(--bold-100-ui));height:var(--button-height,auto);min-width:var(--button-height,unset);padding:var(--button-padding,0 var(--space-200));position:relative;width:var(--button-width,-moz-fit-content);width:var(--button-width,fit-content)}.button__content{align-items:center;display:flex;gap:var(--space-100);justify-content:center;width:100%}.button>*{position:relative}.button:before{background:var(--button-bg-color,var(--festool-green-200));border-radius:inherit;content:"";inset:0;position:absolute;transition:inset var(--transition-micro),background var(--transition-micro)}@media(hover:hover)and (pointer:fine){.button:hover:not(:active):not(:disabled):not(.button--loading):before{background:var(--button-bg-hover,var(--state-hover-primary))}}.button:active:not(:disabled):not(.button--loading):before{inset:var(--button-active-shrink,var(--space-050))}.button:disabled{cursor:not-allowed;opacity:var(--disabled-control-opacity)}.button__loading-dots{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.button__loading-dots+.button__content{visibility:hidden}.button--loading{cursor:wait}.button--loading:disabled{opacity:1}.button--icon-right .button__content{flex-flow:row-reverse}.button--primary{--button-bg-color:var(--festool-green-200);--button-bg-hover:var(--state-hover-primary);--button-text-color:var(--system-white-100)}.button--secondary{--button-bg-color:var(--button-secondary-bg,var(--festool-blue-200));--button-bg-hover:var(--button-secondary-hover,var(--state-hover-secondary));--button-text-color:var(--button-secondary-text,var(--festool-blue-600))}.button--tertiary{--button-bg-color:transparent;--button-bg-hover:var(--button-tertiary-hover,var(--state-hover-tertiary));--button-text-color:var(--button-tertiary-text,var(--festool-blue-600))}.button--tertiary.button--loading,.button--tertiary:disabled{--button-bg-color:var(--button-tertiary-hover,transparent)}@media(hover:hover)and (pointer:fine){.button--tertiary:hover:not(:disabled):not(.button--loading):before{background-color:var(--button-bg-hover)}}.button--highlight{--button-bg-color:var(--button-highlight-bg,var(--festool-blue-600));--button-bg-hover:var(--button-highlight-hover,var(--state-hover-highlight));--button-text-color:var(--button-highlight-text,var(--system-white-100))}.button--danger{--button-bg-color:var(--system-red-200);--button-bg-hover:var(--state-hover-danger);--button-text-color:var(--system-white-100)}.button:focus-visible{outline:var(--stroke-250) solid var(--focus-outline-color,--festool-green-200);outline-offset:var(--stroke-200)}.button--floating{height:unset;width:unset;--button-border-radius:var(--radius-900)}.button--floating:before{box-shadow:var(--shadow-200)}.button--floating.button--loading{max-width:var(--button-loading-width,unset)}.button--size-050{--button-width:var(--width-and-height-400);--button-height:var(--width-and-height-400);--button-padding:0 var(--space-100);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.button--size-050.button--floating{--button-padding:var(--space-100)}.button--size-100{--button-width:var(--width-and-height-500);--button-height:var(--width-and-height-500);--button-padding:0 var(--space-200);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.button--size-100.button--floating{--button-padding:var(--space-200)}.button--size-200{--button-width:var(--width-and-height-700);--button-height:var(--width-and-height-700);--button-padding:0 var(--space-250);--button-active-shrink:var(--space-100);--button-font:var(--bold-200)}.button--size-200.button--floating{--button-padding:var(--space-225)}.button--icon-only{--button-padding:0}.button--width-full{--button-width:100%}.button--width-fit-content{--button-width:fit-content}@media only screen and (min-width:768px){.v200-button--size-050{--button-width:var(--width-and-height-400);--button-height:var(--width-and-height-400);--button-padding:0 var(--space-100);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v200-button--size-050.button--floating{--button-padding:var(--space-100)}.v200-button--size-100{--button-width:var(--width-and-height-500);--button-height:var(--width-and-height-500);--button-padding:0 var(--space-200);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v200-button--size-100.button--floating{--button-padding:var(--space-200)}.v200-button--size-200{--button-width:var(--width-and-height-700);--button-height:var(--width-and-height-700);--button-padding:0 var(--space-250);--button-active-shrink:var(--space-100);--button-font:var(--bold-200)}.v200-button--size-200.button--floating{--button-padding:var(--space-225)}.v200-button--icon-only{--button-padding:0}.v200-button--width-full{--button-width:100%}.v200-button--width-fit-content{--button-width:fit-content}}@media only screen and (min-width:992px){.v300-button--size-050{--button-width:var(--width-and-height-400);--button-height:var(--width-and-height-400);--button-padding:0 var(--space-100);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v300-button--size-050.button--floating{--button-padding:var(--space-100)}.v300-button--size-100{--button-width:var(--width-and-height-500);--button-height:var(--width-and-height-500);--button-padding:0 var(--space-200);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v300-button--size-100.button--floating{--button-padding:var(--space-200)}.v300-button--size-200{--button-width:var(--width-and-height-700);--button-height:var(--width-and-height-700);--button-padding:0 var(--space-250);--button-active-shrink:var(--space-100);--button-font:var(--bold-200)}.v300-button--size-200.button--floating{--button-padding:var(--space-225)}.v300-button--icon-only{--button-padding:0}.v300-button--width-full{--button-width:100%}.v300-button--width-fit-content{--button-width:fit-content}}@media only screen and (min-width:1280px){.v400-button--size-050{--button-width:var(--width-and-height-400);--button-height:var(--width-and-height-400);--button-padding:0 var(--space-100);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v400-button--size-050.button--floating{--button-padding:var(--space-100)}.v400-button--size-100{--button-width:var(--width-and-height-500);--button-height:var(--width-and-height-500);--button-padding:0 var(--space-200);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v400-button--size-100.button--floating{--button-padding:var(--space-200)}.v400-button--size-200{--button-width:var(--width-and-height-700);--button-height:var(--width-and-height-700);--button-padding:0 var(--space-250);--button-active-shrink:var(--space-100);--button-font:var(--bold-200)}.v400-button--size-200.button--floating{--button-padding:var(--space-225)}.v400-button--icon-only{--button-padding:0}.v400-button--width-full{--button-width:100%}.v400-button--width-fit-content{--button-width:fit-content}}@media only screen and (min-width:1920px){.v500-button--size-050{--button-width:var(--width-and-height-400);--button-height:var(--width-and-height-400);--button-padding:0 var(--space-100);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v500-button--size-050.button--floating{--button-padding:var(--space-100)}.v500-button--size-100{--button-width:var(--width-and-height-500);--button-height:var(--width-and-height-500);--button-padding:0 var(--space-200);--button-active-shrink:var(--space-050);--button-font:var(--bold-100-ui)}.v500-button--size-100.button--floating{--button-padding:var(--space-200)}.v500-button--size-200{--button-width:var(--width-and-height-700);--button-height:var(--width-and-height-700);--button-padding:0 var(--space-250);--button-active-shrink:var(--space-100);--button-font:var(--bold-200)}.v500-button--size-200.button--floating{--button-padding:var(--space-225)}.v500-button--icon-only{--button-padding:0}.v500-button--width-full{--button-width:100%}.v500-button--width-fit-content{--button-width:fit-content}}