:root{--input-color:#2d3538;--input-border:#cdd9ed;--input-background:#fff;--input-placeholder:#8395a7;--input-border-focus:#2d3436;--group-color:var(--input-color);--group-border:var(--input-border);--group-background:#95afc080;--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#636e72}.form-field{-webkit-appearance:none;width:100%;color:var(--input-color);border:1px solid var(--input-border);background:var(--input-background);border-radius:6px;padding:4px 8px;font-family:inherit;font-weight:600;transition:border .3s;display:block}.form-field::placeholder{color:var(--input-placeholder)}.form-field:focus{border-color:var(--input-border-focus);outline:none}.form-group{width:100%;margin:5px 0;display:flex;position:relative}.form-group>label,.form-group .form-field{white-space:nowrap;display:block}.form-group>label:not(:first-child):not(:last-child),.form-group .form-field:not(:first-child):not(:last-child){border-radius:0}.form-group>label:first-child,.form-group .form-field:first-child{border-radius:6px 0 0 6px}.form-group>label:last-child,.form-group .form-field:last-child{border-radius:0 6px 6px 0}.form-group>label:not(:first-child),.form-group .form-field:not(:first-child){margin-left:-1px}.form-group .form-field{z-index:1;flex:auto;width:1%;margin-top:0;margin-bottom:0;position:relative}.form-group>label{text-align:center;width:40%;color:var(--group-color);background:var(--group-background);border:1px solid var(--group-border);padding:8px 12px;font-weight:600;transition:background .3s,border .3s,color .3s}.form-group:focus-within>label{color:var(--group-color-focus);background:var(--group-background-focus);border-color:var(--group-border-focus)}.error-message{color:red;text-shadow:0 0 3px #fff;text-align:center;margin:0 0 8px;font-size:12px;font-weight:600;line-height:16px;display:block}body{background:#ecf0f1;margin:0;padding:0;font-family:Poppins,sans-serif;font-size:16px;overflow:hidden}body h1,body h2,body h3,body h4,body h5,body h6,body p{margin:0}