.form{--color-primary:#2e3440;--color-inactive:#d8dee9;--color-hover:#afb4bd;--color-active:#5e81ac;--color-error:#bf616a;--target-height:40px;--font-size:calc(var(--target-height) * 0.4);--height:calc(var(--font-size) * 2.5);--base-padding:calc((var(--height) - var(--font-size)) / 2);--border-radius:calc(var(--font-size) / 4);--background-color:transparent;--border-width:calc(var(--font-size) / 9);--border-color:var(--color-inactive);--border-style:solid;--border-inactive:var(--border-width) var(--border-style) var(--border-color);--border-active:var(--border-width) var(--border-style) var(--color-active);--border-error:var(--border-width) var(--border-style) var(--color-error);--border:var(--border-inactive);--line-height:calc(var(--target-height) - (var(--border-width) * 2));--label-fz:calc(var(--font-size) * 0.813);--label-fw:600;--label-c:var(--color-primary);--label-pb:calc(var(--base-padding) / 2);--transition-field:color 0.1s ease,border-color 0.1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--font-size)}.form fieldset,.form legend{border:none;padding:0}.form .fieldset{grid-area:fieldset;display:grid}.form input:not([type=checkbox],[type=radio]),.form select,.form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color);border-radius:var(--border-radius);border:var(--border);border-color:var(--border-color);font-size:var(--font-size);height:var(--height);padding:0 var(--base-padding);-webkit-transition:var(--transition-field);transition:var(--transition-field);width:100%}.form input:not([type=checkbox],[type=radio]):focus,.form input:not([type=checkbox],[type=radio]):focus-visible,.form input:not([type=checkbox],[type=radio]):hover,.form select:focus,.form select:focus-visible,.form select:hover,.form textarea:focus,.form textarea:focus-visible,.form textarea:hover{outline:none}.form .field{accent-color:var(--color-active);display:grid;grid-template-areas:"label" "control" "errors";grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:var(--base-padding);-webkit-transition:var(--transition-field);transition:var(--transition-field)}.form .field *{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.form .field[data-valid=false]{--border-color:var(--color-error)}.form .field[data-valid=true]{--border-color:var(--color-inactive)}.form .field[data-focus=true],.form .field[data-valid=false][data-focus=true]{--border-color:var(--color-active)}.form .field:hover{--border-color:var(--color-hover)}.form .field.layout-horizontal,.form .field.layout-horizontal-bordered{grid-template-areas:"label control" ".  errors ";grid-template-columns:1fr 2fr}.form .field.layout-horizontal-bordered .field-label,.form .field.layout-horizontal .field-label{padding-bottom:0}.form .field.layout-horizontal-bordered legend,.form .field.layout-horizontal legend{display:contents;line-height:var(--line-height)}.form .field.layout-horizontal-bordered.field-array>.field-label,.form .field.layout-horizontal.field-array>.field-label{align-items:start;line-height:var(--line-height)}.form .field.layout-horizontal-bordered.field-object .field:first-child:before,.form .field.layout-horizontal.field-object .field:first-child:before{height:0;top:calc(var(--height)/2)}.form .field.layout-horizontal-bordered.field-object .field:before,.form .field.layout-horizontal.field-object .field:before{width:calc(var(--base-padding)*.7)}.form .field.layout-horizontal-bordered{grid-template-columns:auto 2fr;grid-template-areas:"label control" "errors errors "}.form .field.layout-horizontal-bordered .field-label{border:var(--border-inactive);border-color:var(--border-color);border-right:0;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);padding-left:var(--base-padding)}.form .field.layout-horizontal-bordered.field-radioGroup{border:var(--border-inactive);padding-left:var(--base-padding);border-radius:var(--border-radius);height:var(--target-height)}.form .field.layout-horizontal-bordered.field-radioGroup legendXX{display:block}.form .field.layout-horizontal-bordered.field-select select{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.form .field.layout-horizontal-bordered.field-textarea{grid-template-areas:"label label" "control control" "errors errors"}.form .field.layout-horizontal-bordered.field-textarea .field-label{border-bottom:0;border-top-right-radius:var(--border-radius);border-bottom-left-radius:0;border-right:var(--border-inactive);padding-top:calc(var(--base-padding)/2);border-color:var(--border-color)}.form .field.layout-horizontal-bordered.field-textarea textarea{border-top:0;border-top-left-radius:0;border-top-right-radius:0;padding:calc(var(--base-padding)/2) var(--base-padding)}.form .field.layout-horizontal-bordered.field-range .field-control{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border:var(--border-inactive);border-left:0;border-color:var(--border-color);height:var(--target-height);padding-right:var(--base-padding)}.form .field.layout-horizontal-bordered.field-object{grid-template-areas:"label label" "control control" "errors errors";padding:0 var(--base-padding);border:var(--border-inactive);border-radius:var(--border-radius);border-color:var(--border-color)}.form .field.layout-horizontal-bordered.field-object legend{line-height:var(--line-height)}.form .field.layout-horizontal-bordered.field-object .field:before{width:var(--base-padding)}.form .field.layout-horizontal-bordered.field-array{grid-template-areas:"label label" "control control" "errors errors";padding:0 var(--base-padding);border:var(--border-inactive);border-radius:var(--border-radius);border-color:var(--border-color)}.form .field.layout-horizontal-bordered.field-array li{grid-template-areas:"fieldset fieldset fieldset" "remove remove remove";border:var(--border-inactive);padding:var(--base-padding);border-radius:var(--border-radius);border-color:var(--border-color)}.form .field.layout-horizontal-bordered.field-array li:before{margin-left:calc(var(--base-padding)*-3 - var(--border-width))}.form .field.layout-horizontal-bordered.field-array>.field-label{border:0;padding:0}.form .field.layout-horizontal-bordered input{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.form .field-label{align-items:center;color:var(--label-c);display:flex;font-size:var(--label-fz);font-weight:var(--label-fw);grid-area:label;padding-bottom:var(--label-pb);white-space:nowrap}.form .field-control{grid-area:control;min-width:0;position:relative}.form .field-remove{grid-area:remove}.form .field-errors{color:var(--color-error);font-size:var(--label-fz);grid-area:errors}.form .field-range input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0}.form .field-range input::-webkit-slider-runnable-track{background:var(--color-inactive);border-radius:var(--border-radius);border:var(--border);cursor:pointer;height:calc(var(--height)/3);width:100%}.form .field-range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-active);border-radius:var(--border-radius);border:0;cursor:pointer;height:calc(var(--target-height)*.8);margin-top:0;-webkit-transform:translateY(-35%);transform:translateY(-35%);width:calc(var(--height)/3)}.form .field-range input::-webkit-slider-thumb:hover{background:var(--color-active)}.form .field-color input{padding:0}.form .field-color input::-webkit-color-swatch-wrapper{padding:calc(var(--base-padding)/4)}.form .field-color input::-webkit-color-swatch{border-radius:var(--border-radius);border:0}.form .field-textarea textarea{display:block;font-family:inherit;height:auto;line-height:1.3;padding:calc(var(--base-padding)/2) var(--base-padding) var(--base-padding) var(--base-padding)}.form .field-textarea textarea::-webkit-scrollbar{width:0}.form .field-select .field-wrapper{position:relative}.form .field-select .field-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 var(--base-padding)}.form .field-select .field-wrapper:after{background-color:var(--border-color);-webkit-clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);clip-path:polygon(50% 80%,90% 40%,100% 50%,50% 100%,0 50%,10% 40%);content:"";height:var(--font-size);pointer-events:none;position:absolute;right:var(--base-padding);top:calc(var(--base-padding) - var(--border-width));width:var(--font-size)}.form .field-select .field-wrapper:hover:after{background-color:var(--color-active)}.form .field-hidden{display:none}.form .field-radioGroup .field-wrapper{grid-column-gap:var(--base-padding);-webkit-column-gap:var(--base-padding);column-gap:var(--base-padding);display:flex}.form .field-radioGroup .field-option{cursor:pointer;display:inline-block;font-size:var(--font-size);padding:var(--base-padding) 0;white-space:nowrap}.form .field-radioGroup input[type=radio]{display:inline-block;height:calc(var(--font-size)*.8);margin-right:calc(var(--base-padding)/2);width:calc(var(--font-size)*.8)}.form .field-object legend{border-bottom:var(--border-width) solid #d8dee9;margin-bottom:var(--base-padding);padding:0}.form .field-object .fieldset{padding-left:var(--base-padding)}.form .field-object .fieldset .field{position:relative}.form .field-object .fieldset .field:first-child:before{height:calc(100% - var(--base-padding)*.6);top:calc(var(--target-height)/2*-1 + var(--base-padding)*.6)}.form .field-object .fieldset .field:before{border-width:0;border-left:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);border-right:0 solid var(--border-color);border-top:0 solid var(--border-color);content:"";display:block;height:calc(100% + var(--base-padding));left:calc(var(--base-padding)*-1);position:absolute;top:calc(var(--target-height)/2*-1 - var(--base-padding));width:var(--base-padding)}.form .field-array ol{counter-reset:li;padding-left:calc(var(--base-padding)*2)}.form .field-array li{border-left:var(--border-width) solid var(--border-color);display:grid;grid-template-areas:"fieldset fieldset fieldset" ". remove remove";grid-template-columns:1fr 2fr;margin-bottom:calc(var(--base-padding));padding-left:var(--base-padding)}.form .field-array li:before{background-color:var(--color-inactive);color:var(--color-active);content:counter(li,decimal-leading-zero);counter-increment:li;display:block;font-size:calc(var(--base-padding)*.9);height:calc(var(--base-padding)*2);line-height:calc(var(--base-padding)*2);margin-left:calc(var(--base-padding)*-3);position:absolute;text-align:center;width:calc(var(--base-padding)*2)}.form .field-array li::marker{display:none}.form button{background-color:var(--border-color);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);cursor:pointer;display:block;font-size:var(--font-size);height:var(--height);margin-bottom:var(--base-padding);padding:var(--base-padding);-webkit-transition:var(--transition-field);transition:var(--transition-field);width:100%}.form button:hover{--border-color:var(--color-hover)}.form button:focus,.form button:focus-visible{--border-color:var(--color-active);color:#fff;outline:none}