.loading-dots{--loading-dots-step:calc(var(--loading-dots-dot-margin) + var(--loading-dots-dot-size));justify-content:center;align-items:center;height:100%;display:flex}.loading-dots__dot{width:var(--loading-dots-dot-size,8px);height:var(--loading-dots-dot-size,8px);margin-right:var(--loading-dots-dot-margin,4px);background-color:currentColor;border-radius:50%;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loading-dots__dot:first-child{opacity:1;animation-name:dot-1}.loading-dots__dot:nth-child(2){opacity:.5;animation-name:dot-2}.loading-dots__dot:nth-child(3){opacity:.25;animation-name:dot-3}.loading-dots--size-050{--loading-dots-dot-size:.25rem;--loading-dots-dot-margin:2px}.loading-dots--size-100{--loading-dots-dot-size:.5rem;--loading-dots-dot-margin:.25rem}@media only screen and (width>=768px){.v200-loading-dots--size-050{--loading-dots-dot-size:.25rem;--loading-dots-dot-margin:2px}.v200-loading-dots--size-100{--loading-dots-dot-size:.5rem;--loading-dots-dot-margin:.25rem}}@media only screen and (width>=992px){.v300-loading-dots--size-050{--loading-dots-dot-size:.25rem;--loading-dots-dot-margin:2px}.v300-loading-dots--size-100{--loading-dots-dot-size:.5rem;--loading-dots-dot-margin:.25rem}}@media only screen and (width>=1280px){.v400-loading-dots--size-050{--loading-dots-dot-size:.25rem;--loading-dots-dot-margin:2px}.v400-loading-dots--size-100{--loading-dots-dot-size:.5rem;--loading-dots-dot-margin:.25rem}}@media only screen and (width>=1920px){.v500-loading-dots--size-050{--loading-dots-dot-size:.25rem;--loading-dots-dot-margin:2px}.v500-loading-dots--size-100{--loading-dots-dot-size:.5rem;--loading-dots-dot-margin:.25rem}}@keyframes dot-1{0%,to{translate:0}33%{translate:calc(var(--loading-dots-step))}66%{translate:calc(var(--loading-dots-step)*2)}}@keyframes dot-2{0%,to{translate:0}33%{translate:calc(var(--loading-dots-step))}66%{translate:calc(var(--loading-dots-step)*-1)}}@keyframes dot-3{0%,to{translate:0}33%{translate:calc(var(--loading-dots-step)*-2)}66%{translate:calc(var(--loading-dots-step)*-1)}}.bg-color-festool-blue-400,.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{width:var(--button-width,-moz-fit-content);width:var(--button-width,fit-content);border-radius:var(--button-border-radius,var(--radius-100));display:inline-flex}@media (hover:hover) and (pointer:fine){.button:hover:not(:active,:disabled,.button--loading) .button__content:before{background:var(--button-bg-hover,var(--state-hover-primary))}}.button__content{gap:var(--space-100);width:100%;min-width:var(--button-height,unset);height:var(--button-height,auto);padding:var(--button-padding,0 var(--space-200));border-radius:inherit;color:var(--button-text-color,var(--system-white-100));font:var(--button-font,var(--bold-100-ui));justify-content:center;align-items:center;display:flex;position:relative}.button__content:before{content:"";border-radius:inherit;background:var(--button-bg-color,var(--festool-green-200));transition:inset var(--transition-micro),background var(--transition-micro);position:absolute;inset:0}.button__content>*{position:relative}.button:active:not(:disabled,.button--loading) .button__content:before{inset:var(--button-active-shrink,var(--space-050))}@media (prefers-reduced-motion:reduce){.button:active:not(:disabled,.button--loading) .button__content:before{inset:0}}.button:disabled{opacity:var(--disabled-control-opacity);cursor:not-allowed}.button__loading-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button__loading-dots~span{visibility:hidden}.button--loading{cursor:wait}.button--loading:disabled{opacity:1}.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))}@media (hover:hover) and (pointer:fine){.button--tertiary:hover:not(:disabled,.button--loading) .button__content:before{background-color:var(--button-bg-hover)}}.button--tertiary.button--loading,.button--tertiary:disabled{--button-bg-color:var(--button-tertiary-hover,transparent)}.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--floating{--button-height:unset;--button-width:unset;--button-border-radius:var(--radius-900)}.button--floating .button__content:before{box-shadow:var(--shadow-200)}.button--floating.button--loading{max-width:var(--button-loading-width,unset)}.button--icon-only{--button-width:var(--button-height)}.button--size-050{--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-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-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--width-full{--button-width:100%}.button--width-fit-content{--button-width:fit-content}.button--icon-only{--button-padding:0}@media only screen and (width>=768px){.v200-button--size-050{--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-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-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--width-full{--button-width:100%}.v200-button--width-fit-content{--button-width:fit-content}.v200-button--icon-only{--button-padding:0}}@media only screen and (width>=992px){.v300-button--size-050{--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-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-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--width-full{--button-width:100%}.v300-button--width-fit-content{--button-width:fit-content}.v300-button--icon-only{--button-padding:0}}@media only screen and (width>=1280px){.v400-button--size-050{--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-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-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--width-full{--button-width:100%}.v400-button--width-fit-content{--button-width:fit-content}.v400-button--icon-only{--button-padding:0}}@media only screen and (width>=1920px){.v500-button--size-050{--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-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-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--width-full{--button-width:100%}.v500-button--width-fit-content{--button-width:fit-content}.v500-button--icon-only{--button-padding:0}}