@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;@layer ds-atoms{.text-field{width:100%}.text-field--large{height:40px}.text-field--small{height:32px}.text-field--relative{position:relative}.text-field__control{display:block;width:100%;height:100%;border-width:1px;border-style:solid;border-radius:var(--corner-radius-r8);font-weight:500;transition-property:background-color,border-color,color;transition-duration:var(--timings-default);transition-timing-function:var(--easings-ease)}.text-field__control::placeholder{font-size:var(--typography-t4-font-size);line-height:1}.text-field__control::-webkit-inner-spin-button,.text-field__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field__control[type=number]{-moz-appearance:textfield}.text-field__control--centered{text-align:center}.text-field__control--large{font-size:var(--typography-t5-font-size);line-height:var(--typography-t5-line-height);font-weight:500}.text-field__control--small{font-size:var(--typography-t3-font-size);line-height:var(--typography-t3-line-height);font-weight:500}.text-field__control--default-padding.text-field__control--large{padding:0 calc(var(--spacings-s10) - 1px)}.text-field__control--default-padding.text-field__control--small{padding:0 calc(var(--spacings-s6) - 1px)}.text-field__control--placeholder-padding.text-field__control--large{padding-inline-start:calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--placeholder-padding.text-field__control--small{padding-inline-start:calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--button-padding.text-field__control--large{padding-inline-end:calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--button-padding.text-field__control--small{padding-inline-end:calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__placeholder-icon{display:inline-block;vertical-align:top;position:absolute;top:0;bottom:0;margin:auto 0;pointer-events:none}.text-field__placeholder-icon--large{width:20px;height:20px;inset-inline-start:var(--spacings-s10)}.text-field__placeholder-icon--small{width:20px;height:20px;inset-inline-start:var(--spacings-s6)}.text-field__button{display:inline-block;vertical-align:top;position:absolute;top:0;bottom:0;margin:auto 0;cursor:pointer}.text-field__button--large{width:20px;height:20px;inset-inline-end:var(--spacings-s10)}.text-field__button--small{width:20px;height:20px;inset-inline-end:var(--spacings-s6)}.text-field--default-skin{border-color:var(--control-colors-border-default);color:var(--control-colors-value-default);background-color:var(--text-field-bg-override,var(--control-colors-field-background-default))}@media (hover:hover) and (pointer:fine){.text-field--interactive:hover{border-color:var(--control-colors-border-action);color:var(--control-colors-value-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-action))}}@media (hover:none) and (pointer:coarse){.text-field--interactive:active{border-color:var(--control-colors-border-action);color:var(--control-colors-value-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-action))}}.text-field--filled,.text-field--interactive:focus{border-color:var(--control-colors-border-active);color:var(--control-colors-value-active);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active))}@media (hover:hover) and (pointer:fine){.text-field--filled:hover{border-color:var(--control-colors-border-active-action);color:var(--control-colors-value-active-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active-action))}}@media (hover:none) and (pointer:coarse){.text-field--filled:active{border-color:var(--control-colors-border-active-action);color:var(--control-colors-value-active-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active-action))}}.text-field--error{border-color:var(--error-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--error:hover{border-color:var(--error-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--error:active{border-color:var(--error-colors-base-active)}}.text-field--error-active{border-color:var(--error-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--error-active:hover{border-color:var(--error-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--error-active:active{border-color:var(--error-colors-base-active-action)}}.text-field--warning{border-color:var(--warning-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--warning:hover{border-color:var(--warning-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--warning:active{border-color:var(--warning-colors-base-action)}}.text-field--warning-active{border-color:var(--warning-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--warning-active:hover{border-color:var(--warning-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--warning-active:active{border-color:var(--warning-colors-base-active-action)}}.text-field--success{border-color:var(--success-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--success:hover{border-color:var(--success-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--success:active{border-color:var(--success-colors-base-action)}}.text-field--success-active{border-color:var(--success-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--success-active:hover{border-color:var(--success-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--success-active:active{border-color:var(--success-colors-base-active-action)}}.text-field--disabled,.text-field--disabled-icon{opacity:var(--states-disabled)}.text-field--disabled-icon{cursor:auto}.text-field--without-background{--text-field-bg-override:transparent}.text-field--without-borders{border-style:none}.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-default)}.text-field__skin-placeholder-icon>path{fill:currentColor}.text-field__skin-button{border:none;background:none;color:var(--control-colors-end-icon-default);transition:color var(--timings-default) var(--easings-ease)}@media (hover:hover) and (pointer:fine){.text-field__skin-button:hover{color:var(--control-colors-end-icon-action)}}@media (hover:none) and (pointer:coarse){.text-field__skin-button:active{color:var(--control-colors-end-icon-action)}}.text-field__skin-button-icon{display:block;width:100%;height:100%}.text-field__skin-button-icon>path{fill:currentColor}@media (hover:hover) and (pointer:fine){.text-field--interactive:hover+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-action)}}@media (hover:none) and (pointer:coarse){.text-field--interactive:active+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-action)}}.text-field--filled+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active)}@media (hover:hover) and (pointer:fine){.text-field--filled:hover+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--filled:active+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active-action)}}}