.bg-color-system-white-100{--dropdown-background-color:var(--festool-blue-200)}.bg-color-festool-blue-100,.bg-color-festool-blue-600{--dropdown-background-color:var(--system-white-100)}.dropdown{--dropdown-font:var(--bold-100-ui);--dropdown-padding-left:var(--space-200);--dropdown-padding-top-active:1.625rem;--dropdown-padding-bottom-active:.375rem;gap:var(--space-100);width:var(--dropdown-width,100%);flex-direction:column;display:flex}.dropdown__helper-message{padding:0 var(--space-200);font:var(--regular-050)}.dropdown--width-fit-content{--dropdown-width:fit-content}.dropdown--width-full{--dropdown-width:100%}.dropdown:has(.dropdown__loading){--loading-dots-width:2.25rem}.dropdown__field{width:100%;height:var(--width-and-height-500);padding:var(--space-200);padding-left:var(--dropdown-padding-left);border-radius:var(--radius-100);background-color:var(--dropdown-background-color);box-shadow:inset 0 0 0 var(--dropdown-shadow-stroke,0) var(--dropdown-shadow-color,var(--festool-blue-600));cursor:pointer;transition:box-shadow var(--transition-micro);align-items:center;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.dropdown__field:hover{--dropdown-shadow-stroke:var(--stroke-200)}}.dropdown__field--error{--dropdown-shadow-color:var(--system-red-200);--dropdown-shadow-stroke:var(--stroke-200)}.dropdown__field:focus-within{--dropdown-shadow-stroke:var(--stroke-250)}.dropdown__field:has(.dropdown__select:focus-visible):not(.dropdown__field--mouse-focus){outline:var(--stroke-250) solid var(--focus-outline-color,var(--festool-green-200));outline-offset:var(--stroke-200)}.dropdown__field:has(.dropdown__select:open){--chevron-transform:translateY(-50%) rotate(180deg)}.dropdown__field--has-value:not(.dropdown__field--no-label){--dropdown-color:var(--festool-blue-600);padding-top:var(--dropdown-padding-top-active);padding-bottom:var(--dropdown-padding-bottom-active)}.dropdown__field--has-value:not(.dropdown__field--no-label) .dropdown__label{font:var(--bold-050);transform:translateY(.375rem)}.dropdown__field--has-value:not(.dropdown__field--no-label) .dropdown__select{padding-top:var(--dropdown-padding-top-active);padding-bottom:var(--dropdown-padding-bottom-active)}.dropdown__field:not(.dropdown__field--has-value)>.dropdown__label{opacity:0}.dropdown__field--no-label,.dropdown__field:not(.dropdown__field--has-value){padding:var(--space-200);padding-left:var(--dropdown-padding-left)}.dropdown__field:has(.dropdown__select:disabled){opacity:var(--disabled-control-opacity);cursor:not-allowed}.dropdown__field--has-icon{--dropdown-padding-left:calc(var(--space-200) + var(--size-024) + var(--space-100))}.dropdown__select{all:unset;box-sizing:border-box;width:100%;height:100%;padding:var(--space-200);padding-right:calc(var(--space-200) + var(--size-024) + var(--space-100));padding-left:var(--dropdown-padding-left);border-radius:var(--radius-100);color:var(--dropdown-color,var(--festool-blue-400));text-overflow:ellipsis;cursor:pointer;transition:padding var(--transition-micro);position:absolute;inset:0}.dropdown__select,.dropdown__sizer{font:var(--dropdown-font);white-space:nowrap}.dropdown__sizer{padding-right:calc(var(--loading-dots-width,var(--size-024)) + var(--space-100) + 1px);visibility:hidden;pointer-events:none}.dropdown__label{top:0;left:var(--dropdown-padding-left);width:calc(100% - var(--dropdown-padding-left)*2);font:var(--bold-100-ui);text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:transform var(--transition-micro),font-size var(--transition-micro),line-height var(--transition-micro),opacity var(--transition-micro);transform:translateY(var(--space-200));overflow:hidden}.dropdown__icon,.dropdown__label{color:var(--festool-blue-400);pointer-events:none;position:absolute}.dropdown__icon{top:50%;left:var(--space-200);transform:translateY(-50%)}.dropdown__chevron{transition:transform .3s ease-in-out}.dropdown__chevron,.dropdown__loading{top:50%;right:var(--space-200);color:var(--festool-blue-600);pointer-events:none;transform:var(--chevron-transform,translateY(-50%));position:absolute}