.card{padding:25px 15px}form{width:100%;max-width:500px;margin:auto;display:flex;flex-direction:column;gap:15px}form .btn-row{margin-top:1em}form .fields{display:flex;flex-wrap:wrap;gap:15px 20px;white-space:nowrap}form>.fields>*{flex-grow:1;flex-basis:0}.msg{padding:.6em .8em;border-radius:.6em}.msg.ok{background-color:#9f9;color:green}.msg.error{background-color:#ffdbdb;color:red}.row.facade{gap:var(--v-pad) var(--h-pad);align-items:flex-start}.grid.ends{display:grid;grid-template-columns:min-content 1fr min-content;grid-auto-flow:column;gap:.4em 1em;padding:.8em;border:1px solid var(--stroke-color);border-radius:.6em}.grid.ends .chip-select{flex-direction:column;gap:0;white-space:nowrap}.grid.ends .chip-select>.chip:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.grid.ends .chip-select>.chip:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}form .values{padding:.6em 0;border:1px solid var(--stroke-color);border-width:1px 0}.btn-row{display:flex;flex-wrap:wrap;gap:15px 20px;white-space:nowrap}.btn-row>*{flex-grow:1;flex-basis:0}.table>.btn-row{margin:30px 20px 20px}.end-msg{grid-row:span 2;display:flex;align-items:center;justify-content:center;text-align:center}.csv-data{font-family:monospace;-webkit-user-select:all;user-select:all}form>.icon.spin,form .field .icon.spin{color:var(--color-primary);font-size:2em}.field>*{display:block;width:100%}.field>legend{margin-bottom:6px}.field>.error-msg{color:var(--error-color);margin-top:4px;font-size:.9em}.field-row{display:flex;border-radius:.6em;overflow:hidden;--border-color: var(--stroke-color);box-shadow:inset 0 0 0 1px var(--border-color)}.field-row:focus-within{--border-color: var(--color-primary)}.field-row.error{--border-color: var(--error-color);animation:error-anim .5s linear 1}@keyframes error-anim{0%{transform:translate(0)}10%{transform:translate(-20px)}30%{transform:translate(20px)}50%{transform:translate(-20px)}70%{transform:translate(20px)}80%{transform:translate(0)}}.chip-select{display:flex;flex-wrap:wrap;gap:.6em}.chip-select .btn.chip{--pad-v: .6em;--pad-h: .8em;cursor:pointer}.text-edit{flex-grow:1;position:relative}.text-edit>:is(input,label){padding:.7em 1em;width:100%}.text-edit>label{position:absolute;left:0;top:0;max-height:100%;opacity:.6;pointer-events:none}.icon{display:block;width:1em;height:1em}.icon>svg{display:block;width:100%;height:100%}.icon.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dialog-cont{background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;padding:var(--v-pad) var(--h-pad)}.dialog{background-color:var(--bg-bright);border-radius:1em;box-shadow:0 5px 10px #0004;max-width:100%;max-height:100%;overflow:auto}.alert-dialog{display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.alert-dialog :is(.title,.body,.foot){padding:15px 20px}.alert-dialog .foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.alert-dialog .foot .btn{padding:.4em .8em;--br: 10em;min-width:4em}.alert-dialog .foot .btn.hollow{border-color:#ccc}.alert-dialog>*:not(:last-child){padding-bottom:0}.alert-dialog .hide{display:none}@media (min-width:500px){.alert-dialog{min-width:400px}}.row.facade>:last-child{flex-grow:.5;padding:0}table{border-collapse:collapse;width:100%}table :is(td,th){padding:.7em 1em;text-align:center}table thead th{border-bottom:2px solid var(--stroke-color)}table tbody td{border-bottom:1px solid var(--stroke-color)}table .btn{--pad-h: .5em;--pad-v: .5em;--br: .4em;margin-right:.4em}table td:has(.btn){padding:.4em}table tr.editing td{background-color:#0f04}