:root{--line-width:20px;--line-width:1.5em;--line-height:2px;--icon-color:#000;--translate-y:calc(var(--line-width)/4 - var(--line-height)/2 - var(--line-height)/4);--translate-x:calc(var(--line-width)/4 - var(--line-height)/4);--blank-option-color:grey;--hint-color:gold;--error-color:red}.animated-icon{align-items:center;display:grid;grid-template-columns:auto;grid-template-rows:auto;justify-content:center;width:var(--line-width)}.animated-icon span{background-color:var(--icon-color);display:block;grid-column:1;grid-row:1;height:var(--line-height)}.animated-icon.arrow-down{pointer-events:none}.animated-icon.arrow-down span{width:calc(var(--line-width)/2)}.animated-icon.arrow-down span:first-child{transform:translateY(var(--translate-y)) translateX(calc(var(--translate-x)*-1)) rotate(45deg);transform-origin:center right}.animated-icon.arrow-down span:nth-child(2){transform:translateY(var(--translate-y)) translateX(var(--translate-x)) rotate(-45deg);transform-origin:center left}.animated-icon.cross span{width:var(--line-width)}.animated-icon.cross span:first-child{transform:rotate(45deg)}.animated-icon.cross span:nth-child(2){transform:rotate(-45deg)}.field-wrapper.hint .control{border-color:var(--hint-color)}.field-wrapper.hint .detail{color:var(--hint-color)}.field-wrapper.error .control{border-color:var(--error-color)}.field-wrapper.error .detail{color:var(--error-color)}.field-wrapper .control{border-bottom:1px solid #000;display:grid;grid-template-columns:auto var(--line-width);grid-template-rows:auto;height:2em;position:relative}.field-wrapper .control input,.field-wrapper .control select{border:none;grid-column:1/3;grid-row:1;outline:none;padding:0;width:100%}.field-wrapper .control input:has(+button),.field-wrapper .control select:has(+button){padding-right:var(--line-width)}.field-wrapper .control select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-wrapper .control input[type=date]{-webkit-appearance:textfield;background-color:transparent;opacity:0}.field-wrapper .control input[type=date].has-value,.field-wrapper .control input[type=date]:focus,.field-wrapper .control input[type=date]:valid,.field-wrapper .control input[type=date][value]{opacity:1}.field-wrapper .control button:not(.info__button,.info-button){background-color:transparent;border:none;grid-column:2;grid-row:1;height:100%;padding:0}.field-wrapper .detail .hint{color:var(--hint-color)}.field-wrapper .detail .error{color:var(--error-color)}input::-webkit-date-and-time-value{text-align:left}.combo-field label,.select-field label,.text-field label{font-size:.825em;font-weight:400}.combo-field input,.combo-field select,.select-field input,.select-field select,.text-field input,.text-field select{font-family:Roboto,sans-serif;padding:.25em 0}.combo-field .detail,.select-field .detail,.text-field .detail{font-size:.825em;font-weight:400;margin-top:.25em}.combo-field .control,.select-field .control,.text-field .control{border-bottom:2px solid #d2d6d2}.combo-field .control.disabled,.combo-field .control.focused,.select-field .control.disabled,.select-field .control.focused,.text-field .control.disabled,.text-field .control.focused{border-color:#999}.combo-field .control.hint,.select-field .control.hint,.text-field .control.hint{border-color:#fcbe2e}.combo-field .control.error,.select-field .control.error,.text-field .control.error{border-color:#bf7777}.text-field .control{align-items:center;box-sizing:border-box;cursor:text;display:flex;gap:.5ch}.text-field .control.disabled input{color:#999}.text-field .control input{background-color:transparent;border:none;color:#3c3f42;font-size:1em;font-weight:300;outline:none}.text-field .control input.mirror{position:absolute;width:0}.text-field .control .suffix{color:#a0a0a0;line-height:1}.combo-field .control{display:flex;position:relative}.combo-field .control input{border:none;font-size:1em;font-weight:300;outline:none}.combo-field .control input.mirror{position:absolute;width:0}.combo-field .control select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;border:none;font-size:1em;font-weight:300;outline:none;width:100%}.combo-field .control .animated-icon{height:100%;position:absolute;right:0;top:0}.combo-field .control .animated-icon span{background-color:#999}.combo-field .control .suffix{color:#a0a0a0}.select-field .control{display:flex;gap:.5ch}.select-field .control select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;border:none;font-size:1em;font-weight:300;outline:none;overflow:hidden;text-overflow:ellipsis;width:100%}.hidden{display:none}