.dl-input{position:relative;display:flex;flex-direction:column;gap:var(--dl-space-2);width:100%}.dl-input__field{width:100%;min-height:2.875rem;padding:0 var(--dl-space-4);color:var(--dl-state-input-text);font-size:var(--dl-font-size-input);font-weight:var(--dl-font-weight-regular);line-height:var(--dl-line-height-normal);background:var(--dl-state-input-background);border:1px solid var(--dl-state-input-border);border-radius:var(--dl-radius-input);box-shadow:var(--dl-state-input-shadow);transition:var(--dl-transition-input);-webkit-appearance:none;appearance:none}textarea.dl-input__field{min-height:8rem;padding-block:var(--dl-space-4);resize:vertical}select.dl-input__field{padding-right:3rem;cursor:var(--dl-cursor-pointer)}.dl-input__field::placeholder{color:var(--dl-state-input-placeholder);opacity:1}.dl-input__field:hover{background:var(--dl-state-input-background-hover);border-color:var(--dl-state-input-border-hover);box-shadow:var(--dl-state-input-shadow-hover)}.dl-input__field:focus,.dl-input__field:focus-visible{color:var(--dl-state-input-text);background:var(--dl-state-input-background-focus);border-color:var(--dl-state-input-border-focus);outline:2px solid transparent;outline-offset:2px;box-shadow:var(--dl-state-input-shadow-focus)}.dl-input__field:-webkit-autofill,.dl-input__field:-webkit-autofill:hover,.dl-input__field:-webkit-autofill:focus,.dl-input__field:-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--dl-state-input-text);caret-color:var(--dl-state-input-text);box-shadow:0 0 0 1000px var(--dl-state-input-background-focus) inset;transition:background-color 9999s ease-out 0s}.dl-input__field:disabled{cursor:var(--dl-cursor-not-allowed);color:var(--dl-state-input-text-disabled);background:var(--dl-state-input-background-disabled);border-color:var(--dl-state-input-border-disabled);box-shadow:none;opacity:1}.dl-input__field[readonly]{cursor:var(--dl-cursor-default);color:var(--dl-state-input-text-readonly);background:var(--dl-state-input-background-readonly);border-color:var(--dl-state-input-border-readonly);box-shadow:none;opacity:1}.dl-input--sm .dl-input__field{min-height:2.5rem;font-size:var(--dl-font-size-sm)}.dl-input--md .dl-input__field{min-height:2.875rem}.dl-input--lg .dl-input__field{min-height:3.25rem;font-size:var(--dl-font-size-base)}.dl-input--icon-left .dl-input__field{padding-left:2.875rem}.dl-input__icon--left{position:absolute;top:50%;left:var(--dl-space-4);display:inline-flex;align-items:center;justify-content:center;width:var(--dl-icon-size-sm);height:var(--dl-icon-size-sm);color:var(--dl-color-text-tertiary);transform:translateY(-50%);pointer-events:none}.dl-input--icon-right .dl-input__field{padding-right:2.875rem}.dl-input__icon--right{position:absolute;top:50%;right:var(--dl-space-4);display:inline-flex;align-items:center;justify-content:center;width:var(--dl-icon-size-sm);height:var(--dl-icon-size-sm);color:var(--dl-color-text-tertiary);transform:translateY(-50%)}.dl-input__icon--left svg,.dl-input__icon--right svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor}.dl-input.is-error .dl-input__field{border-color:var(--dl-state-error-border)}.dl-input.is-error .dl-input__field:focus,.dl-input.is-error .dl-input__field:focus-visible{border-color:var(--dl-state-error-border);box-shadow:var(--dl-state-focus-error-ring)}.dl-input.is-error .dl-input__icon--left,.dl-input.is-error .dl-input__icon--right{color:var(--dl-state-error-icon)}.dl-input.is-success .dl-input__field{border-color:var(--dl-state-success-border)}.dl-input.is-success .dl-input__field:focus,.dl-input.is-success .dl-input__field:focus-visible{border-color:var(--dl-state-success-border);box-shadow:var(--dl-state-focus-success-ring)}.dl-input.is-success .dl-input__icon--left,.dl-input.is-success .dl-input__icon--right{color:var(--dl-state-success-icon)}.dl-input--search .dl-input__field{border-radius:var(--dl-radius-full)}@media(prefers-reduced-motion:reduce){.dl-input__field{transition:none}}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media screen and (max-width:680px){.dl-input__field,.dl-input--md .dl-input__field{min-height:44px;padding-inline:15px;font-size:16px}.dl-input--lg .dl-input__field{min-height:48px}.dl-input--icon-left .dl-input__field{padding-left:44px}.dl-input--icon-right .dl-input__field{padding-right:44px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dl-component-input.css.map */