.input-group{width:100%;margin-top:.5rem;margin-bottom:1rem;position:relative}.input-group.invalid input,.input-group.invalid select{border:3px solid red}.input-group:focus-within .input-group__errors{display:none}.input-group.half{width:100%}@media only screen and (width>=768px){.input-group.half{width:calc(50% - .25rem)}}.input-group input,.input-group select{border:3px solid #fff;border-radius:.3rem;width:100%;padding:.8rem .6rem .3rem;line-height:1.5}:is(.input-group input:placeholder-shown:not(:focus)+label,.input-group select:placeholder-shown:not(:focus)+label),.input-group input:placeholder-shown:not(:focus)+label,.input-group select:placeholder-shown:not(:focus)+label{font-size:.75rem;top:50%;transform:translateY(-50%)}.input-group textarea{margin-bottom:0;display:block}.input-group--modern{margin-top:.25rem;margin-bottom:.5rem}.input-group--modern .input-group__label--modern{color:var(--grey);pointer-events:auto;margin-bottom:.25rem;font-size:.8rem;font-weight:700;display:block;position:static;transform:none}.input-group--modern input,.input-group--modern select{color:var(--grey);background:#fff;border:1px solid #e2e8f0;padding:.55rem .75rem;font-size:.95rem}.input-group--modern input::-moz-placeholder{color:#a0aec0}.input-group--modern select::-moz-placeholder{color:#a0aec0}.input-group--modern input::placeholder,.input-group--modern select::placeholder{color:#a0aec0}.input-group--modern input:focus,.input-group--modern select:focus{border-color:var(--primary);outline:none}:is(.input-group--modern input:placeholder-shown:not(:focus)+label,.input-group--modern select:placeholder-shown:not(:focus)+label),.input-group--modern input:placeholder-shown:not(:focus)+label,.input-group--modern select:placeholder-shown:not(:focus)+label{display:none}.input-group label{color:gray;padding:0;font-size:.6rem;transition:all .3s;position:absolute;top:.2rem;left:.7rem;transform:translateY(0)}.input-group fieldset{border:none;margin:0;padding:0;display:flex}.input-group fieldset>input{display:none}.input-group fieldset>input:checked+label{color:var(--green);background:#fff}.input-group fieldset>label{cursor:pointer;border:3px solid #fff;border-radius:.3rem;justify-content:center;align-items:center;width:100%;height:3rem;margin:0 .5rem 0 0;padding:.5rem;line-height:1.5;display:flex}.input-group__errors{z-index:1;width:100%;margin:0;padding:0;font-size:.5em;list-style:none;position:absolute;top:100%;left:0}.input-group__errors__error{text-align:left;line-height:1.3}