/* Form SS */
.form-ss input[type=text], .form-ss input[type=email], .form-ss input[type=password],
.form-ss input[type=date], .form-ss input[type=tel], .form-ss input[type=number],
.form-ss input[type=phone], .form-ss input[type=submit], .form-ss input[type=file],
.form-ss input[type=time], .form-ss input[type=color], .form-ss select,
.form-ss textarea{
  width:100%; border:1.5px solid transparent; border-radius:var(--bradius);
  padding:.52rem .75rem; font-size:1rem; margin:0; outline:none;
  font-weight:400; line-height:var(--lh); box-shadow:none;
  transition:border-color .25s, color .25s;
  color:#000000; background:#ffffff; border-color:#cccccc!important;
}
.form-ss input[type=time]{padding:.3125rem .75rem;}
.form-ss input[type=color]{padding:0 .125rem; height:2.375rem;}
.form-ss select{padding:.475rem .375rem;}

.form-ss input[type=text].lg, .form-ss input[type=email].lg, .form-ss input[type=password].lg,
.form-ss input[type=date].lg, .form-ss input[type=tel].lg, .form-ss input[type=number].lg,
.form-ss input[type=phone].lg, .form-ss input[type=submit].lg, .form-ss input[type=file].lg,
.form-ss input[type=time].lg, .form-ss select.lg, .form-ss textarea.lg{
	padding:.525rem .75rem; font-size:1rem;
}
.form-ss input[type=time].lg{padding:.463rem .75rem;}
.form-ss select.lg{padding:.625rem .5rem;}

.form-ss input[type=text].sm, .form-ss input[type=email].sm, .form-ss input[type=password].sm,
.form-ss input[type=date].sm, .form-ss input[type=tel].sm, .form-ss input[type=number].sm,
.form-ss input[type=phone].sm, .form-ss input[type=submit].sm, .form-ss input[type=file].sm,
.form-ss input[type=time].sm, .form-ss select.sm, .form-ss textarea.sm{
	padding:.3125rem .5rem; font-size:.875rem;
}
.form-ss input[type=time].sm{padding:.275rem .5rem;}
.form-ss select.sm{padding:.4125rem .25rem;}

.form-ss input[type=text].disabled, .form-ss input[type=email].disabled,
.form-ss input[type=password].disabled, .form-ss input[type=date].disabled,
.form-ss input[type=tel].disabled, .form-ss input[type=number].disabled,
.form-ss input[type=phone].disabled, .form-ss input[type=submit].disabled,
.form-ss input[type=file].disabled, .form-ss input[type=time].disabled,
.form-ss select.disabled, .form-ss textarea.disabled{pointer-events:none!important;}
input::placeholder{font-family:var(--font);}

.form-ss{width:100%;}
.form-ss .input-wrapper{width:100%; display:block; position:relative;}
.form-ss .input-wrapper > .icon{
  position:absolute; top:0; bottom:0; padding:0; margin:0;
  display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; box-shadow:none; cursor:pointer;
  opacity:0; transition:opacity .3s;
}
.form-ss .input-wrapper:hover > .icon{opacity:1;}
.form-ss .input-wrapper.with-prefix > .icon{left:.5rem;}
.form-ss .input-wrapper.with-subfix > .icon{right:.5rem;}


/* Form SS */
.form-ss input[type=text]:focus, .form-ss input[type=email]:focus,
.form-ss input[type=password]:focus, .form-ss input[type=date]:focus, 
.form-ss input[type=tel]:focus, .form-ss input[type=number]:focus,
.form-ss input[type=phone]:focus, .form-ss input[type=submit]:focus, 
.form-ss input[type=file]:focus, .form-ss input[type=time]:focus,
.form-ss input[type=color]:focus, .form-ss select:focus, .form-ss textarea:focus{
  border-color:var(--color-p)!important;
}

.form-ss input[type=text].disabled, .form-ss input[type=email].disabled,
.form-ss input[type=password].disabled, .form-ss input[type=date].disabled,
.form-ss input[type=tel].disabled, .form-ss input[type=number].disabled,
.form-ss input[type=phone].disabled, .form-ss input[type=submit].disabled,
.form-ss input[type=file].disabled, .form-ss input[type=time].disabled,
.form-ss select.disabled, .form-ss textarea.disabled,
.form-ss input[type=text]:disabled, .form-ss input[type=email]:disabled,
.form-ss input[type=password]:disabled, .form-ss input[type=date]:disabled,
.form-ss input[type=tel]:disabled, .form-ss input[type=number]:disabled,
.form-ss input[type=phone]:disabled, .form-ss input[type=submit]:disabled,
.form-ss input[type=file]:disabled, .form-ss input[type=time]:disabled,
.form-ss input[type=color]:focus, .form-ss select:disabled, .form-ss textarea:disabled{
  background:#f4f4f4!important; color:#555555!important;
}
.form-ss input::placeholder{border-color:var(rgb(224,224,224));}
.form-ss select:disabled{color:#141414!important; background:#eeeeee!important;}