.category-field{display:grid;gap:7px}
.category-field .edit-transaction-icon{height:38px;border:1px solid #b9cec7;border-radius:5px;background:#eef5f2;color:var(--ink);font:700 11px/1 var(--sans);cursor:pointer;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px}
.category-field .edit-transaction-icon span{font:20px/1 system-ui,sans-serif}
.category-field .edit-transaction-icon strong{font:inherit}
.category-field .edit-transaction-icon:hover,.category-field .edit-transaction-icon:focus-visible{border-color:#397260;box-shadow:0 0 0 3px #d7e9e3;outline:0}
.category-field .edit-transaction-icon:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.category-field>small{color:#718187;font:9px/1.35 var(--sans);letter-spacing:0}
.category-field>.icon-choice-feedback{display:block;min-height:13px;color:#28745f;font-weight:700}
#movement-icon-picker{width:min(92vw,620px);max-height:min(82vh,680px);border:0;border-radius:10px;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 24px 90px #102c4660}
#movement-icon-picker::backdrop{background:#102c467a;backdrop-filter:blur(3px)}
.icon-picker-head{display:flex;justify-content:space-between;align-items:start;padding:24px 25px 18px;border-bottom:1px solid var(--line)}
.icon-picker-head h2{font:600 27px/1 var(--serif);letter-spacing:-1px;margin:0}
.icon-picker-head p:last-child{max-width:390px;margin:9px 20px 0 0;color:#60767d;font-size:11px;line-height:1.45}
.icon-picker-head>button{border:0;background:transparent;color:#60757a;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.icon-options{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:20px 25px 26px;overflow-y:auto}
.icon-options button{min-width:0;min-height:58px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);display:grid;place-items:center;padding:8px 4px;cursor:pointer}
.icon-options button:hover,.icon-options button:focus-visible,.icon-options button.selected{border-color:#397260;background:var(--mist);outline:0;box-shadow:0 0 0 2px #cce2db}
.icon-options span{font:26px/1 system-ui,sans-serif}
@media(max-width:500px){.icon-options{grid-template-columns:repeat(5,1fr);padding:16px;gap:7px}.icon-picker-head{padding:21px 18px 16px}.icon-options button{min-height:54px}}