@charset "UTF-8";.dk-input,.dk-input-personality{--input-color: #fff;--input-border: #dddfe5;--input-width: 100%;--input-height: 30px;--input-font-size: 13px;--input-border-radius: 4px;--input-hover-border: #c1c4cb;--input-focus-border: #409eff;--input-text-color: #606266;--input-disabled-color: #f5f7fa;--input-icon-color: #c1c4cb;--input-icon-hover-color: #606266;--input-prefix-icon-color: #c1c4cb;--textarea-resize: vertical;--textarea-line-height: 30px;--textarea-overflow: auto;--pend-background: #f5f7fa;--pend-hover-background: #f5f7fa;--pend-color: #606266;--input-icon-size: 17px;--input-info-color: #909399;--input-align: "left"}.dk-input-personality{position:relative;margin-top:var(--input-margin-top);width:var(--input-width);height:var(--input-height)}.dk-input-personality-wrapper{width:calc(var(--input-width) - 20px);height:inherit;transition:all .3s ease;padding:0 10px;display:flex;justify-content:center;align-items:center}.dk-input-personality_inner{width:100%;height:inherit;line-height:var(--input-height);font-size:var(--input-font-size);color:var(--input-text-color);outline:none;border:none}.dk-input-personality[focus-within] .dk-input_label-text{top:-55%;left:0;opacity:1;z-index:1;transform:scale(.9)}.dk-input-personality:focus-within .dk-input_label-text{top:-55%;left:0;opacity:1;z-index:1;transform:scale(.9)}.dk-input-personality:not([focus-within]) .dk-input_label-text{top:0;opacity:0;z-index:-1;left:1%;transform:scale(1)}.dk-input-personality:not(:focus-within) .dk-input_label-text{top:0;opacity:0;z-index:-1;left:1%;transform:scale(1)}.dk-input-personality .dk-input_label-text{transition:all .2s;font-size:var(--input-font-size);color:var(--input-focus-border);position:absolute;opacity:0;top:0;left:1%;z-index:-1}.dk-input{position:relative;margin-top:var(--input-margin-top);width:var(--input-width);height:var(--input-height)}.dk-input-wrapper{width:calc(var(--input-width) - 20px);height:inherit;transition:all .3s ease;padding:0 10px;display:flex;justify-content:center;align-items:center}.dk-input_inner{width:100%;height:inherit;line-height:var(--input-height);font-size:var(--input-font-size);color:var(--input-text-color);outline:none;border:none}.dk-input[focus-within] .dk-input_label-text{top:-55%;left:0;opacity:1;z-index:1;transform:scale(.9)}.dk-input:focus-within .dk-input_label-text{top:-55%;left:0;opacity:1;z-index:1;transform:scale(.9)}.dk-input:not([focus-within]) .dk-input_label-text{top:0;opacity:0;z-index:-1;left:1%;transform:scale(1)}.dk-input:not(:focus-within) .dk-input_label-text{top:0;opacity:0;z-index:-1;left:1%;transform:scale(1)}.dk-input .dk-input_label-text{transition:all .2s;font-size:var(--input-font-size);color:var(--input-focus-border);position:absolute;opacity:0;top:0;left:1%;z-index:-1}.dk-input-personality_borderRadius .dk-input-personality-wrapper{border:1px solid var(--input-border);border-radius:calc(var(--input-height) / 2)}.dk-input-personality_borderRadius .dk-input-personality-wrapper:after{content:"";display:block;width:0;height:2px;background-color:var(--input-focus-border);transition:width .3s ease;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.dk-input-personality_borderRadius .dk-input-personality-wrapper[focus-within]{border-radius:0}.dk-input-personality_borderRadius .dk-input-personality-wrapper:focus-within{border-radius:0}.dk-input-personality_borderRadius .dk-input-personality-wrapper[focus-within]:after{transition:all .3s ease;width:100%;left:0;transform:translate(0)}.dk-input-personality_borderRadius .dk-input-personality-wrapper:focus-within:after{transition:all .3s ease;width:100%;left:0;transform:translate(0)}.dk-input-personality_underline{margin-bottom:2px}.dk-input-personality_underline .dk-input-personality-wrapper{border-bottom:2px solid var(--input-border)}.dk-input-personality_underline .dk-input-personality-wrapper:after{content:"";display:block;width:0;height:2px;background-color:var(--input-focus-border);transition:width .3s ease;position:absolute;left:0;bottom:-2px}.dk-input-personality_underline .dk-input-personality-wrapper[focus-within]:after{width:100%}.dk-input-personality_underline .dk-input-personality-wrapper:focus-within:after{width:100%}