.inputfield-container{width:100%}.inputfield-container .input{padding:1rem 0 0;position:relative}.inputfield-container .input .input-field{text-transform:uppercase;color:#181818;background:0 0;border:0;border-bottom:1px solid #7d7d7d;outline:0;width:100%;margin-top:2px;padding:2px 10px;font-family:N27-Regular;font-size:18px;transition:border-color .2s,box-shadow .2s;padding-left:0!important}.inputfield-container .input .input-field.danger{border-bottom:1px solid #d82c0d}.inputfield-container .input .input-field::placeholder{color:#0000}.inputfield-container .input .input-field:placeholder-shown~.input-label{cursor:text;margin-left:0;font-size:16px;top:22px}.inputfield-container .input label,.inputfield-container .input .input-field:focus~.input-label{color:#767676;padding-left:0;font-family:N27-Light;font-size:16px;transition:all .2s;display:block;position:absolute;top:0}.inputfield-container .input .isSearchInput,.inputfield-container .input .isCompareToLabel,.inputfield-container .input .input-field:focus~.isCompareToLabel{padding-left:0}.inputfield-container .input .isSearchInput,.inputfield-container .input .isCompareToLabel,.inputfield-container .input .input-field:focus~.isCompareToLabel{padding-left:0}.inputfield-container .input .input-field:placeholder-shown~.isSearchInput{margin-left:0;padding-left:0;top:0}.inputfield-container .input .input-field:focus~.isSearchInput{margin-left:0;padding-left:0}.inputfield-container .input .input-field:focus{border-bottom:1px solid #181818;padding:2px 10px;box-shadow:0 0 0 2px #d820fd6b,0 0 10px 2px #dc2bff47}.inputfield-container .input .input-field:focus.dark{border-bottom:1px solid #7d7d7d}.inputfield-container .input .input-field:focus.danger{box-shadow:none;border-bottom:1px solid #d82c0d}.inputfield-container .input .right-content{position:absolute;top:65%;right:8px;transform:translateY(-50%)}.inputfield-container .input .left-content{position:absolute;top:65%;left:0;transform:translateY(-50%)}