.common-input{width:100%}.common-input__label{font-size:1.4rem}.common-input__input{border:1px solid var(--color-gray);min-height:3.5rem;transition:var(--easing) var(--duration);border-radius:5rem;width:100%;padding:0 1.5rem}.common-input__input:hover{border-color:#c8c8c8}.common-input__input:focus{border-color:#a8a8a8}.common-input__input.textarea{resize:none;border-radius:1rem;min-height:10rem;padding:1rem 1.5rem;display:block}.common-input__input.large{min-height:4rem}.common-input__error{color:var(--color-red);text-align:right;font-size:1.2rem}.common-input.error .common-input__input,.common-input.error.inset{border-color:var(--color-red)}.common-input.row{align-items:center;gap:1rem;display:flex}.common-input.row .common-input__label{color:var(--color-dark-gray);flex:0 0 10.5rem}.common-input.inset{cursor:text;border:1px solid var(--color-gray);min-height:5.4rem;transition:var(--easing) var(--duration);border-radius:1rem;padding:.6rem 1.2rem;display:block}.common-input.inset:hover{border-color:#c8c8c8}.common-input.inset:focus-within{border-color:#a8c4f0}.common-input.inset:has(.common-input__input:disabled){cursor:not-allowed}.common-input.inset .common-input__label{color:var(--color-dark-gray);margin-bottom:.2rem;font-size:1.2rem;line-height:1.2;display:block}.common-input.inset .common-input__input{background:0 0;border:none;border-radius:0;min-height:auto;padding:0;font-size:1.6rem}.common-input.inset .common-input__input:focus,.common-input.inset .common-input__input:hover{background:0 0;border-color:#0000}.common-input.inset .common-input__input.textarea{min-height:8rem;padding:0}@media (max-width:768px){.common-input.row{display:block}}