.kkumi-input{position:relative;display:block;width:100%}.kkumi-input__field{width:100%;background:var(--kk-input-bg, #f8f9fa);border:2px solid var(--kk-input-border, #e9ecef);border-radius:var(--kk-input-radius, 12px);color:var(--kk-input-text, #1a1a1a);font-family:inherit;font-size:15px;font-weight:500;line-height:normal;padding:28px 16px 8px;height:64px;margin:0;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.kkumi-input__field::placeholder{color:var(--kk-input-placeholder, #8b7886);opacity:1}.kkumi-input__field:-webkit-autofill,.kkumi-input__field:-webkit-autofill:hover,.kkumi-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--kk-input-text, #1a1a1a);-webkit-box-shadow:0 0 0 1000px var(--kk-input-bg, #f8f9fa) inset;box-shadow:0 0 0 1000px var(--kk-input-bg, #f8f9fa) inset;border-radius:var(--kk-input-radius, 12px);transition:background-color 9999s ease-in-out 0s;caret-color:var(--kk-input-text, #1a1a1a)}.kkumi-input__field:focus{outline:none;background:var(--kk-input-focus-bg, #fff);border-color:var(--kk-input-focus-border, #E0277F);box-shadow:0 4px 12px #0000000d}.kkumi-input__label{position:absolute;top:50%;left:16px;font-size:14px;font-weight:700;color:var(--kk-input-placeholder, #8b7886);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;transform-origin:left top;transform:translateY(-50%) scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1),top .2s cubic-bezier(.4,0,.2,1),color .2s ease;margin:0;line-height:1;background:transparent;white-space:nowrap}.kkumi-input__field:focus+.kkumi-input__label,.kkumi-input__field:not(:placeholder-shown)+.kkumi-input__label{top:12px;transform:translateY(0) scale(.75);color:var(--kk-input-focus-border, #E0277F)}.kkumi-input__field:disabled{opacity:.55;cursor:not-allowed}.kkumi-input__field[readonly]{cursor:default}.kkumi-input--compact .kkumi-input__field{height:48px;padding:18px 16px 6px;font-size:14px;border-radius:var(--kk-input-radius, 10px)}.kkumi-input--compact .kkumi-input__label{font-size:11px;letter-spacing:.5px;left:16px}.kkumi-input--compact .kkumi-input__field:focus+.kkumi-input__label,.kkumi-input--compact .kkumi-input__field:not(:placeholder-shown)+.kkumi-input__label{top:8px;transform:translateY(0) scale(.85)}.kkumi-input--inline .kkumi-input__field{padding:14px 16px;height:auto;background:transparent;border:0}.kkumi-input--inline .kkumi-input__field:focus{background:transparent;box-shadow:none;border:0}.kkumi-input--inline .kkumi-input__label{display:none}.kkumi-input.has-error .kkumi-input__field,.kkumi-input .kkumi-input__field[aria-invalid=true]{border-color:var(--kk-input-error, #d12c2c)}.kkumi-input.has-error .kkumi-input__label,.kkumi-input .kkumi-input__field[aria-invalid=true]+.kkumi-input__label{color:var(--kk-input-error, #d12c2c)}.field{--kk-input-bg-eff: var(--kk-input-bg, #f8f9fa)}input.field__input:not([type=checkbox]):not([type=radio]):not([type=file]){background:var(--kk-input-bg, #f8f9fa)!important;border-color:var(--kk-input-border, #e9ecef)!important;color:var(--kk-input-text, #1a1a1a)!important;border-radius:var(--kk-input-radius, 12px)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}input.field__input::placeholder{color:var(--kk-input-placeholder, #8b7886)}input.field__input:focus,.field:focus-within input.field__input{background:var(--kk-input-focus-bg, #fff)!important;border-color:var(--kk-input-focus-border, #E0277F)!important;box-shadow:0 4px 12px #0000000d!important}.field__label{color:var(--kk-input-placeholder, #8b7886)!important}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{color:var(--kk-input-focus-border, #E0277F)!important}.field__input:-webkit-autofill{-webkit-text-fill-color:var(--kk-input-text, #1a1a1a)!important;-webkit-box-shadow:0 0 0 1000px var(--kk-input-bg, #f8f9fa) inset!important;caret-color:var(--kk-input-text, #1a1a1a)!important;border-radius:var(--kk-input-radius, 12px)!important}.floating-group input,.floating-group textarea,.textarea-group textarea,.kk-input-wrapper{background:var(--kk-input-bg, #f8f9fa)!important;border-color:var(--kk-input-border, #e9ecef)!important;color:var(--kk-input-text, #1a1a1a)!important;border-radius:var(--kk-input-radius, 12px)!important}.floating-group input::placeholder,.floating-group textarea::placeholder,.textarea-group textarea::placeholder{color:var(--kk-input-placeholder, #8b7886)}.floating-group label{color:var(--kk-input-placeholder, #8b7886)!important}.floating-group input:focus,.floating-group textarea:focus,.textarea-group textarea:focus,.kk-input-wrapper:focus-within{background:var(--kk-input-focus-bg, #fff)!important;border-color:var(--kk-input-focus-border, #E0277F)!important;box-shadow:0 4px 12px #0000000d!important}.floating-group input:focus+label,.floating-group input:not(:placeholder-shown)+label,.custom-select-group input:focus~label,.custom-select-group input:not(:placeholder-shown)~label{color:var(--kk-input-focus-border, #E0277F)!important}.kkumi-search__input{background:var(--kk-input-bg, #f8f9fa);border-color:var(--kk-input-border, #e9ecef);color:var(--kk-input-text, #1a1a1a);border-radius:var(--kk-input-radius, 12px)}.kkumi-search__input::placeholder{color:var(--kk-input-placeholder, #8b7886)}.kkumi-search__input:focus{background:var(--kk-input-focus-bg, #fff);border-color:var(--kk-input-focus-border, #E0277F)}.kkumi-summary__promo-input{background:var(--kk-input-bg, #fff);border-color:var(--kk-input-border, #e9ecef);color:var(--kk-input-text, #1a1a1a);border-radius:var(--kk-input-radius, 10px)}.kkumi-summary__promo-input::placeholder{color:var(--kk-input-placeholder, #8b7886)}.kkumi-summary__promo-input:focus{background:var(--kk-input-focus-bg, #fff);border-color:var(--kk-input-focus-border, #E0277F);box-shadow:0 0 0 3px #e0277f2e}body.kkumi-club-page .kkumi-join__form input{color:var(--kk-input-text, #11041a)!important}body.kkumi-club-page .kkumi-join__form input::placeholder{color:var(--kk-input-placeholder, #8b7886)!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kkumi-input.css.map */