.input{--input-font:var(--bold-100-ui);--input-padding-left:var(--space-200);--input-box-stroke:0;--input-box-color:var(--festool-blue-600);gap:var(--space-100);flex-direction:column;display:flex}.input__field{width:100%;height:var(--width-and-height-500);border-radius:var(--radius-100);background-color:var(--input-background-color);box-shadow:inset 0 0 0 var(--input-box-stroke) var(--input-box-color);cursor:text;transition:box-shadow var(--transition-micro);display:block;position:relative}@media (hover:hover) and (pointer:fine){.input__field:hover{--input-box-stroke:var(--stroke-200)}}.input__field--has-icon{--input-padding-left:calc(var(--space-200) + var(--size-024) + var(--space-100))}.input__field--has-button{gap:var(--space-100);padding-right:var(--space-200);display:flex}.input__field--has-button .input__input{padding-right:0}.input__field--error{--input-box-color:var(--system-red-200);--input-box-stroke:var(--stroke-200)}.input__field:focus-within{--input-box-stroke:var(--stroke-250)}.input__field:has(.input__input:focus-visible):not(.input__field--mouse-focus){outline:var(--stroke-250) solid var(--focus-outline-color,var(--festool-green-200));outline-offset:var(--stroke-200)}.input__field:has(.input__input:disabled){opacity:var(--disabled-control-opacity)}.input__field:has(.input__input:-moz-read-only){background:var(--input-background-color-readonly)}.input__field:has(.input__input:read-only){background:var(--input-background-color-readonly)}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 var(--space-200) 0 var(--input-padding-left);color:var(--festool-blue-600);caret-color:var(--festool-green-200);font:var(--input-font);transition:padding var(--transition-micro);background-color:#0000;border:none;outline:0;margin:0;position:relative}.input__input::placeholder{color:var(--festool-blue-400);font:var(--input-font);opacity:1}:is(.input__field--label-floating .input__input,.input__input:has(~.input__label):focus-within){--input-date-icon:-.625rem;padding-top:1.25rem}:is(.input__field--label-floating .input__input~.input__label,.input__input:has(~.input__label):focus-within~.input__label){font:var(--bold-050);opacity:1;transform:translateY(.375rem)}.input__input:placeholder-shown~.input__label{opacity:0}.input__input:focus-within::placeholder{opacity:0}.input__input:focus-within~.input__label{opacity:1}.input__input:read-only{cursor:text}.input__input:disabled{cursor:not-allowed}.input__input[type=date]::-webkit-calendar-picker-indicator{appearance:none;width:var(--width-and-height-250);height:var(--width-and-height-250);cursor:pointer;transform:translateY(var(--input-date-icon,0));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='M6%205V3h2v2h8V3h2v2h3a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zM4%207v1h16V7zm16%203H4v10h16zM6%2014v-2h2v2zm5%200v-2h2v2zm5%200v-2h2v2zM6%2018v-2h2v2zm5%200v-2h2v2zm5%200v-2h2v2z'/%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='M6%205V3h2v2h8V3h2v2h3a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zM4%207v1h16V7zm16%203H4v10h16zM6%2014v-2h2v2zm5%200v-2h2v2zm5%200v-2h2v2zM6%2018v-2h2v2zm5%200v-2h2v2zm5%200v-2h2v2z'/%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}.input__input[type=date]::-webkit-date-and-time-value{height:100%;padding-top:var(--size-008);text-align:start}.input__label{top:0;left:var(--input-padding-left);max-width:calc(100% - var(--input-padding-left)*2);font:var(--bold-100-ui);text-overflow:ellipsis;white-space:nowrap;opacity:1;pointer-events:none;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}.input__icon,.input__label{color:var(--festool-blue-400);position:absolute}.input__icon{top:50%;left:var(--space-200);transform:translateY(-50%)}.input__button{align-self:center}.input__advanced-settings{gap:var(--space-100);padding:0 var(--space-200);color:var(--festool-blue-400);font:var(--bold-050);grid-template-columns:1fr auto;display:grid}.input__helper-message{grid-column:1}.input__character-count{grid-column:2}.bg-color-system-white-100{--input-background-color:var(--festool-blue-200);--input-background-color-readonly:var(--festool-blue-100)}.bg-color-festool-blue-100{--input-background-color:var(--system-white-100);--input-background-color-readonly:var(--system-white-transparent-100-40)}.bg-color-festool-blue-600{--input-background-color:var(--system-white-100);--input-background-color-readonly:var(--festool-blue-100)}