.ds-c-input{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--ds-font-family-brand,"Roboto",Arial,Helvetica,sans-serif);font-size:var(--ds-font-size-label-2,1.125rem);font-weight:var(--ds-font-stack-label-2-font-weight,700);line-height:var(--ds-font-stack-label-2-line-height,1.5);padding:0}.ds-c-input__label{color:var(--ds-color-alias-form-label-default);margin-bottom:var(--ds-size-spacing-md,8px)}.ds-c-input--required .ds-c-input__label span{color:var(--ds-color-palette-red,#d50000)}.ds-c-input .ds-c-input--empty-message{height:0;width:0}.ds-c-input .ds-c-input--error-message,.ds-c-input .ds-c-input--success-message,.ds-c-input .ds-c-input--warning-message{align-items:center;color:var(--ds-color-monochrome-darker,#262626);display:flex;margin-top:var(--ds-size-spacing-md,8px);order:1}.ds-c-input .ds-c-input__input{align-items:flex-start;background-color:var(--ds-color-palette-white,#fff);border-color:var(--ds-color-monochrome-light,#d8d8d8);border-radius:var(--ds-size-border-radius-base,2px);border-style:solid;border-width:var(--ds-size-border-width-sm,1px);color:var(--ds-color-palette-black,#000);font-family:var(--ds-font-family-base,"Roboto",Arial,Helvetica,sans-serif);font-size:var(--ds-font-size-body-1,1rem);font-weight:var(--ds-font-stack-body-1-font-weight,400);height:var(--ds-size-spacing-4xl);line-height:var(--ds-font-stack-body-1-line-height,1.5);padding:calc(var(--ds-size-spacing-xl)/2);transform:translateZ(0);width:100%}.ds-c-input .ds-c-input__input[data-invalid=true],.ds-c-input.ds-c-input--error .ds-c-input__input{border-color:var(--ds-color-semantic-error-base);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-error-base)}.ds-c-input.ds-c-input--warning .ds-c-input__input{border-color:var(--ds-color-semantic-warning-base);border-width:var(--ds-size-border-width-md,2px)}.ds-c-input .ds-c-input__input:disabled,.ds-c-input.ds-c-input--disabled .ds-input__input{cursor:not-allowed;opacity:var(--ds-modifier-opacity-50)}.ds-c-input.ds-c-input--button .ds-c-input__input{border-radius:var(--ds-size-border-radius-base-hard-right);border-right:none}.ds-c-input.ds-c-input--icon-leading .ds-c-input--group .ds-c-input__input{padding-left:0}.ds-c-input.ds-c-input--button-trailing .ds-c-input--group .ds-c-input__input{padding-right:0}.ds-c-input .ds-c-input--group{align-items:center;border-color:var(--ds-color-alias-border);border-radius:var(--ds-size-border-radius-base,2px);border-style:solid;border-width:var(--ds-size-border-width-sm,1px);display:flex;height:var(--ds-size-spacing-4xl);overflow:hidden;padding:0}.ds-c-input__button--trailing{margin-bottom:var(--ds-size-spacing-xs,2px);margin-left:0;margin-right:var(--ds-size-spacing-xs,2px);margin-top:var(--ds-size-spacing-xs,2px);min-height:calc(var(--ds-size-spacing-3xl) + var(--ds-size-spacing-sm));min-width:calc(var(--ds-size-spacing-3xl) + var(--ds-size-spacing-sm))}.ds-c-input__button--trailing,.ds-c-input__icon--leading{align-items:center;display:flex;height:var(--ds-size-spacing-4xl);transform:none}.ds-c-input__button--trailing,.ds-c-input__icon--leading svg{height:var(--ds-size-spacing-xl);position:static;text-align:center;width:auto}.ds-c-input.ds-c-input--button-trailing .ds-c-input--group .ds-c-input__button--trailing{border-radius:var(--ds-size-border-radius-base-hard-left)}.ds-c-input.ds-c-input--button.ds-c-input--button-trailing .ds-c-input--group .ds-c-input__button--trailing{border-radius:0}.ds-c-input.ds-c-input--button .ds-c-input--group{border-radius:var(--ds-size-border-radius-base-hard-right);border-right:none}.ds-c-input .ds-c-input__input[data-invalid=true]:hover,.ds-c-input.ds-c-input--error .ds-c-input__input:hover,.ds-c-input.ds-c-input--warning .ds-c-input__input:hover{outline:2px solid transparent;outline-offset:2px;transition-duration:var(--ds-modifier-transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--ds-modifier-transition-default)}.ds-c-input .ds-c-input__input[data-invalid=true]:hover,.ds-c-input.ds-c-input--error .ds-c-input__input:hover{border-color:var(--ds-color-semantic-error-darker);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-error-darker)}.ds-c-input.ds-c-input--warning .ds-c-input__input:hover{border-color:var(--ds-color-semantic-warning-darker);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-warning-darker)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input__input:not(:disabled):active{border-color:var(--ds-color-palette-black,#000);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-monochrome-black)}.ds-c-input:not(.ds-c-input--disabled,.ds-c-input--error,.ds-c-input--warning) .ds-c-input__input:not(:disabled,[data-invalid=true]):hover{border-color:var(--ds-color-palette-black,#000);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-monochrome-black);transition:var(--ds-modifier-transition-default);transition-property:border-color,box-shadow;transition-timing-function:var(--ds-modifier-transition-default)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input__input:not(:disabled):focus{border-color:var(--ds-color-palette-brand-1,#1976d2);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-palette-brand-1);outline:2px solid transparent;outline-offset:2px;transition-duration:var(--ds-modifier-transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--ds-modifier-transition-default)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group .ds-c-input__input:not(:disabled),.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group .ds-c-input__input:not(:disabled):focus,.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group .ds-c-input__input:not(:disabled):hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background:0 0;border-style:none;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ds-c-input.ds-c-input--icon-leading:not(.ds-c-input--disabled) .ds-c-input--group .ds-c-input__input:not(:disabled){padding-left:0}.ds-c-input.ds-c-input--button-trailing:not(.ds-c-input--disabled) .ds-c-input--group:not(.ds-c-input--has-tags) .ds-c-input__input:not(:disabled){padding-right:calc(var(--ds-size-spacing-xl)/2)}.ds-c-input.ds-c-input--error .ds-c-input--group{border-color:var(--ds-color-semantic-error-base);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-error-base)}.ds-c-input.ds-c-input--warning .ds-c-input--group{border-color:var(--ds-color-semantic-warning-base);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-warning-base)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group:active{border-color:var(--ds-color-palette-black,#000);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-monochrome-black)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group:focus-within,.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group:hover{transition-duration:var(--ds-modifier-transition-duration);transition-property:border-color,box-shadow;transition-timing-function:var(--ds-modifier-transition-default)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group:focus-within{border-color:var(--ds-color-palette-brand-1,#1976d2);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-palette-brand-1)}.ds-c-input:not(.ds-c-input--disabled) .ds-c-input--group:hover{border-color:var(--ds-color-palette-black,#000);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-monochrome-black)}.ds-c-input.ds-c-input--error .ds-c-input--group:hover{border-color:var(--ds-color-semantic-error-darker);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-error-darker)}.ds-c-input.ds-c-input--warning .ds-c-input--group:hover{border-color:var(--ds-color-semantic-warning-darker);box-shadow:inset 0 0 0 var(--ds-size-border-width-sm) var(--ds-color-semantic-warning-darker)}.ds-c-input__icon--leading{padding:calc(var(--ds-size-spacing-md) + var(--ds-size-spacing-sm))}.ds-c-input--error-message svg,.ds-c-input--success-message svg,.ds-c-input--warning-message svg{display:inline-block;flex-shrink:0;height:var(--ds-size-spacing-xl);margin-right:calc(var(--ds-size-spacing-lg) - var(--ds-size-spacing-sm));vertical-align:middle;width:var(--ds-size-spacing-xl)}.ds-c-input--error-message svg{color:var(--ds-color-semantic-error-base)}.ds-c-input--warning-message svg{color:var(--ds-color-semantic-warning-base)}.ds-c-input--success-message svg{color:var(--ds-color-semantic-success-base)}.ds-c-input--supporting-text{color:var(--ds-color-monochrome-dark,#404040);font-family:var(--ds-font-family-base,"Roboto",Arial,Helvetica,sans-serif);font-size:var(--ds-font-size-body-1,1rem);font-weight:var(--ds-font-stack-body-1-font-weight,400);line-height:var(--ds-font-stack-body-1-line-height,1.5);margin-bottom:var(--ds-size-spacing-md,8px)}.ds-c-input--group-wrapper,.ds-c-input--wrapper{width:100%}.ds-c-input--button-wrapper{display:flex}.ds-c-input.ds-c-input--button .ds-c-input__button.ds-c-button{border-radius:var(--ds-size-border-radius-base-hard-left);flex-shrink:0}.ds-c-input--sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}