.textfield-wrapper[data-v-4491021b]{--bg-color:var(--background-color-1);--fg-color:var(--foreground-color-1);--placeholder-color:var(--foreground-color-3);--hover-color:var(--primary-color);display:flex;position:relative}.textfield-wrapper.underlined[data-v-4491021b]:before{background:var(--bg-color);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.textfield-input[data-v-4491021b]{border:none;border-radius:10px;box-shadow:0 0 5px #0000004d;color:var(--fg-color);flex:1;font-size:14px;outline:none;padding:10px 10px 10px 50px;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:0}.animated .textfield-input[data-v-4491021b]{transition:all .3s,height 0s,width 0s}:not(.bordered) .textfield-input[data-v-4491021b]{background:var(--bg-color)}.bordered .textfield-input[data-v-4491021b]{background:transparent;border:1px solid #aaa}.bordered .textfield-input.invalid[data-v-4491021b]{background:transparent;border:2px solid #f55}.round .textfield-input[data-v-4491021b]{border-radius:100vmin}.underlined .textfield-input[data-v-4491021b]{background:transparent;box-shadow:none}.noshadow .textfield-input[data-v-4491021b]{box-shadow:none}.noresize .textfield-input[data-v-4491021b]{resize:none}.textfield-wrapper.underlined:not(.icon)>.textfield-input[data-v-4491021b]{padding-left:5px}.textfield-wrapper:not(.icon)>.textfield-input[data-v-4491021b]{padding-left:20px}.textfield-wrapper.passicon>.textfield-input[data-v-4491021b]{padding-right:45px}.textfield-input[data-v-4491021b]::-webkit-inner-spin-button,.textfield-input[data-v-4491021b]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.textfield-input[type=number][data-v-4491021b]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.textfield-icon[data-v-4491021b]{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding-left:10px;position:absolute;top:0;width:40px}.animated .textfield-icon>span[data-v-4491021b]{transition:.3s}.underlined>.textfield-icon[data-v-4491021b]{padding-left:0}.underline[data-v-4491021b]{background:var(--hover-color);bottom:0;height:2px;left:0;position:absolute;right:0;transform:scaleX(0)}.animated .underline[data-v-4491021b]{transition:.2s}.dynplaceholder[data-v-4491021b]{bottom:0;color:var(--placeholder-color);left:5px;pointer-events:none;position:absolute;transform:translateY(-50%);transform-origin:-10px -100%}.animated .dynplaceholder[data-v-4491021b]{transition:.15s}.righticon[data-v-4491021b]{cursor:pointer;position:absolute;right:11px;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.righticon[data-v-4491021b] span{--icon-color:#888}