.bg-color-system-white-100{--search-field-bg:var(--festool-blue-100)}.bg-color-festool-blue-200,.bg-color-system-white-100{--search-field-placeholder-color:var(--festool-blue-400)}.bg-color-festool-blue-200{--search-field-bg:var(--festool-blue-200)}.bg-color-festool-blue-100{--search-field-bg:var(--system-white-100);--search-field-placeholder-color:var(--festool-blue-400)}.bg-color-festool-blue-600{--search-field-bg:var(--festool-blue-500);--search-field-placeholder-color:var(--festool-blue-300)}.search-field{--search-field-padding-left:calc(var(--space-200) + var(--size-024) + var(--space-100));gap:var(--space-100);height:var(--width-and-height-500);border-radius:var(--radius-100);background-color:var(--search-field-bg,var(--festool-blue-100));box-shadow:inset 0 0 0 var(--search-field-shadow-stroke,0) var(--search-field-shadow-color,transparent);color:var(--text-color);transition:box-shadow var(--transition-micro);align-items:center;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.search-field:hover{--search-field-shadow-stroke:var(--stroke-200);--search-field-shadow-color:var(--text-color)}}.search-field__icon{top:50%;left:var(--space-200);pointer-events:none;position:absolute;transform:translateY(-50%)}.search-field:not(.search-field--mouse-focus,:has(.search-field__input:active)):has(.search-field__input:focus-visible){outline:var(--stroke-250) solid var(--focus-outline-color,var(--festool-green-200));outline-offset:var(--stroke-200)}:is(.search-field:has(.search-field__input:active),.search-field:has(.search-field__input:focus-within)){--search-field-shadow-stroke:var(--stroke-250);--search-field-shadow-color:var(--text-color)}.search-field__input{padding:var(--space-200) var(--space-200) var(--space-200) var(--search-field-padding-left);color:inherit;caret-color:var(--festool-green-200);font:var(--bold-100-ui);background:0 0;border:0;outline:none;flex:1;margin:0}.search-field__input::placeholder{color:var(--search-field-placeholder-color,var(--festool-blue-400));font:var(--bold-100-ui);opacity:1}.search-field__input::-webkit-search-decoration{display:none}.search-field__input::-webkit-search-results-button{display:none}.search-field__input::-webkit-search-results-decoration{display:none}.search-field__input::-webkit-search-cancel-button{appearance:none;width:var(--width-and-height-250);height:var(--width-and-height-250);cursor:pointer;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M12%202C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202m3.879%204.667L12%2010.546l-3.879-3.88-1.454%201.455L10.546%2012l-3.88%203.879%201.455%201.454L12%2013.455l3.879%203.878%201.454-1.454L13.455%2012l3.878-3.879z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M12%202C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202m3.879%204.667L12%2010.546l-3.879-3.88-1.454%201.455L10.546%2012l-3.88%203.879%201.455%201.454L12%2013.455l3.879%203.878%201.454-1.454L13.455%2012l3.878-3.879z'/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}