{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/node_modules/@atomic-ui/gdl-tokens/dist/tokens.css.scss","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/general.mixin.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/sass/mixins.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/extends.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/structure.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/typography.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/link.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/form.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/list.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/vars/table.vars.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/form/shared.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/form/input-textarea.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/form/select.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/form/file.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/form/tools.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/breakpoint.mixin.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/container.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/grid.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/link.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/svg.mixin.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/list.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/table.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/typography.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/_all.sass"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACr8BA;EACE,eChDY;;;ACMhB;AAAA;EFiBE;EACA;;;AARA;EEJF;AAAA;AAAA;IFwBI;;;;AEfJ;AAAA;EF6CE;EACA;;;AE3CF;EFmCE;EACA;EACA;EACA;EACA;;;AG/DF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AC3BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;;;ACXF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;;;ACnCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+DA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACvIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;;;ACXF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACUF;EAxDE;EACA;EACA;EACA;EACA;EACA;;AAVE;EAYA;;AAZA;EAYA;;AAZA;EAYA;;AAZA;EAYA;;ATCF;ESCE;IAEE;IACA;;;AACJ;EAKE;EACA;;AACF;EAEE;EACA;EACA;EACA;;AA9BA;EAgCE;;AAhCF;EAgCE;;AAhCF;EAgCE;;AAhCF;EAgCE;;;AAgCN;EA7BE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAIE;;AACF;EAEE;;;AC9DJ;EAEE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACF;EACE;EACA;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;;AAEF;EACE;;;AAEJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AACJ;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEJ;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AACJ;AAAA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;;AC/EF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EX6BJ,OW3BkB;EACd;;AACJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EAEE;;AACF;EXeF,eWd6B;;AAC3B;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;AACA;EAKE;;AACJ;EACE;;AACF;EAGE;;AAEF;EACE;EACA;;AACA;EAKE;;AACJ;EACE;;AACF;EAGE;;AAEF;EACE;EACA;;AACA;EAKE;;AACJ;EACE;;AACF;EAGE;;AACJ;EACE;;AACA;EACE;;;AC9GN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;EACA;;AACF;EACE;EACA;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEE;AAAA;EAEE;;AACF;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AACF;EACE;EACA;;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EZtBA,cYuBwB;EACxB;;;AAGA;AAAA;EAEE;;AACF;EACE;EACA;;AAIE;EACE;EACA;;AACA;EACE;;;AAGR;AAAA;EAEE;;AACF;EACE;EACA;;AAIE;EACE;EACA;;AACA;EACE;;;AAIR;AAAA;EAEE;;AACF;EACE;EACA;;AAIE;EACE;EACA;;AACA;EACE;;;AAGR;AAAA;EAGE;;AACF;EACE;EACA;;;AC1IJ;EACE;IACE;;EACF;IACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;AACF;EACE;;AAEF;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;EACE;;;AAGF;EACE;;AAEF;EACE;EACA;;AAEE;EbMJ,caL8B;;AAExB;AAAA;AAAA;EAGE;;AAEF;AAAA;AAAA;EAGE;EACA;;AAEF;AAAA;AAAA;EAGE;EACA;;AAKA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AACR;EACE;EACA;;AACJ;EACE;;AACF;EACE;;AAEA;EACE;EACA;;AACN;EACE;EACA;;AAEE;EACE;;AACF;EACE;EACA;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AAEE;EAEE;;AACJ;EACE;;AACF;EACE;;ACjGN;EDkGA;IAEI;;;;AAGJ;EACE;;AC5GF;ED0GF;IAII;;;AC1GF;EDsGF;IAMI;IACA;IACA;IbzEF,ca0E0B;IACxB;;EACA;IACE;IACA;;EACF;IACE;;;;AAGJ;EACE;;ACzHF;EDuHF;IAII;IACA;IACA;IACA;;EACA;IACE;;EACF;IACE;;EACA;IACE;;EACF;IbhGJ,caiG8B;;;;AAEhC;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbxHJ,OayHkB;EACd;EACA;;;AAEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;AACA;EACE;;AACF;EACE;;;ACjLF;EDoLA;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;;EACJ;IACE;;;AE/MN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;ACTJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EhBUA,agBT0B;;AAC1B;EhBQA,agBP0B;;AAC1B;EhBMA,agBL0B;;AAC1B;EhBIA,agBH0B;;AAC1B;EhBEA,agBD0B;;AAC1B;EhBAA,agBC0B;;AAC1B;EhBFA,agBG0B;;AAC1B;EhBJA,agBK0B;;AAC1B;EhBNA,agBO0B;;AAExB;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AAJ1B;EACE;EACA;;AACF;EhBZF,agBa4B;;AFtD5B;EEwDE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IhBhDF,agBiD4B;;EAC1B;IhBlDF,agBmD4B;;EAC1B;IhBpDF,agBqD4B;;EAC1B;IhBtDF,agBuD4B;;EAC1B;IhBxDF,agByD4B;;EAC1B;IhB1DF,agB2D4B;;EAC1B;IhB5DF,agB6D4B;;EAC1B;IhB9DF,agB+D4B;;EAC1B;IhBhEF,agBiE4B;;EAExB;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;EAJ1B;IACE;IACA;;EACF;IhBtEJ,agBuE8B;;;AF5G9B;EE8GE;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IhBrHF,agBuH4B;;EAC1B;IhBxHF,agB0H4B;;EAC1B;IhB3HF,agB6H4B;;EAC1B;IhB9HF,agBgI4B;;EAC1B;IhBjIF,agBmI4B;;EAC1B;IhBpIF,agBsI4B;;EAC1B;IhBvIF,agByI4B;;EAC1B;IhB1IF,agB4I4B;;EAC1B;IhB7IF,agB+I4B;;EAExB;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;EAN1B;IAEE;IACA;;EACF;IhBrJJ,agBuJ8B;;;AFpL9B;EEsLE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IhB1LF,agB2L4B;;EAC1B;IhB5LF,agB6L4B;;EAC1B;IhB9LF,agB+L4B;;EAC1B;IhBhMF,agBiM4B;;EAC1B;IhBlMF,agBmM4B;;EAC1B;IhBpMF,agBqM4B;;EAC1B;IhBtMF,agBuM4B;;EAC1B;IhBxMF,agByM4B;;EAC1B;IhB1MF,agB2M4B;;EAExB;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;EAJ1B;IACE;IACA;;EACF;IhBhNJ,agBiN8B;;;AF1O9B;EE4OE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IhBpPF,agBqP4B;;EAC1B;IhBtPF,agBuP4B;;EAC1B;IhBxPF,agByP4B;;EAC1B;IhB1PF,agB2P4B;;EAC1B;IhB5PF,agB6P4B;;EAC1B;IhB9PF,agB+P4B;;EAC1B;IhBhQF,agBiQ4B;;EAC1B;IhBlQF,agBmQ4B;;EAC1B;IhBpQF,agBqQ4B;;EAExB;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;EAJ1B;IACE;IACA;;EACF;IhB1QJ,agB2Q8B;;;AF5Q9B;EE8QE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IhB9SF,agB+S4B;;EAC1B;IhBhTF,agBiT4B;;EAC1B;IhBlTF,agBmT4B;;EAC1B;IhBpTF,agBqT4B;;EAC1B;IhBtTF,agBuT4B;;EAC1B;IhBxTF,agByT4B;;EAC1B;IhB1TF,agB2T4B;;EAC1B;IhB5TF,agB6T4B;;EAC1B;IhB9TF,agB+T4B;;EAExB;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;EAJ1B;IACE;IACA;;EACF;IhBpUJ,agBqU8B;;;AF1T9B;EE4TE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IhBxWF,agByW4B;;EAC1B;IhB1WF,agB2W4B;;EAC1B;IhB5WF,agB6W4B;;EAC1B;IhB9WF,agB+W4B;;EAC1B;IhBhXF,agBiX4B;;EAC1B;IhBlXF,agBmX4B;;EAC1B;IhBpXF,agBqX4B;;EAC1B;IhBtXF,agBuX4B;;EAC1B;IhBxXF,agByX4B;;EAExB;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;EAJ1B;IACE;IACA;;EACF;IhB9XJ,agB+X8B;;;;AAEhC;EhBjYE,agBkYwB;EhBlYxB,cgBmYwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;EhB5YA,agB6Y0B;EhB7Y1B,cgB8Y0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AFjcF;EEocE;IACE;;;AFzbJ;EE4bE;IACE;;;;AC5dN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;ACNA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDGO;;AAET;AAAA;EACE;EACA;EACA;EACA;;ACbF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDUS;;AAKX;AAAA;EACE;EACA;EACA;EACA;;ACvBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDoBS;;AAEX;AAAA;EACE;;AC3BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDwBS;;AAET;AAAA;EACE;EACA;EACA;EACA;;AClCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MD+BW;;AAKX;AAAA;EACE;EACA;EACA;EACA;;AC5CJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDyCW;;AAEb;AAAA;EACE;EACA;EACA;;AClDF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MD+CS;;AAET;AAAA;EACE;;ACtDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MDmDW;;AAKX;AAAA;EACE;;AC7DJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE,MD0DW;;;AE/Df;AAAA;AAAA;AAAA;EAIE;EACA;;AL0BA;EK/BF;AAAA;AAAA;AAAA;IAOI;;;AACF;AAAA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;EACE;;AACF;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;EACE;;AACF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;;AAEN;AAAA;EAEE;;;AC7EF;EAEE;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AACF;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;EAEE;;AACN;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;AAAA;EAEE;;AACF;AAAA;EAEE;EACA;;AACN;EACE;;AACA;AAAA;EAEE;EACA;;AACJ;EACE;;AACA;AAAA;EAEE;EACA;;AACJ;EACE;;AAGI;AAAA;EAEE;;AAGN;EACE;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;;AAGE;EACE;;AACR;EACE;;AAII;EACE;;AAIA;EACE;;AACA;EACE;;AAEV;AAAA;EAEE;;AAIE;EACE;;;AAEV;EpBzEE;EoB4EA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AAEE;EACE;;AACF;EACE;EACA;;AACJ;EACE;;AACF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACJ;EACE;EACA;;AACF;EACE;;AACA;EACE;;AACA;EACE;;AACJ;EACE;EACA;;;ACrIN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;APYA;EOnBF;AAAA;IASI;IACA;;;APqBF;EO/BF;AAAA;IAYI;IACA;;;AACF;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;EACE;;AACF;AAAA;EACE;;APDF;EOAA;AAAA;IAGI;;;APSJ;EOZA;AAAA;IAKI;;;;AAEN;EACE;EACA;;;AAEF;EACE;EACA;;;ACvBF;EACE;EACA;EACA;;AACA;EACE;;AACF;AAAA;EAEE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 22 Feb 2025 16:44:05 GMT\n */\n\n:root {\n  --group-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */\n  --group-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */\n  --group-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */\n  --group-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);\n  --group-opacity-100: 1;\n  --group-opacity-80: 0.8;\n  --group-opacity-60: 0.6;\n  --group-opacity-50: 0.5;\n  --group-opacity-40: 0.4;\n  --group-opacity-30: 0.3;\n  --group-opacity-0: 0;\n  --group-font-family-text: 'UniversNextforHSBC-Regular', sans-serif;\n  --group-font-family-title: 'UniversNextforHSBC-Bold', sans-serif;\n  --group-animation-transition-easing: cubic-bezier(0.25, 0.8, 0.5, 1);\n  --group-animation-transition-duration: 300ms;\n  --group-z-index-tooltip: 1300; /* Default z-index for tooltips. */\n  --group-z-index-toast: 1200; /* Default z-index for toast and snackbar messages. */\n  --group-z-index-modal: 1100; /* Default z-index for modals that stacks on top of overlays and other elements, but still allows popups to be visible. */\n  --group-z-index-popup: 1000; /* Default z-index for popups that stacks on top of all other elements. */\n  --group-z-index-navigation: 400; /* Default z-index for navigation. */\n  --group-z-index-sticky: 300; /* Default z-index for sticky interface elements. */\n  --group-z-index-mask: 200; /* Default z-index for masking interface elements. */\n  --group-z-index-masked: 100; /* Default z-index for masked interface elements. */\n  --group-z-index: 1; /* The default z-index for components and elements inside components. */\n  --group-z-index-deep: -999999; /* Deep z-index is used to stack something behind everything else. */\n  --group-space-xx-large-desktop: 4rem;\n  --group-space-xx-large-tablet: 3.5rem;\n  --group-space-xx-large: 3rem;\n  --group-space-x-large-desktop: 3rem;\n  --group-space-x-large-tablet: 2.5rem;\n  --group-space-x-large: 2rem; /* Space between heading and card */\n  --group-space-large-desktop: 2rem;\n  --group-space-large: 1.5rem; /* Space between cards */\n  --group-space-medium-desktop: 1.5rem;\n  --group-space-medium: 1.25rem; /* Inner padding of cards */\n  --group-space-normal: 1rem; /* Space between large headings and content. */\n  --group-space-small: 0.75rem;\n  --group-space-x-small: 0.5rem; /* Space between text and icons or headings and content or clickable elements */\n  --group-space-xx-small: 0.25rem; /* Minimum space between two elements */\n  --group-radius-rounded: 9999px; /* The rounded radius token embraces a curvier design language, introducing a high degree of softness and fluidity to your elements. */\n  --group-radius-large: 0.75rem; /* The large radius token makes a bold visual statement by significantly rounding the corners of elements. */\n  --group-container-size-fluid: 100%; /* The container for fullscreen application with a large table for example. */\n  --group-container-size-normal: 1496px; /* The default container size is versatile and suitable for various applications and website pages. */\n  --group-container-size-compact: 896px; /* Tailored container size designed for form wizard applications or pages. */\n  --group-breakpoint-fullhd: 1920px; /* Crafted for Full HD displays, this breakpoint strikes a balance between detail and performance. */\n  --group-breakpoint-widescreen: 1440px; /* Tailored for widescreen monitors, this breakpoint offers a panoramic view that accommodates expansive content layouts. */\n  --group-breakpoint-high-definition: 1280px; /* Designed for high-definition displays, this breakpoint elevates your interface to a level of visual richness and clarity. */\n  --group-breakpoint-desktop: 1024px; /* Optimized for desktop screens, this breakpoint provides a spacious canvas for your design, allowing for more intricate layouts and detailed content presentation. */\n  --group-breakpoint-tablet: 769px; /* Tailored for tablet devices, this breakpoint ensures a seamless and optimized user experience on medium-sized screens. */\n  --group-scale-3-elevation-functional-spread: 0rem;\n  --group-scale-3-elevation-functional-blur: 1rem;\n  --group-scale-3-elevation-functional-y: 0rem;\n  --group-scale-3-elevation-functional-x: 0rem;\n  --group-scale-3-elevation-decorative-spread: 0rem;\n  --group-scale-3-elevation-decorative-blur: 0.5rem;\n  --group-scale-3-elevation-decorative-y: 0rem;\n  --group-scale-3-elevation-decorative-x: 0rem;\n  --group-scale-3-icon-large-width: 2.25rem;\n  --group-scale-3-icon-large-height: 2.25rem;\n  --group-scale-3-icon-medium-width: 1.5rem;\n  --group-scale-3-icon-medium-height: 1.5rem;\n  --group-scale-3-icon-small-width: 1.125rem;\n  --group-scale-3-icon-small-height: 1.125rem;\n  --group-scale-3-icon-xsmall-width: 0.75rem;\n  --group-scale-3-icon-xsmall-height: 0.75rem;\n  --group-scale-3-icon-arrow-font-7-height: 0.5625rem;\n  --group-scale-3-icon-arrow-font-7-width: 0.28125rem;\n  --group-scale-3-icon-arrow-font-6-height: 0.625rem;\n  --group-scale-3-icon-arrow-font-6-width: 0.3125rem;\n  --group-scale-3-icon-arrow-font-5-height: 0.75rem;\n  --group-scale-3-icon-arrow-font-5-width: 0.375rem;\n  --group-scale-3-icon-arrow-font-4-height: 0.75rem;\n  --group-scale-3-icon-arrow-font-4-width: 0.375rem;\n  --group-scale-3-icon-arrow-font-3-height: 1rem;\n  --group-scale-3-icon-arrow-font-3-width: 0.5rem;\n  --group-scale-3-icon-arrow-font-2-height: 1.375rem;\n  --group-scale-3-icon-arrow-font-2-width: 0.6875rem;\n  --group-scale-3-icon-arrow-font-1-height: 1.75rem;\n  --group-scale-3-icon-arrow-font-1-width: 0.875rem;\n  --group-scale-3-typography-letter-spacing-font-7: 0rem;\n  --group-scale-3-typography-letter-spacing-font-6: 0rem;\n  --group-scale-3-typography-letter-spacing-font-5: 0rem;\n  --group-scale-3-typography-letter-spacing-font-4: 0rem;\n  --group-scale-3-typography-letter-spacing-font-3: 0rem;\n  --group-scale-3-typography-letter-spacing-font-2: 0rem;\n  --group-scale-3-typography-letter-spacing-font-1: 0rem;\n  --group-scale-3-typography-paragraph-spacing-font-7: 0.5rem;\n  --group-scale-3-typography-paragraph-spacing-font-6: 0.625rem;\n  --group-scale-3-typography-paragraph-spacing-font-5: 0.75rem;\n  --group-scale-3-typography-paragraph-spacing-font-4: 1.0625rem;\n  --group-scale-3-typography-paragraph-spacing-font-3: 1.3125rem;\n  --group-scale-3-typography-paragraph-spacing-font-2: 1.625rem;\n  --group-scale-3-typography-paragraph-spacing-font-1: 2rem;\n  --group-scale-3-typography-line-height-font-7: 1rem;\n  --group-scale-3-typography-line-height-font-6: 1.25rem;\n  --group-scale-3-typography-line-height-font-5: 1.5rem;\n  --group-scale-3-typography-line-height-font-4: 2.125rem;\n  --group-scale-3-typography-line-height-font-3: 2.625rem;\n  --group-scale-3-typography-line-height-font-2: 3.25rem;\n  --group-scale-3-typography-line-height-font-1: 4.125rem;\n  --group-scale-3-typography-font-size-font-7: 0.75rem;\n  --group-scale-3-typography-font-size-font-6: 0.875rem;\n  --group-scale-3-typography-font-size-font-5: 1rem;\n  --group-scale-3-typography-font-size-font-4: 1.5rem;\n  --group-scale-3-typography-font-size-font-3: 2rem;\n  --group-scale-3-typography-font-size-font-2: 2.6875rem;\n  --group-scale-3-typography-font-size-font-1: 3.5625rem;\n  --group-scale-3-typography-font-weight-bold: String value;\n  --group-scale-3-typography-font-weight-medium: medium;\n  --group-scale-3-typography-font-weight-regular: regular;\n  --group-scale-3-typography-font-weight-light: light;\n  --group-scale-3-typography-font-weight-thin: thin;\n  --group-scale-3-typography-font-family: Univers Next for HSBC;\n  --group-scale-3-border-width-large: 0.25rem;\n  --group-scale-3-border-width-medium: 0.125rem;\n  --group-scale-3-border-width-small: 0.0625rem;\n  --group-scale-3-border-radius: 0rem;\n  --group-scale-3-padding-arrow-font-7-left: 0.25rem;\n  --group-scale-3-padding-arrow-font-7-top: 0.25rem;\n  --group-scale-3-padding-arrow-font-6-left: 0.3125rem;\n  --group-scale-3-padding-arrow-font-6-top: 0.375rem;\n  --group-scale-3-padding-arrow-font-5-left: 0.375rem;\n  --group-scale-3-padding-arrow-font-5-top: 0.4375rem;\n  --group-scale-3-padding-arrow-font-4-left: 0.375rem;\n  --group-scale-3-padding-arrow-font-4-top: 0.9375rem;\n  --group-scale-3-padding-arrow-font-3-left: 0.5rem;\n  --group-scale-3-padding-arrow-font-3-top: 1.125rem;\n  --group-scale-3-padding-arrow-font-2-left: 0.6875rem;\n  --group-scale-3-padding-arrow-font-2-top: 1.375rem;\n  --group-scale-3-padding-arrow-font-1-left: 0.875rem;\n  --group-scale-3-padding-arrow-font-1-top: 1.8125rem;\n  --group-scale-3-padding-fixed-xlarge: 1.5rem;\n  --group-scale-3-padding-fixed-large: 1.25rem;\n  --group-scale-3-padding-fixed-medium: 1rem;\n  --group-scale-3-padding-fixed-small: 0.75rem;\n  --group-scale-3-padding-responsive-xlarge: 2rem;\n  --group-scale-3-padding-responsive-large: 1.75rem;\n  --group-scale-3-padding-responsive-medium: 1.5rem;\n  --group-scale-3-padding-responsive-small: 1.25rem;\n  --group-scale-3-padding-responsive-xsmall: 1.1875rem;\n  --group-scale-3-padding-responsive-xxsmall: 1.0625rem;\n  --group-scale-3-padding-responsive-xxxsmall: 0.625rem;\n  --group-scale-3-gap-responsive-section-xlarge: 8.5rem;\n  --group-scale-3-gap-responsive-section-large: 7.25rem;\n  --group-scale-3-gap-responsive-section-medium: 6rem;\n  --group-scale-3-gap-responsive-section-small: 5rem;\n  --group-scale-3-gap-responsive-section-xsmall: 4rem;\n  --group-scale-3-gap-responsive-subsection-large: 4rem;\n  --group-scale-3-gap-responsive-subsection-medium: 3.5rem;\n  --group-scale-3-gap-responsive-subsection-small: 2.5rem;\n  --group-scale-3-gap-responsive-subsection-xsmall: 2rem;\n  --group-scale-3-gap-responsive-content-xxlarge: 2rem;\n  --group-scale-3-gap-responsive-content-xlarge: 1.75rem;\n  --group-scale-3-gap-responsive-content-large: 1.5rem;\n  --group-scale-3-gap-responsive-content-medium: 1.25rem;\n  --group-scale-3-gap-responsive-content-small: 1rem;\n  --group-scale-3-gap-responsive-content-xsmall: 0.75rem;\n  --group-scale-3-gap-fixed-section-xlarge: 7.5rem;\n  --group-scale-3-gap-fixed-section-large: 6.25rem;\n  --group-scale-3-gap-fixed-section-medium: 5rem;\n  --group-scale-3-gap-fixed-section-small: 4rem;\n  --group-scale-3-gap-fixed-section-xsmall: 3rem;\n  --group-scale-3-gap-fixed-subsection-large: 3rem;\n  --group-scale-3-gap-fixed-subsection-medium: 2.5rem;\n  --group-scale-3-gap-fixed-subsection-small: 2rem;\n  --group-scale-3-gap-fixed-subsection-xsmall: 1.5rem;\n  --group-scale-3-gap-fixed-content-medium: 0.75rem;\n  --group-scale-3-gap-fixed-content-small: 0.5rem;\n  --group-scale-3-gap-fixed-content-xsmall: 0.25rem;\n  --group-scale-3-gap-fixed-content-xxsmall: 0.125rem;\n  --group-scale-3-layout-app-columns: 0.75rem;\n  --group-scale-3-layout-app-gutter: 1rem;\n  --group-scale-3-layout-app-margin: 1rem;\n  --group-scale-3-layout-web-columns: 0.75rem;\n  --group-scale-3-layout-web-gutter: 1.5rem;\n  --group-scale-3-layout-web-margin: 1.5rem;\n  --group-scale-2-elevation-functional-spread: 0rem;\n  --group-scale-2-elevation-functional-blur: 1rem;\n  --group-scale-2-elevation-functional-y: 0rem;\n  --group-scale-2-elevation-functional-x: 0rem;\n  --group-scale-2-elevation-decorative-spread: 0rem;\n  --group-scale-2-elevation-decorative-blur: 0.5rem;\n  --group-scale-2-elevation-decorative-y: 0rem;\n  --group-scale-2-elevation-decorative-x: 0rem;\n  --group-scale-2-icon-large-width: 2.25rem;\n  --group-scale-2-icon-large-height: 2.25rem;\n  --group-scale-2-icon-medium-width: 1.5rem;\n  --group-scale-2-icon-medium-height: 1.5rem;\n  --group-scale-2-icon-small-width: 1.125rem;\n  --group-scale-2-icon-small-height: 1.125rem;\n  --group-scale-2-icon-xsmall-width: 0.75rem;\n  --group-scale-2-icon-xsmall-height: 0.75rem;\n  --group-scale-2-icon-arrow-font-7-height: 0.5625rem;\n  --group-scale-2-icon-arrow-font-7-width: 0.28125rem;\n  --group-scale-2-icon-arrow-font-6-height: 0.625rem;\n  --group-scale-2-icon-arrow-font-6-width: 0.3125rem;\n  --group-scale-2-icon-arrow-font-5-height: 0.75rem;\n  --group-scale-2-icon-arrow-font-5-width: 0.375rem;\n  --group-scale-2-icon-arrow-font-4-height: 0.6875rem;\n  --group-scale-2-icon-arrow-font-4-width: 0.34375rem;\n  --group-scale-2-icon-arrow-font-3-height: 0.875rem;\n  --group-scale-2-icon-arrow-font-3-width: 0.4375rem;\n  --group-scale-2-icon-arrow-font-2-height: 1.125rem;\n  --group-scale-2-icon-arrow-font-2-width: 0.5625rem;\n  --group-scale-2-icon-arrow-font-1-height: 1.375rem;\n  --group-scale-2-icon-arrow-font-1-width: 0.6875rem;\n  --group-scale-2-typography-letter-spacing-font-7: 0rem;\n  --group-scale-2-typography-letter-spacing-font-6: 0rem;\n  --group-scale-2-typography-letter-spacing-font-5: 0rem;\n  --group-scale-2-typography-letter-spacing-font-4: 0rem;\n  --group-scale-2-typography-letter-spacing-font-3: 0rem;\n  --group-scale-2-typography-letter-spacing-font-2: 0rem;\n  --group-scale-2-typography-letter-spacing-font-1: 0rem;\n  --group-scale-2-typography-paragraph-spacing-font-7: 0.5rem;\n  --group-scale-2-typography-paragraph-spacing-font-6: 0.625rem;\n  --group-scale-2-typography-paragraph-spacing-font-5: 0.75rem;\n  --group-scale-2-typography-paragraph-spacing-font-4: 1rem;\n  --group-scale-2-typography-paragraph-spacing-font-3: 1.125rem;\n  --group-scale-2-typography-paragraph-spacing-font-2: 1.3125rem;\n  --group-scale-2-typography-paragraph-spacing-font-1: 1.5625rem;\n  --group-scale-2-typography-line-height-font-7: 1rem;\n  --group-scale-2-typography-line-height-font-6: 1.25rem;\n  --group-scale-2-typography-line-height-font-5: 1.5rem;\n  --group-scale-2-typography-line-height-font-4: 1.9375rem;\n  --group-scale-2-typography-line-height-font-3: 2.25rem;\n  --group-scale-2-typography-line-height-font-2: 2.625rem;\n  --group-scale-2-typography-line-height-font-1: 3.125rem;\n  --group-scale-2-typography-font-size-font-7: 0.75rem;\n  --group-scale-2-typography-font-size-font-6: 0.875rem;\n  --group-scale-2-typography-font-size-font-5: 1rem;\n  --group-scale-2-typography-font-size-font-4: 1.375rem;\n  --group-scale-2-typography-font-size-font-3: 1.75rem;\n  --group-scale-2-typography-font-size-font-2: 2.1875rem;\n  --group-scale-2-typography-font-size-font-1: 2.75rem;\n  --group-scale-2-typography-font-weight-bold: bold;\n  --group-scale-2-typography-font-weight-medium: medium;\n  --group-scale-2-typography-font-weight-regular: regular;\n  --group-scale-2-typography-font-weight-light: light;\n  --group-scale-2-typography-font-weight-thin: thin;\n  --group-scale-2-typography-font-family: Univers Next for HSBC;\n  --group-scale-2-border-width-large: 0.25rem;\n  --group-scale-2-border-width-medium: 0.125rem;\n  --group-scale-2-border-width-small: 0.0625rem;\n  --group-scale-2-border-radius: 0rem;\n  --group-scale-2-padding-arrow-font-7-left: 0.25rem;\n  --group-scale-2-padding-arrow-font-7-top: 0.25rem;\n  --group-scale-2-padding-arrow-font-6-left: 0.3125rem;\n  --group-scale-2-padding-arrow-font-6-top: 0.375rem;\n  --group-scale-2-padding-arrow-font-5-left: 0.375rem;\n  --group-scale-2-padding-arrow-font-5-top: 0.4375rem;\n  --group-scale-2-padding-arrow-font-4-left: 0.3125rem;\n  --group-scale-2-padding-arrow-font-4-top: 0.875rem;\n  --group-scale-2-padding-arrow-font-3-left: 0.4375rem;\n  --group-scale-2-padding-arrow-font-3-top: 1rem;\n  --group-scale-2-padding-arrow-font-2-left: 0.5625rem;\n  --group-scale-2-padding-arrow-font-2-top: 1.125rem;\n  --group-scale-2-padding-arrow-font-1-left: 0.6875rem;\n  --group-scale-2-padding-arrow-font-1-top: 1.3125rem;\n  --group-scale-2-padding-fixed-xlarge: 1.5rem;\n  --group-scale-2-padding-fixed-large: 1.25rem;\n  --group-scale-2-padding-fixed-medium: 1rem;\n  --group-scale-2-padding-fixed-small: 0.75rem;\n  --group-scale-2-padding-responsive-xlarge: 1.75rem;\n  --group-scale-2-padding-responsive-large: 1.5rem;\n  --group-scale-2-padding-responsive-medium: 1.25rem;\n  --group-scale-2-padding-responsive-small: 1rem;\n  --group-scale-2-padding-responsive-xsmall: 0.9375rem;\n  --group-scale-2-padding-responsive-xxsmall: 0.8125rem;\n  --group-scale-2-padding-responsive-xxxsmall: 0.5rem;\n  --group-scale-2-gap-responsive-section-xlarge: 8rem;\n  --group-scale-2-gap-responsive-section-large: 6.75rem;\n  --group-scale-2-gap-responsive-section-medium: 5.5rem;\n  --group-scale-2-gap-responsive-section-small: 4.5rem;\n  --group-scale-2-gap-responsive-section-xsmall: 3.5rem;\n  --group-scale-2-gap-responsive-subsection-large: 3.5rem;\n  --group-scale-2-gap-responsive-subsection-medium: 3rem;\n  --group-scale-2-gap-responsive-subsection-small: 2.25rem;\n  --group-scale-2-gap-responsive-subsection-xsmall: 1.75rem;\n  --group-scale-2-gap-responsive-content-xxlarge: 1.75rem;\n  --group-scale-2-gap-responsive-content-xlarge: 1.5rem;\n  --group-scale-2-gap-responsive-content-large: 1.25rem;\n  --group-scale-2-gap-responsive-content-medium: 1rem;\n  --group-scale-2-gap-responsive-content-small: 0.75rem;\n  --group-scale-2-gap-responsive-content-xsmall: 0.5rem;\n  --group-scale-2-gap-fixed-section-xlarge: 7.5rem;\n  --group-scale-2-gap-fixed-section-large: 6.25rem;\n  --group-scale-2-gap-fixed-section-medium: 5rem;\n  --group-scale-2-gap-fixed-section-small: 4rem;\n  --group-scale-2-gap-fixed-section-xsmall: 3rem;\n  --group-scale-2-gap-fixed-subsection-large: 3rem;\n  --group-scale-2-gap-fixed-subsection-medium: 2.5rem;\n  --group-scale-2-gap-fixed-subsection-small: 2rem;\n  --group-scale-2-gap-fixed-subsection-xsmall: 1.5rem;\n  --group-scale-2-gap-fixed-content-medium: 0.75rem;\n  --group-scale-2-gap-fixed-content-small: 0.5rem;\n  --group-scale-2-gap-fixed-content-xsmall: 0.25rem;\n  --group-scale-2-gap-fixed-content-xxsmall: 0.125rem;\n  --group-scale-2-layout-app-columns: 0.75rem;\n  --group-scale-2-layout-app-gutter: 1rem;\n  --group-scale-2-layout-app-margin: 1rem;\n  --group-scale-2-layout-web-columns: 0.75rem;\n  --group-scale-2-layout-web-gutter: 1.25rem;\n  --group-scale-2-layout-web-margin: 1.25rem;\n  --group-scale-1-elevation-functional-spread: 0rem;\n  --group-scale-1-elevation-functional-blur: 1rem;\n  --group-scale-1-elevation-functional-y: 0rem;\n  --group-scale-1-elevation-functional-x: 0rem;\n  --group-scale-1-elevation-decorative-spread: 0rem;\n  --group-scale-1-elevation-decorative-blur: 0.5rem;\n  --group-scale-1-elevation-decorative-y: 0rem;\n  --group-scale-1-elevation-decorative-x: 0rem;\n  --group-scale-1-icon-large-width: 2.25rem;\n  --group-scale-1-icon-large-height: 2.25rem;\n  --group-scale-1-icon-medium-width: 1.5rem;\n  --group-scale-1-icon-medium-height: 1.5rem;\n  --group-scale-1-icon-small-width: 1.125rem;\n  --group-scale-1-icon-small-height: 1.125rem;\n  --group-scale-1-icon-xsmall-width: 0.75rem;\n  --group-scale-1-icon-xsmall-height: 0.75rem;\n  --group-scale-1-icon-arrow-font-7-height: 0.5625rem;\n  --group-scale-1-icon-arrow-font-7-width: 0.28125rem;\n  --group-scale-1-icon-arrow-font-6-height: 0.625rem;\n  --group-scale-1-icon-arrow-font-6-width: 0.3125rem;\n  --group-scale-1-icon-arrow-font-5-height: 0.75rem;\n  --group-scale-1-icon-arrow-font-5-width: 0.375rem;\n  --group-scale-1-icon-arrow-font-4-height: 0.625rem;\n  --group-scale-1-icon-arrow-font-4-width: 0.3125rem;\n  --group-scale-1-icon-arrow-font-3-height: 0.75rem;\n  --group-scale-1-icon-arrow-font-3-width: 0.375rem;\n  --group-scale-1-icon-arrow-font-2-height: 0.875rem;\n  --group-scale-1-icon-arrow-font-2-width: 0.4375rem;\n  --group-scale-1-icon-arrow-font-1-height: 1.0625rem;\n  --group-scale-1-icon-arrow-font-1-width: 0.53125rem;\n  --group-scale-1-typography-letter-spacing-font-7: 0rem;\n  --group-scale-1-typography-letter-spacing-font-6: 0rem;\n  --group-scale-1-typography-letter-spacing-font-5: 0rem;\n  --group-scale-1-typography-letter-spacing-font-4: 0rem;\n  --group-scale-1-typography-letter-spacing-font-3: 0rem;\n  --group-scale-1-typography-letter-spacing-font-2: 0rem;\n  --group-scale-1-typography-letter-spacing-font-1: 0rem;\n  --group-scale-1-typography-paragraph-spacing-font-7: 0.5rem;\n  --group-scale-1-typography-paragraph-spacing-font-6: 0.625rem;\n  --group-scale-1-typography-paragraph-spacing-font-5: 0.75rem;\n  --group-scale-1-typography-paragraph-spacing-font-4: 0.875rem;\n  --group-scale-1-typography-paragraph-spacing-font-3: 0.9375rem;\n  --group-scale-1-typography-paragraph-spacing-font-2: 1.125rem;\n  --group-scale-1-typography-paragraph-spacing-font-1: 1.25rem;\n  --group-scale-1-typography-line-height-font-7: 1rem;\n  --group-scale-1-typography-line-height-font-6: 1.25rem;\n  --group-scale-1-typography-line-height-font-5: 1.5rem;\n  --group-scale-1-typography-line-height-font-4: 1.6875rem;\n  --group-scale-1-typography-line-height-font-3: 1.875rem;\n  --group-scale-1-typography-line-height-font-2: 2.25rem;\n  --group-scale-1-typography-line-height-font-1: 2.5rem;\n  --group-scale-1-typography-font-size-font-7: 0.75rem;\n  --group-scale-1-typography-font-size-font-6: 0.875rem;\n  --group-scale-1-typography-font-size-font-5: 1rem;\n  --group-scale-1-typography-font-size-font-4: 1.1875rem;\n  --group-scale-1-typography-font-size-font-3: 1.4375rem;\n  --group-scale-1-typography-font-size-font-2: 1.75rem;\n  --group-scale-1-typography-font-size-font-1: 2.0625rem;\n  --group-scale-1-typography-font-weight-bold: bold;\n  --group-scale-1-typography-font-weight-medium: medium;\n  --group-scale-1-typography-font-weight-regular: regular;\n  --group-scale-1-typography-font-weight-light: light;\n  --group-scale-1-typography-font-weight-thin: thin;\n  --group-scale-1-typography-font-family: Univers Next for HSBC;\n  --group-scale-1-border-width-large: 0.25rem;\n  --group-scale-1-border-width-medium: 0.125rem;\n  --group-scale-1-border-width-small: 0.0625rem;\n  --group-scale-1-border-radius: 0rem;\n  --group-scale-1-padding-arrow-font-7-left: 0.25rem;\n  --group-scale-1-padding-arrow-font-7-top: 0.25rem;\n  --group-scale-1-padding-arrow-font-6-left: 0.3125rem;\n  --group-scale-1-padding-arrow-font-6-top: 0.375rem;\n  --group-scale-1-padding-arrow-font-5-left: 0.375rem;\n  --group-scale-1-padding-arrow-font-5-top: 0.4375rem;\n  --group-scale-1-padding-arrow-font-4-left: 0.3125rem;\n  --group-scale-1-padding-arrow-font-4-top: 0.6875rem;\n  --group-scale-1-padding-arrow-font-3-left: 0.375rem;\n  --group-scale-1-padding-arrow-font-3-top: 0.8125rem;\n  --group-scale-1-padding-arrow-font-2-left: 0.4375rem;\n  --group-scale-1-padding-arrow-font-2-top: 1rem;\n  --group-scale-1-padding-arrow-font-1-left: 0.5rem;\n  --group-scale-1-padding-arrow-font-1-top: 1.0625rem;\n  --group-scale-1-padding-fixed-xlarge: 1.5rem;\n  --group-scale-1-padding-fixed-large: 1.25rem;\n  --group-scale-1-padding-fixed-medium: 1rem;\n  --group-scale-1-padding-fixed-small: 0.75rem;\n  --group-scale-1-padding-responsive-xlarge: 1.5rem;\n  --group-scale-1-padding-responsive-large: 1.25rem;\n  --group-scale-1-padding-responsive-medium: 1rem;\n  --group-scale-1-padding-responsive-small: 0.75rem;\n  --group-scale-1-padding-responsive-xsmall: 0.6875rem;\n  --group-scale-1-padding-responsive-xxsmall: 0.5625rem;\n  --group-scale-1-padding-responsive-xxxsmall: 0.375rem;\n  --group-scale-1-gap-responsive-section-xlarge: 7.5rem;\n  --group-scale-1-gap-responsive-section-large: 6.25rem;\n  --group-scale-1-gap-responsive-section-medium: 5rem;\n  --group-scale-1-gap-responsive-section-small: 4rem;\n  --group-scale-1-gap-responsive-section-xsmall: 3rem;\n  --group-scale-1-gap-responsive-subsection-large: 3rem;\n  --group-scale-1-gap-responsive-subsection-medium: 2.5rem;\n  --group-scale-1-gap-responsive-subsection-small: 2rem;\n  --group-scale-1-gap-responsive-subsection-xsmall: 1.5rem;\n  --group-scale-1-gap-responsive-content-xxlarge: 1.5rem;\n  --group-scale-1-gap-responsive-content-xlarge: 1.25rem;\n  --group-scale-1-gap-responsive-content-large: 1rem;\n  --group-scale-1-gap-responsive-content-medium: 0.75rem;\n  --group-scale-1-gap-responsive-content-small: 0.5rem;\n  --group-scale-1-gap-responsive-content-xsmall: 0.25rem;\n  --group-scale-1-gap-fixed-section-xlarge: 7.5rem;\n  --group-scale-1-gap-fixed-section-large: 6.25rem;\n  --group-scale-1-gap-fixed-section-medium: 5rem;\n  --group-scale-1-gap-fixed-section-small: 4rem;\n  --group-scale-1-gap-fixed-section-xsmall: 3rem;\n  --group-scale-1-gap-fixed-subsection-large: 3rem;\n  --group-scale-1-gap-fixed-subsection-medium: 2.5rem;\n  --group-scale-1-gap-fixed-subsection-small: 2rem;\n  --group-scale-1-gap-fixed-subsection-xsmall: 1.5rem;\n  --group-scale-1-gap-fixed-content-medium: 0.75rem;\n  --group-scale-1-gap-fixed-content-small: 0.5rem;\n  --group-scale-1-gap-fixed-content-xsmall: 0.25rem;\n  --group-scale-1-gap-fixed-content-xxsmall: 0.125rem;\n  --group-scale-1-layout-app-columns: 0.75rem;\n  --group-scale-1-layout-app-gutter: 1rem;\n  --group-scale-1-layout-app-margin: 1rem;\n  --group-scale-1-layout-web-columns: 0.75rem;\n  --group-scale-1-layout-web-gutter: 1rem;\n  --group-scale-1-layout-web-margin: 1rem;\n  --group-light-elevation-border: #ffffff00;\n  --group-light-elevation-functional: #00000033;\n  --group-light-elevation-decorative: #00000033;\n  --group-light-image-opacity-disabled: 20;\n  --group-light-image-opacity: 100;\n  --group-light-overlay-on-light-version2: #000000d9;\n  --group-light-overlay-on-light-version1: #00000080;\n  --group-hsbc-colour-rag-dark-blue-tint: #000d1b;\n  --group-hsbc-colour-rag-dark-green-tint: #001615;\n  --group-hsbc-colour-rag-dark-amber-tint: #221701;\n  --group-hsbc-colour-rag-dark-red-tint: #260005;\n  --group-hsbc-colour-rag-blue-tint: #ebeff4;\n  --group-hsbc-colour-rag-blue: #305a85;\n  --group-hsbc-colour-rag-green-tint: #e5f2f2;\n  --group-hsbc-colour-rag-green: #00847f;\n  --group-hsbc-colour-rag-amber-tint: #fff8ea;\n  --group-hsbc-colour-rag-amber: #ffbb33;\n  --group-hsbc-colour-rag-red-tint: #f9f2f3;\n  --group-hsbc-colour-rag-red: #a8000b;\n  --group-hsbc-colour-data-vis-green-4: #74a157;\n  --group-hsbc-colour-data-vis-green-3: #4da90f;\n  --group-hsbc-colour-data-vis-green-2: #518827;\n  --group-hsbc-colour-data-vis-green-1: #356512;\n  --group-hsbc-colour-data-vis-orange-4: #ec7046;\n  --group-hsbc-colour-data-vis-orange-3: #ed500d;\n  --group-hsbc-colour-data-vis-orange-2: #c64d24;\n  --group-hsbc-colour-data-vis-orange-1: #9b4822;\n  --group-hsbc-colour-data-vis-pink-4: #e76e84;\n  --group-hsbc-colour-data-vis-pink-3: #f14e73;\n  --group-hsbc-colour-data-vis-pink-2: #c03954;\n  --group-hsbc-colour-data-vis-pink-1: #933d4f;\n  --group-hsbc-colour-data-vis-purple-4: #b184c7;\n  --group-hsbc-colour-data-vis-purple-3: #a752cf;\n  --group-hsbc-colour-data-vis-purple-2: #8738ab;\n  --group-hsbc-colour-data-vis-purple-1: #7c4386;\n  --group-hsbc-colour-data-vis-blue-4: #509ebc;\n  --group-hsbc-colour-data-vis-blue-3: #1494c6;\n  --group-hsbc-colour-data-vis-blue-2: #347893;\n  --group-hsbc-colour-data-vis-blue-1: #266076;\n  --group-hsbc-colour-illustration-complimentary-cream-8: #5a493b;\n  --group-hsbc-colour-illustration-complimentary-cream-7: #725d4b;\n  --group-hsbc-colour-illustration-complimentary-cream-6: #987b64;\n  --group-hsbc-colour-illustration-complimentary-cream-5: #b59377;\n  --group-hsbc-colour-illustration-complimentary-cream-4: #f8dbbb;\n  --group-hsbc-colour-illustration-complimentary-cream-3: #fee8cf;\n  --group-hsbc-colour-illustration-complimentary-cream-2: #fef0e0;\n  --group-hsbc-colour-illustration-complimentary-cream-1: #fff7ee;\n  --group-hsbc-colour-illustration-complimentary-tan-8: #523821;\n  --group-hsbc-colour-illustration-complimentary-tan-7: #6d4a2a;\n  --group-hsbc-colour-illustration-complimentary-tan-6: #956539;\n  --group-hsbc-colour-illustration-complimentary-tan-5: #ae7d54;\n  --group-hsbc-colour-illustration-complimentary-tan-4: #edb97f;\n  --group-hsbc-colour-illustration-complimentary-tan-3: #f1cca5;\n  --group-hsbc-colour-illustration-complimentary-tan-2: #f5dbc0;\n  --group-hsbc-colour-illustration-complimentary-tan-1: #f8e5d2;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-8: #43290e;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-7: #5d3811;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-6: #794817;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-5: #915d31;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-4: #bc8145;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-3: #cfa67c;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-2: #ddc1a3;\n  --group-hsbc-colour-illustration-complimentary-mid-brown-1: #e7d2bd;\n  --group-hsbc-colour-illustration-complimentary-brown-8: #28170f;\n  --group-hsbc-colour-illustration-complimentary-brown-7: #462918;\n  --group-hsbc-colour-illustration-complimentary-brown-6: #5e3620;\n  --group-hsbc-colour-illustration-complimentary-brown-5: #724732;\n  --group-hsbc-colour-illustration-complimentary-brown-4: #885c46;\n  --group-hsbc-colour-illustration-complimentary-brown-3: #aa8c7d;\n  --group-hsbc-colour-illustration-complimentary-brown-2: #c3aea4;\n  --group-hsbc-colour-illustration-complimentary-brown-1: #d4c5be;\n  --group-hsbc-colour-illustration-orange-8: #461700;\n  --group-hsbc-colour-illustration-orange-7: #6e2e11;\n  --group-hsbc-colour-illustration-orange-6: #954017;\n  --group-hsbc-colour-illustration-orange-5: #be511d;\n  --group-hsbc-colour-illustration-orange-4: #e8804c;\n  --group-hsbc-colour-illustration-orange-3: #fbad8d;\n  --group-hsbc-colour-illustration-orange-2: #f7d5c4;\n  --group-hsbc-colour-illustration-orange-1: #fcede5;\n  --group-hsbc-colour-illustration-yellow-8: #4a3800;\n  --group-hsbc-colour-illustration-yellow-7: #7f5f00;\n  --group-hsbc-colour-illustration-yellow-6: #a87c00;\n  --group-hsbc-colour-illustration-yellow-5: #d1a033;\n  --group-hsbc-colour-illustration-yellow-4: #fdc530;\n  --group-hsbc-colour-illustration-yellow-3: #ffdd82;\n  --group-hsbc-colour-illustration-yellow-2: #ffe8ab;\n  --group-hsbc-colour-illustration-yellow-1: #fff4d7;\n  --group-hsbc-colour-illustration-pink-8: #3f2f34;\n  --group-hsbc-colour-illustration-pink-7: #8f6470;\n  --group-hsbc-colour-illustration-pink-6: #b67e8f;\n  --group-hsbc-colour-illustration-pink-5: #d199a9;\n  --group-hsbc-colour-illustration-pink-4: #f8bfce;\n  --group-hsbc-colour-illustration-pink-3: #fad8e1;\n  --group-hsbc-colour-illustration-pink-2: #fbe4ea;\n  --group-hsbc-colour-illustration-pink-1: #fdf1f4;\n  --group-hsbc-colour-illustration-green-8: #0b3322;\n  --group-hsbc-colour-illustration-green-7: #114f35;\n  --group-hsbc-colour-illustration-green-6: #176a47;\n  --group-hsbc-colour-illustration-green-5: #1c7f55;\n  --group-hsbc-colour-illustration-green-4: #28b67a;\n  --group-hsbc-colour-illustration-green-3: #7ed3af;\n  --group-hsbc-colour-illustration-green-2: #bee9d7;\n  --group-hsbc-colour-illustration-green-1: #e5f6ef;\n  --group-hsbc-colour-illustration-blue-8: #152932;\n  --group-hsbc-colour-illustration-blue-7: #264a5c;\n  --group-hsbc-colour-illustration-blue-6: #366982;\n  --group-hsbc-colour-illustration-blue-5: #4587a7;\n  --group-hsbc-colour-illustration-blue-4: #63c2ef;\n  --group-hsbc-colour-illustration-blue-3: #a1daf6;\n  --group-hsbc-colour-illustration-blue-2: #c7e9fa;\n  --group-hsbc-colour-illustration-blue-1: #e8f6fd;\n  --group-hsbc-colour-neutral-dark-new-grey: #5e5e5e;\n  --group-hsbc-colour-neutral-dark-grey-8: #101010;\n  --group-hsbc-colour-neutral-dark-grey-7: #1d1d1d;\n  --group-hsbc-colour-neutral-dark-grey-6: #212121;\n  --group-hsbc-colour-neutral-black: #000000;\n  --group-hsbc-colour-neutral-grey-5: #333333;\n  --group-hsbc-colour-neutral-grey-4: #767676;\n  --group-hsbc-colour-neutral-grey-3: #d7d8d6;\n  --group-hsbc-colour-neutral-grey-2: #ededed;\n  --group-hsbc-colour-neutral-grey-1: #f3f3f3;\n  --group-hsbc-colour-neutral-white: #ffffff;\n  --group-hsbc-colour-complimentary-red-3: #730014;\n  --group-hsbc-colour-complimentary-red-2: #ba1110;\n  --group-hsbc-colour-complimentary-red-1: #e31e22;\n  --group-hsbc-colour-core-white: #ffffff;\n  --group-hsbc-colour-core-black: #000000;\n  --group-hsbc-colour-core-hsbc-red: #db0011;\n  --group-dark-elevation-functional: #00000033;\n  --group-dark-elevation-decorative: #00000000;\n  --group-dark-image-opacity-disabled: 20;\n  --group-dark-image-opacity: 100;\n  --group-dark-overlay-on-light-version2: #000000d9;\n  --group-dark-overlay-on-light-version1: #00000080;\n  --group-line-height-size-7-desktop: var(--group-scale-3-typography-line-height-font-7);\n  --group-line-height-size-7-tablet: var(--group-scale-2-typography-line-height-font-7);\n  --group-line-height-size-7: var(--group-scale-1-typography-line-height-font-7); /* Should only be used for helper texts or validation messages of a form control. */\n  --group-line-height-size-6-desktop: var(--group-scale-3-typography-line-height-font-6);\n  --group-line-height-size-6-tablet: var(--group-scale-2-typography-line-height-font-6);\n  --group-line-height-size-6: var(--group-scale-1-typography-line-height-font-6); /* Should only be used for label texts. */\n  --group-line-height-size-5-desktop: var(--group-scale-3-typography-line-height-font-5);\n  --group-line-height-size-5-tablet: var(--group-scale-2-typography-line-height-font-5);\n  --group-line-height-size-5: var(--group-scale-1-typography-line-height-font-5); /* Should only be used for label texts. */\n  --group-line-height-size-4-desktop: var(--group-scale-3-typography-line-height-font-4);\n  --group-line-height-size-4-tablet: var(--group-scale-2-typography-line-height-font-4);\n  --group-line-height-size-4: var(--group-scale-1-typography-line-height-font-4); /* Should only be used in a 2/3 grid column to improve readability. */\n  --group-line-height-size-3-desktop: var(--group-scale-3-typography-line-height-font-3);\n  --group-line-height-size-3-tablet: var(--group-scale-2-typography-line-height-font-3);\n  --group-line-height-size-3: var(--group-scale-1-typography-line-height-font-3); /* Should only be used for standard card titles and headings of level 4 or for lead text/paragraphs after a heading. */\n  --group-line-height-size-2-desktop: var(--group-scale-3-typography-line-height-font-2);\n  --group-line-height-size-2-tablet: var(--group-scale-2-typography-line-height-font-2);\n  --group-line-height-size-2: var(--group-scale-1-typography-line-height-font-2); /* Should only be used for form titles, quick link navigation's and headings of level 3. */\n  --group-line-height-size-1-desktop: var(--group-scale-3-typography-line-height-font-1);\n  --group-line-height-size-1-tablet: var(--group-scale-2-typography-line-height-font-1);\n  --group-line-height-size-1: var(--group-scale-1-typography-line-height-font-1); /* Should only be used for content titles and headings of level 2. */\n  --group-text-size-7-desktop: var(--group-scale-3-typography-font-size-font-7);\n  --group-text-size-7-tablet: var(--group-scale-2-typography-font-size-font-7);\n  --group-text-size-7: var(--group-scale-1-typography-font-size-font-7); /* Should only be used for helper texts or validation messages of a form control. */\n  --group-text-size-6-desktop: var(--group-scale-3-typography-font-size-font-6);\n  --group-text-size-6-tablet: var(--group-scale-2-typography-font-size-font-6);\n  --group-text-size-6: var(--group-scale-1-typography-font-size-font-6); /* Should only be used for label texts. */\n  --group-text-size-5-desktop: var(--group-scale-3-typography-font-size-font-5);\n  --group-text-size-5-tablet: var(--group-scale-2-typography-font-size-font-5);\n  --group-text-size-5: var(--group-scale-1-typography-font-size-font-5); /* Should only be used for label texts. */\n  --group-text-size-4-desktop: var(--group-scale-3-typography-font-size-font-4);\n  --group-text-size-4-tablet: var(--group-scale-2-typography-font-size-font-4);\n  --group-text-size-4: var(--group-scale-1-typography-font-size-font-4); /* Should only be used in a 2/3 grid column to improve readability. */\n  --group-text-size-3-desktop: var(--group-scale-3-typography-font-size-font-3);\n  --group-text-size-3-tablet: var(--group-scale-2-typography-font-size-font-3);\n  --group-text-size-3: var(--group-scale-1-typography-font-size-font-3); /* Should only be used for standard card titles and headings of level 4 or for lead text/paragraphs after a heading. */\n  --group-text-size-2-desktop: var(--group-scale-3-typography-font-size-font-2);\n  --group-text-size-2-tablet: var(--group-scale-2-typography-font-size-font-2);\n  --group-text-size-2: var(--group-scale-1-typography-font-size-font-2); /* Should only be used for form titles, quick link navigation's and headings of level 3. */\n  --group-text-size-1-desktop: var(--group-scale-3-typography-font-size-font-1);\n  --group-text-size-1-tablet: var(--group-scale-2-typography-font-size-font-1);\n  --group-text-size-1: var(--group-scale-1-typography-font-size-font-1); /* Should only be used for content titles and headings of level 2. */\n  --group-font-weight-thin: var(--group-scale-1-typography-font-weight-thin); /* Default width of paragraphs. Only available with the font Univers Next for HSBC. */\n  --group-font-weight-light: var(--group-scale-1-typography-font-weight-light); /* Can be used for secondary headings. Only available with the font Univers Next for HSBC. */\n  --group-font-weight-medium: var(--group-scale-1-typography-font-weight-medium); /* Can be used for secondary headings. Only available with the font Univers Next for HSBC. */\n  --group-font-weight-regular: var(--group-scale-1-typography-font-weight-regular); /* Default width of paragraphs. Only available with the font Univers. */\n  --group-font-weight-bold: var(--group-scale-1-typography-font-weight-bold); /* Bold is used for headings, links and buttons. */\n  --group-space-large-tablet: var(--group-space-large);\n  --group-space-medium-tablet: var(--group-space-medium);\n  --group-space-normal-desktop: var(--group-space-normal);\n  --group-space-normal-tablet: var(--group-space-normal);\n  --group-space-small-desktop: var(--group-space-small);\n  --group-space-small-tablet: var(--group-space-small);\n  --group-space-x-small-desktop: var(--group-space-x-small);\n  --group-space-x-small-tablet: var(--group-space-x-small);\n  --group-space-xx-small-desktop: var(--group-space-xx-small);\n  --group-space-xx-small-tablet: var(--group-space-xx-small);\n  --group-radius-normal: var(--group-scale-1-border-radius); /* The normal radius token strikes a balance between softness and structure. */\n  --group-column-gap: var(--group-space-normal);\n  --group-container-space-desktop: var(--group-space-x-large-desktop); /* Default space on desktops of a container to left and right side. */\n  --group-container-space-tablet: var(--group-space-x-large-tablet); /* Default space on tablets of a container to left and right side. */\n  --group-container-space: var(--group-space-normal); /* Default space of a container to left and right side. */\n  --group-border-large-desktop: var(--group-scale-3-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */\n  --group-border-large-tablet: var(--group-scale-2-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */\n  --group-border-large: var(--group-scale-1-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */\n  --group-border-medium-desktop: var(--group-scale-3-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */\n  --group-border-medium-tablet: var(--group-scale-2-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */\n  --group-border-medium: var(--group-scale-1-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */\n  --group-border-small-desktop: var(--group-scale-3-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */\n  --group-border-small-tablet: var(--group-scale-2-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */\n  --group-border-small: var(--group-scale-1-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */\n  --group-light-rag-border-information: var(--group-hsbc-colour-rag-blue);\n  --group-light-rag-border-success: var(--group-hsbc-colour-rag-green);\n  --group-light-rag-border-warning: var(--group-hsbc-colour-rag-amber);\n  --group-light-rag-border-error: var(--group-hsbc-colour-rag-red);\n  --group-light-rag-surface-information-default2: var(--group-hsbc-colour-rag-blue-tint);\n  --group-light-rag-surface-information-default-1: var(--group-hsbc-colour-rag-blue);\n  --group-light-rag-surface-success-default2: var(--group-hsbc-colour-rag-green-tint);\n  --group-light-rag-surface-success-default-1: var(--group-hsbc-colour-rag-green);\n  --group-light-rag-surface-warning-default2: var(--group-hsbc-colour-rag-amber-tint);\n  --group-light-rag-surface-warning-default-1: var(--group-hsbc-colour-rag-amber);\n  --group-light-rag-surface-error-default2: var(--group-hsbc-colour-rag-red-tint);\n  --group-light-rag-surface-error-default-1: var(--group-hsbc-colour-rag-red);\n  --group-light-rag-icon-information-icon: var(--group-hsbc-colour-neutral-white);\n  --group-light-rag-icon-information-container: var(--group-hsbc-colour-rag-blue);\n  --group-light-rag-icon-success-icon: var(--group-hsbc-colour-neutral-white);\n  --group-light-rag-icon-success-container: var(--group-hsbc-colour-rag-green);\n  --group-light-rag-icon-warning-icon: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-rag-icon-warning-container: var(--group-hsbc-colour-rag-amber);\n  --group-light-rag-icon-error-icon: var(--group-hsbc-colour-neutral-white);\n  --group-light-rag-icon-error-container: var(--group-hsbc-colour-rag-red);\n  --group-light-rag-text-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-light-rag-text-on-light: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-data-vis-border-on-dark-indicator: var(--group-hsbc-colour-neutral-white);\n  --group-light-data-vis-border-on-dark-gridline: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-data-vis-border-on-dark-baseline-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-data-vis-border-on-dark-baseline-1: var(--group-hsbc-colour-neutral-white);\n  --group-light-data-vis-border-on-light-indicator: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-data-vis-border-on-light-gridline: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-data-vis-border-on-light-baseline-2: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-data-vis-border-on-light-baseline-1: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-data-vis-surface-secondary: var(--group-hsbc-colour-neutral-black);\n  --group-light-data-vis-surface-primary: var(--group-hsbc-colour-neutral-white);\n  --group-light-data-vis-data-chart-green-4: var(--group-hsbc-colour-data-vis-green-4);\n  --group-light-data-vis-data-chart-green-3: var(--group-hsbc-colour-data-vis-green-3);\n  --group-light-data-vis-data-chart-green-2: var(--group-hsbc-colour-data-vis-green-2);\n  --group-light-data-vis-data-chart-green-1: var(--group-hsbc-colour-data-vis-green-1);\n  --group-light-data-vis-data-chart-orange-4: var(--group-hsbc-colour-data-vis-orange-4);\n  --group-light-data-vis-data-chart-orange-3: var(--group-hsbc-colour-data-vis-orange-3);\n  --group-light-data-vis-data-chart-orange-2: var(--group-hsbc-colour-data-vis-orange-2);\n  --group-light-data-vis-data-chart-orange-1: var(--group-hsbc-colour-data-vis-orange-1);\n  --group-light-data-vis-data-chart-pink-4: var(--group-hsbc-colour-data-vis-pink-4);\n  --group-light-data-vis-data-chart-pink-3: var(--group-hsbc-colour-data-vis-pink-3);\n  --group-light-data-vis-data-chart-pink-2: var(--group-hsbc-colour-data-vis-pink-2);\n  --group-light-data-vis-data-chart-pink-1: var(--group-hsbc-colour-data-vis-pink-1);\n  --group-light-data-vis-data-chart-purple-4: var(--group-hsbc-colour-data-vis-purple-4);\n  --group-light-data-vis-data-chart-purple-3: var(--group-hsbc-colour-data-vis-purple-3);\n  --group-light-data-vis-data-chart-purple-2: var(--group-hsbc-colour-data-vis-purple-2);\n  --group-light-data-vis-data-chart-purple-1: var(--group-hsbc-colour-data-vis-purple-1);\n  --group-light-data-vis-data-chart-blue-4: var(--group-hsbc-colour-data-vis-blue-4);\n  --group-light-data-vis-data-chart-blue-3: var(--group-hsbc-colour-data-vis-blue-3);\n  --group-light-data-vis-data-chart-blue-2: var(--group-hsbc-colour-data-vis-blue-2);\n  --group-light-data-vis-data-chart-blue-1: var(--group-hsbc-colour-data-vis-blue-1);\n  --group-light-interactive-on-dark-border-brand-1-processing: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-1: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-brand-2: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-active-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-active-hover: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-active: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-dark-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-dark-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-dark-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-surface-brand-2-processing: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-interactive-on-dark-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-1);\n  --group-light-interactive-on-dark-surface-brand-2: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-dark-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);\n  --group-light-interactive-on-dark-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-dark-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-interactive-on-dark-surface-active-hover: var(--group-hsbc-colour-neutral-grey-1);\n  --group-light-interactive-on-dark-surface-active: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-dark-surface-primary-disabled: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-interactive-on-dark-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-dark-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-dark-surface-primary: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-interactive-on-light-border-brand-2-processing: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-border-brand-2-pressed: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-brand-2-hover: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-brand-2: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-brand-1-pressed: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-light-border-brand-1-hover: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-light-border-brand-1: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-light-border-active-pressed: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-active-hover: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-active: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-border-high-contrast: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-border-low-contrast: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-surface-brand-2-processing: var(--group-hsbc-colour-core-black);\n  --group-light-interactive-on-light-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-interactive-on-light-surface-brand-2: var(--group-hsbc-colour-core-black);\n  --group-light-interactive-on-light-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-light-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-interactive-on-light-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);\n  --group-light-interactive-on-light-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-interactive-on-light-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-surface-active-hover: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-interactive-on-light-surface-active: var(--group-hsbc-colour-neutral-black);\n  --group-light-interactive-on-light-surface-primary-processing: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-light-surface-primary-disabled: var(--group-hsbc-colour-neutral-white);\n  --group-light-interactive-on-light-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-interactive-on-light-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-1);\n  --group-light-interactive-on-light-surface-primary: var(--group-hsbc-colour-neutral-white);\n  --group-light-non-interactive-border-black: var(--group-hsbc-colour-neutral-black);\n  --group-light-non-interactive-border-neutral-5: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-non-interactive-border-neutral-4: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-non-interactive-border-neutral-3: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-non-interactive-border-neutral-2: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-non-interactive-border-neutral-1: var(--group-hsbc-colour-neutral-grey-1);\n  --group-light-non-interactive-border-white: var(--group-hsbc-colour-neutral-white);\n  --group-light-non-interactive-surface-brand-3: var(--group-hsbc-colour-complimentary-red-3);\n  --group-light-non-interactive-surface-brand-2: var(--group-hsbc-colour-complimentary-red-2);\n  --group-light-non-interactive-surface-brand-1: var(--group-hsbc-colour-complimentary-red-1);\n  --group-light-non-interactive-surface-black: var(--group-hsbc-colour-neutral-black);\n  --group-light-non-interactive-surface-neutral-5: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-non-interactive-surface-neutral-4: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-non-interactive-surface-neutral-3: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-non-interactive-surface-neutral-2: var(--group-hsbc-colour-neutral-grey-2);\n  --group-light-non-interactive-surface-neutral-1: var(--group-hsbc-colour-neutral-grey-1);\n  --group-light-non-interactive-surface-white: var(--group-hsbc-colour-neutral-white);\n  --group-light-canvas: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-dark-processing: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-icon-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-icon-on-dark-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-dark-hover: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-light-processing: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-icon-on-light-disabled-2: var(--group-hsbc-colour-neutral-white);\n  --group-light-icon-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-icon-on-light-pressed-2: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-icon-on-light-hover-2: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-icon-on-light-default-2: var(--group-hsbc-colour-core-hsbc-red);\n  --group-light-icon-on-light-pressed-1: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-icon-on-light-hover-1: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-icon-on-light-default-1: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-text-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-text-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-light-text-on-dark-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-light-text-on-dark-hover: var(--group-hsbc-colour-neutral-white);\n  --group-light-text-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-light-text-on-light-disabled-2: var(--group-hsbc-colour-neutral-white);\n  --group-light-text-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-3);\n  --group-light-text-on-light-pressed: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-text-on-light-hover: var(--group-hsbc-colour-neutral-grey-5);\n  --group-light-text-on-light: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-elevation-border: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-rag-border-information: var(--group-hsbc-colour-rag-blue);\n  --group-dark-rag-border-success: var(--group-hsbc-colour-rag-green);\n  --group-dark-rag-border-warning: var(--group-hsbc-colour-rag-amber);\n  --group-dark-rag-border-error: var(--group-hsbc-colour-rag-red);\n  --group-dark-rag-surface-information-default2: var(--group-hsbc-colour-rag-dark-blue-tint);\n  --group-dark-rag-surface-information-default-1: var(--group-hsbc-colour-rag-blue);\n  --group-dark-rag-surface-success-default2: var(--group-hsbc-colour-rag-dark-green-tint);\n  --group-dark-rag-surface-success-default-1: var(--group-hsbc-colour-rag-green);\n  --group-dark-rag-surface-warning-default2: var(--group-hsbc-colour-rag-dark-amber-tint);\n  --group-dark-rag-surface-warning-default-1: var(--group-hsbc-colour-rag-amber);\n  --group-dark-rag-surface-error-default2: var(--group-hsbc-colour-rag-dark-red-tint);\n  --group-dark-rag-surface-error-default-1: var(--group-hsbc-colour-rag-red);\n  --group-dark-rag-icon-information-icon: var(--group-hsbc-colour-neutral-white);\n  --group-dark-rag-icon-information-container: var(--group-hsbc-colour-rag-blue);\n  --group-dark-rag-icon-success-icon: var(--group-hsbc-colour-neutral-white);\n  --group-dark-rag-icon-success-container: var(--group-hsbc-colour-rag-green);\n  --group-dark-rag-icon-warning-icon: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-rag-icon-warning-container: var(--group-hsbc-colour-rag-amber);\n  --group-dark-rag-icon-error-icon: var(--group-hsbc-colour-neutral-white);\n  --group-dark-rag-icon-error-container: var(--group-hsbc-colour-rag-red);\n  --group-dark-rag-text-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-dark-rag-text-on-light: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-data-vis-border-on-dark-indicator: var(--group-hsbc-colour-neutral-white);\n  --group-dark-data-vis-border-on-dark-gridline: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-data-vis-border-on-dark-baseline-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-data-vis-border-on-dark-baseline-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-data-vis-border-on-light-indicator: var(--group-hsbc-colour-neutral-white);\n  --group-dark-data-vis-border-on-light-gridline: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-data-vis-border-on-light-baseline-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-data-vis-border-on-light-baseline-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-data-vis-surface-secondary: var(--group-hsbc-colour-neutral-black);\n  --group-dark-data-vis-surface-primary: var(--group-hsbc-colour-neutral-black);\n  --group-dark-data-vis-data-chart-green-4: var(--group-hsbc-colour-data-vis-green-4);\n  --group-dark-data-vis-data-chart-green-3: var(--group-hsbc-colour-data-vis-green-3);\n  --group-dark-data-vis-data-chart-green-2: var(--group-hsbc-colour-data-vis-green-2);\n  --group-dark-data-vis-data-chart-green-1: var(--group-hsbc-colour-data-vis-green-1);\n  --group-dark-data-vis-data-chart-orange-4: var(--group-hsbc-colour-data-vis-orange-4);\n  --group-dark-data-vis-data-chart-orange-3: var(--group-hsbc-colour-data-vis-orange-3);\n  --group-dark-data-vis-data-chart-orange-2: var(--group-hsbc-colour-data-vis-orange-2);\n  --group-dark-data-vis-data-chart-orange-1: var(--group-hsbc-colour-data-vis-orange-1);\n  --group-dark-data-vis-data-chart-pink-4: var(--group-hsbc-colour-data-vis-pink-4);\n  --group-dark-data-vis-data-chart-pink-3: var(--group-hsbc-colour-data-vis-pink-3);\n  --group-dark-data-vis-data-chart-pink-2: var(--group-hsbc-colour-data-vis-pink-2);\n  --group-dark-data-vis-data-chart-pink-1: var(--group-hsbc-colour-data-vis-pink-1);\n  --group-dark-data-vis-data-chart-purple-4: var(--group-hsbc-colour-data-vis-purple-4);\n  --group-dark-data-vis-data-chart-purple-3: var(--group-hsbc-colour-data-vis-purple-3);\n  --group-dark-data-vis-data-chart-purple-2: var(--group-hsbc-colour-data-vis-purple-2);\n  --group-dark-data-vis-data-chart-purple-1: var(--group-hsbc-colour-data-vis-purple-1);\n  --group-dark-data-vis-data-chart-blue-4: var(--group-hsbc-colour-data-vis-blue-4);\n  --group-dark-data-vis-data-chart-blue-3: var(--group-hsbc-colour-data-vis-blue-3);\n  --group-dark-data-vis-data-chart-blue-2: var(--group-hsbc-colour-data-vis-blue-2);\n  --group-dark-data-vis-data-chart-blue-1: var(--group-hsbc-colour-data-vis-blue-1);\n  --group-dark-interactive-on-dark-border-brand-1-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-brand-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-active-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-active-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-active: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-dark-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-dark-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-dark-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-surface-brand-2-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-2);\n  --group-dark-interactive-on-dark-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-1);\n  --group-dark-interactive-on-dark-surface-brand-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-dark-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);\n  --group-dark-interactive-on-dark-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-dark-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-black);\n  --group-dark-interactive-on-dark-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);\n  --group-dark-interactive-on-dark-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);\n  --group-dark-interactive-on-dark-surface-active-pressed: var(--group-hsbc-colour-neutral-dark-grey-7);\n  --group-dark-interactive-on-dark-surface-active-hover: var(--group-hsbc-colour-neutral-dark-grey-8);\n  --group-dark-interactive-on-dark-surface-active: var(--group-hsbc-colour-neutral-black);\n  --group-dark-interactive-on-dark-surface-primary-disabled: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-interactive-on-dark-surface-primary-pressed: var(--group-hsbc-colour-neutral-dark-grey-6);\n  --group-dark-interactive-on-dark-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-interactive-on-dark-surface-primary: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-interactive-on-light-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-brand-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-active-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-active-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-active: var(--group-hsbc-colour-neutral-white);\n  --group-dark-interactive-on-light-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-light-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-light-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-interactive-on-light-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-brand-2-processing: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-dark-grey-6);\n  --group-dark-interactive-on-light-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-interactive-on-light-surface-brand-2-hover: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-interactive-on-light-surface-brand-2: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);\n  --group-dark-interactive-on-light-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-dark-grey-6);\n  --group-dark-interactive-on-light-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);\n  --group-dark-interactive-on-light-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);\n  --group-dark-interactive-on-light-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-interactive-on-light-surface-active-hover: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-interactive-on-light-surface-active: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-primary-processing: var(--group-hsbc-colour-neutral-black);\n  --group-dark-interactive-on-light-surface-primary-disabled: var(--group-hsbc-colour-neutral-black);\n  --group-dark-interactive-on-light-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-interactive-on-light-surface-primary-hover: var(--group-hsbc-colour-neutral-dark-grey-8);\n  --group-dark-interactive-on-light-surface-primary: var(--group-hsbc-colour-neutral-black);\n  --group-dark-non-interactive-border-black: var(--group-hsbc-colour-neutral-white);\n  --group-dark-non-interactive-border-neutral-5: var(--group-hsbc-colour-neutral-grey-2);\n  --group-dark-non-interactive-border-neutral-4: var(--group-hsbc-colour-neutral-grey-3);\n  --group-dark-non-interactive-border-neutral-3: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-non-interactive-border-neutral-2: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-non-interactive-border-neutral-1: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-non-interactive-border-white: var(--group-hsbc-colour-neutral-black);\n  --group-dark-non-interactive-surface-brand-3: var(--group-hsbc-colour-complimentary-red-3);\n  --group-dark-non-interactive-surface-brand-2: var(--group-hsbc-colour-complimentary-red-2);\n  --group-dark-non-interactive-surface-brand-1: var(--group-hsbc-colour-complimentary-red-1);\n  --group-dark-non-interactive-surface-black: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-non-interactive-surface-neutral-5: var(--group-hsbc-colour-neutral-dark-new-grey);\n  --group-dark-non-interactive-surface-neutral-4: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-non-interactive-surface-neutral-3: var(--group-hsbc-colour-neutral-dark-grey-6);\n  --group-dark-non-interactive-surface-neutral-2: var(--group-hsbc-colour-neutral-dark-grey-7);\n  --group-dark-non-interactive-surface-neutral-1: var(--group-hsbc-colour-neutral-dark-grey-8);\n  --group-dark-non-interactive-surface-white: var(--group-hsbc-colour-neutral-black);\n  --group-dark-canvas: var(--group-hsbc-colour-neutral-black);\n  --group-dark-icon-on-dark-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-icon-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-icon-on-dark-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-dark-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-processing: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-icon-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-icon-on-light-pressed-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-hover-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-default-2: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-pressed-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-hover-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-icon-on-light-default-1: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-text-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-text-on-dark-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-dark-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-dark: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-light-disabled-2: var(--group-hsbc-colour-neutral-grey-5);\n  --group-dark-text-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-4);\n  --group-dark-text-on-light-pressed: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-light-hover: var(--group-hsbc-colour-neutral-white);\n  --group-dark-text-on-light: var(--group-hsbc-colour-neutral-white);\n  --group-color-base-neutral-5: var(--group-hsbc-colour-neutral-grey-5);\n  --group-color-base-neutral-4: var(--group-hsbc-colour-neutral-grey-4);\n  --group-color-base-neutral-3: var(--group-hsbc-colour-neutral-grey-3);\n  --group-color-base-neutral-2: var(--group-hsbc-colour-neutral-grey-2);\n  --group-color-base-neutral-1: var(--group-hsbc-colour-neutral-grey-1);\n  --group-color-base-black: var(--group-hsbc-colour-core-black);\n  --group-color-base-white: var(--group-hsbc-colour-core-white);\n  --group-color-base-complimentary-red-3: var(--group-hsbc-colour-complimentary-red-3);\n  --group-color-base-complimentary-red-2: var(--group-hsbc-colour-complimentary-red-2);\n  --group-color-base-complimentary-red-1: var(--group-hsbc-colour-complimentary-red-1);\n  --group-color-base-core-white: var(--group-hsbc-colour-core-white);\n  --group-color-base-core-black: var(--group-hsbc-colour-core-black);\n  --group-color-base-core-primary: var(--group-hsbc-colour-core-hsbc-red);\n  --group-color-base-error-default-2: var(--group-light-rag-surface-error-default2);\n  --group-color-base-error-default-1: var(--group-light-rag-surface-error-default-1);\n  --group-color-base-warning-default-2: var(--group-light-rag-surface-warning-default2);\n  --group-color-base-warning-default-1: var(--group-light-rag-surface-warning-default-1);\n  --group-color-base-success-default-2: var(--group-light-rag-surface-success-default2);\n  --group-color-base-success-default-1: var(--group-light-rag-surface-success-default-1);\n  --group-color-base-info-default-2: var(--group-light-rag-surface-information-default2);\n  --group-color-base-info-default-1: var(--group-light-rag-surface-information-default-1);\n  --group-color-background-disabled: var(--group-light-interactive-on-light-surface-brand-1-disabled); /* Disabled elements are displayed in a light grey. */\n  --group-color-background-primary: var(--group-color-base-core-primary); /* Red is our accent color and it is present on every touch-point */\n  --group-color-text-error: var(--group-color-base-error-default-1);\n  --group-color-text-success: var(--group-color-base-success-default-1);\n  --group-color-text-warning: var(--group-color-base-warning-default-1);\n  --group-color-text-info: var(--group-color-base-info-default-1);\n  --group-color-background-error: var(--group-color-base-error-default-1); /* Error messages are displayed in red. */\n  --group-color-background-warning: var(--group-color-base-warning-default-1); /* Warning messages are displayed in yellow. */\n  --group-color-background-success: var(--group-color-base-success-default-1); /* Success messages are displayed in green. */\n  --group-color-background-info: var(--group-color-base-info-default-1); /* Informational messages are displayed in blue. */\n}\n","@use \"sass:map\"\n@use \"sass:string\"\n@use \"sass:math\"\n\n@function bulmaRgba($color, $alpha)\n  @if type-of($color) != 'color'\n    @return $color\n  @return rgba($color, $alpha)\n\n=placeholder\n  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'\n  @each $placeholder in $placeholders\n    &:#{$placeholder}-placeholder\n      @content\n\n=hover\n  @media(hover: hover) and (pointer: fine)\n    @content\n\n=overflow-touch\n  -webkit-overflow-scrolling: touch\n\n=focus\n  outline: 2px solid black\n  outline-offset: 2px\n\n=focus-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inset-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inverted-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inverted-inset-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=font-smoothing\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n\n=bottomSpacing($spacing: $block-spacing)\n  &:not(:last-child)\n    margin-bottom: $spacing\n\n=ltr-position($spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$normal}: $spacing\n\n=ltr-property($property, $spacing, $right: true)\n  $normal: if($right, \"right\", \"left\")\n  #{$property}-#{$normal}: $spacing\n\n=unselectable\n  -webkit-touch-callout: none\n  -webkit-user-select: none\n  -moz-user-select: none\n  -ms-user-select: none\n  user-select: none\n\n=disabled\n  cursor: default !important\n  pointer-events: none !important\n\n=reset\n  -moz-appearance: none\n  -webkit-appearance: none\n  appearance: none\n  background: none\n  border: none\n  color: currentColor\n  font-family: inherit\n  font-size: 1em\n  margin: 0\n  padding: 0\n\n=overlay($offset: 0)\n  bottom: $offset\n  left: $offset\n  position: absolute\n  right: $offset\n  top: $offset\n\n=hide-element\n  display: none !important\n  visibility: hidden !important\n\n=hidden-input\n  position: absolute !important\n  left: 0\n  top: 0\n  margin: 0\n  padding: 0\n  opacity: 0\n  outline: 0\n  border: none\n  width: 1px\n  height: 1px\n  clip: rect(1px, 1px, 1px, 1px)\n  overflow: hidden\n\n=invisible\n  position: absolute !important\n  height: 1px !important\n  width: 1px !important\n  padding: 0 !important\n  overflow: hidden !important\n  border: none !important\n  white-space: nowrap !important\n  clip: rect(1px 1px 1px 1px) !important\n  clip: rect(1px, 1px, 1px, 1px) !important\n","$block-spacing: 0.25rem !default\n\n@import '../src/mixins/_all'\n","%bottomSpacing\n  +bottomSpacing\n\n%hidden-input\n  +hidden-input\n\n%focus\n  +focus\n\n%focus-shadow\n  +focus-shadow\n\n%focus-inverted-shadow\n  +focus-inverted-shadow\n\n%focus-inset-shadow\n  +focus-inset-shadow\n\n%focus-inverted-inset-shadow\n  +focus-inverted-inset-shadow\n\n%disabled\n  +disabled\n\n%unselectable\n  +unselectable\n\n%font-smoothing\n  +font-smoothing\n\n%reset\n  +reset\n\n%overlay\n  +overlay\n","/**\n * @prop --group-body-background: Body background color\n * @prop --group-body-font-family: Body font family\n * @prop --group-body-color: Body text color\n * @prop --group-body-font-weight: Body text weight\n * @prop --group-body-font-size: Body font size\n * @prop --group-body-line-height: Body line height\n * @prop --group-divider-background: Divider background color\n * @prop --group-small-font-size: TBD\n * @prop --group-strong-color: TBD\n * @prop --group-strong-font-weight: TBD\n */\n\n:root\n  //\n  // body variables\n  --group-body-background: var(--group-light-non-interactive-surface-white)\n  --group-body-font-family: var(--group-font-family-text)\n  --group-body-color: var(--group-light-text-on-light)\n  --group-body-font-weight: var(--group-font-weight-regular)\n  --group-body-font-size: 16px\n  --group-body-line-height: var(--group-line-height-size-6-desktop)\n  --group-small-font-size: var(--group-text-size-6-desktop)\n  --group-strong-color: var(--group-color-text-primary)\n  --group-strong-font-weight: var(--group-font-weight-bold)\n  //\n  // divider variables\n  --group-divider-background: var(--group-light-non-interactive-surface-neutral-3)\n","/**\n * @prop --group-title-font-family: Title font family\n * @prop --group-title-font-weight: Title font weight\n * @prop --group-subtitle-font-family: Subtitle font family\n * @prop --group-subtitle-font-weight: Subtitle font weight\n */\n\n:root\n  --group-title-font-family: var(--group-scale-1-typography-font-family)\n  --group-title-font-weight: var(--group-scale-1-typography-font-weight-bold)\n  --group-subtitle-font-family: var(--group-scale-1-typography-font-family)\n  --group-subtitle-font-weight: var(--group-scale-1-typography-font-weight-regular)\n","/**\n * @prop --group-link-color: Default link color\n * @prop --group-link-color-hover: Link color on hover\n * @prop --group-link-color-active: Link color on pressed\n * @prop --group-link-font-weight: Default link font weight\n * @prop --group-link-radius: Default link border radius\n * @prop --group-link-text-decoration: Link text decoration\n * @prop --group-link-text-underline-offset: Link decoration underline-offset 0.25rem\n * @prop --group-link-text-decoration-thickness: Link decoration thickness 2px\n * @prop --group-link-inverted-color: Link color on dark background\n * @prop --group-link-inverted-color-hover: Link color on dark background when hovering\n * @prop --group-link-inverted-color-active: Link color on dark background when pressing\n * @prop --group-link-inverted-light-font-weight: Link font weight on dark background\n * @prop --group-link-inverted-light-text-decoration: Link text-decoration on dark background\n */\n\n:root\n  --group-link-color: var(--group-light-text-on-light)\n  --group-link-color-hover: var(--group-light-text-on-light-hover)\n  --group-link-color-active: var(--group-light-text-on-light-pressed)\n  --group-link-font-weight: var(--group-font-weight-bold)\n  --group-link-radius: var(--group-radius-normal)\n  --group-link-background: transparent\n  --group-link-border-color: transparent\n  --group-link-text-decoration: underline\n  --group-link-text-underline-offset: 0.25rem\n  --group-link-text-decoration-thickness: var(--group-scale-3-border-width-small)\n  //\n  // inverted\n  --group-link-inverted-color: var(--group-light-text-on-dark)\n  --group-link-inverted-color-hover: var(--group-light-text-on-dark-hover)\n  --group-link-inverted-color-active: var(--group-light-text-on-dark-pressed)\n  //\n  // inverted light\n  --group-link-inverted-light-font-weight: var(--group-font-weight-regular)\n  --group-link-inverted-light-text-decoration: none\n","/**\n * @prop --group-form-field-control-font-size: TBD\n * @prop --group-form-field-control-font-family: TBD\n * @prop --group-form-field-control-color: TBD\n * @prop --group-form-field-control-placeholder-color: TBD\n * @prop --group-form-field-control-radius: TBD\n * @prop --group-form-field-control-background: TBD\n * @prop --group-form-field-control-background-hover: TBD\n * @prop --group-form-field-control-background-active: TBD\n * @prop --group-form-field-control-border-width: TBD\n * @prop --group-form-field-control-border-style: TBD\n * @prop --group-form-field-control-border-color: TBD\n * @prop --group-form-field-control-border-color-hover: TBD\n * @prop --group-form-field-control-border-color-active: TBD\n * @prop --group-form-field-control-success-background: TBD\n * @prop --group-form-field-control-success-background-hover: TBD\n * @prop --group-form-field-control-success-background-active: TBD\n * @prop --group-form-field-control-success-border-color: TBD\n * @prop --group-form-field-control-success-border-color-hover: TBD\n * @prop --group-form-field-control-success-border-color-active: TBD\n * @prop --group-form-field-control-error-background: TBD\n * @prop --group-form-field-control-error-background-hover: TBD\n * @prop --group-form-field-control-error-background-active: TBD\n * @prop --group-form-field-control-error-border-color: TBD\n * @prop --group-form-field-control-error-border-color-hover: TBD\n * @prop --group-form-field-control-error-border-color-active: TBD\n * @prop --group-form-field-control-disabled-color: TBD\n * @prop --group-form-field-control-disabled-background: TBD\n * @prop --group-form-field-control-disabled-border-color: TBD\n * @prop --group-form-field-label-font-size: TBD\n * @prop --group-form-field-label-line-height: TBD\n * @prop --group-form-field-label-font-weight: TBD\n * @prop --group-form-field-label-font-family: TBD\n * @prop --group-form-field-label-margin-bottom: TBD\n * @prop --group-form-field-label-color-hover: TBD\n * @prop --group-form-field-label-color-active: TBD\n * @prop --group-form-field-label-success-color: TBD\n * @prop --group-form-field-label-error-color: TBD\n * @prop --group-form-field-label-error-color-hover: TBD\n * @prop --group-form-field-label-error-color-active: TBD\n * @prop --group-form-field-label-disabled-color TBD\n * @prop --group-form-field-message-font-size: TBD\n * @prop --group-form-field-message-font-weight: TBD\n * @prop --group-form-field-message-color: TBD\n * @prop --group-form-field-message-color-hover: TBD\n * @prop --group-form-field-message-color-active: TBD\n * @prop --group-form-field-message-font-weight: TBD\n * @prop --group-form-field-message-success-color: TBD\n * @prop --group-form-field-message-error-color: TBD\n * @prop --group-form-field-message-disabled-color: TBD\n * @prop --group-form-field-icon-color: TBD\n * @prop --group-form-field-icon-color-hover: TBD\n * @prop --group-form-field-icon-color-active: TBD\n * @prop --group-form-field-icon-success-color: TBD\n * @prop --group-form-field-icon-error-color: TBD\n * @prop --group-form-field-icon-disabled-color: TBD\n * @prop --group-file-label-color: TBD\n * @prop --group-file-label-color-hover: TBD\n * @prop --group-file-label-color-active: TBD\n * @prop --group-file-border-style: TBD\n * @prop --group-file-label-disabled-color: TBD\n */\n\n:root\n  //\n  // form control\n  --group-form-field-control-font-size: var(--group-text-size-5)\n  --group-form-field-control-font-family: var(--group-font-family-text)\n  --group-form-field-control-color: var(--group-light-text-on-light)\n  --group-form-field-control-placeholder-color: var(--group-light-text-on-light)\n  --group-form-field-control-radius: var(--group-radius-normal)\n  --group-form-field-control-background: var(--group-color-base-core-white)\n  --group-form-field-control-background-hover: var(--group-color-base-neutral-1)\n  --group-form-field-control-background-active: var(--group-color-base-neutral-1)\n  --group-form-field-control-border-width: var(--group-scale-3-border-width-medium)\n  --group-form-field-control-border-style: solid\n  --group-form-field-control-border-color: var(--group-color-base-neutral-3)\n  --group-form-field-control-border-color-hover: var(--group-form-field-control-border-color)\n  --group-form-field-control-border-color-active: var(--group-color-base-core-primary)\n  // success\n  --group-form-field-control-success-background: var(--group-color-base-success-default-1)\n  --group-form-field-control-success-background-hover: var(--group-color-base-success-default-1)\n  --group-form-field-control-success-background-active: var(--group-color-base-success-default-1)\n  --group-form-field-control-success-border-color: var(--group-color-base-success-default-1)\n  --group-form-field-control-success-border-color-hover: var(--group-color-base-success-default-1)\n  --group-form-field-control-success-border-color-active: var(--group-color-base-success-default-1)\n  // error\n  --group-form-field-control-error-background: var(--group-color-base-error-default-1)\n  --group-form-field-control-error-background-hover: var(--group-color-base-error-default-1)\n  --group-form-field-control-error-background-active: var(--group-color-base-error-default-1)\n  --group-form-field-control-error-border-color: var(--group-color-base-error-default-1)\n  --group-form-field-control-error-border-color-hover: var(--group-form-field-control-border-color)\n  --group-form-field-control-error-border-color-active: var(--group-color-base-error-default-1)\n  // disabled\n  --group-form-field-control-disabled-color: var(--group-light-text-on-dark-disabled-1)\n  --group-form-field-control-disabled-background: var(--group-light-text-on-dark-disabled-2)\n  --group-form-field-control-disabled-border-color: var(--group-light-text-on-dark-disabled-1)\n  //\n  // field label\n  --group-form-field-label-font-size: var(--group-text-size-5-desktop)\n  --group-form-field-label-line-height: var(--group-line-height-size-5-desktop)\n  --group-form-field-label-font-weight: var(--group-font-weight-regular)\n  --group-form-field-label-font-family: var(--group-font-family-text)\n  --group-form-field-label-margin-bottom: 0.25rem\n  --group-form-field-label-color-hover: var(--group-link-color-hover)\n  --group-form-field-label-color-active: var(--group-link-color-active)\n  --group-form-field-label-success-color: var(--group-color-text-success)\n  --group-form-field-label-error-color: var(--group-color-text-error)\n  --group-form-field-label-error-color-hover: var(--group-color-text-error)\n  --group-form-field-label-error-color-active: var(--group-color-text-error)\n  --group-form-field-label-disabled-color: var(--group-light-non-interactive-surface-neutral-3)\n  //\n  // field message\n  --group-form-field-message-font-size: var(--group-text-size-6-desktop)\n  --group-form-field-message-font-weight: var(--group-font-weight-regular)\n  --group-form-field-message-color: var(--group-link-color)\n  --group-form-field-message-color-hover: var(--group-link-color-hover)\n  --group-form-field-message-color-active: var(--group-link-color-active)\n  --group-form-field-message-success-color: var(--group-color-text-success)\n  --group-form-field-message-error-color: var(--group-color-text-error)\n  --group-form-field-message-disabled-color: var(--group-link-color)\n  //\n  // field icon\n  --group-form-field-icon-color: var(--group-link-color)\n  --group-form-field-icon-color-hover: var(--group-link-color-hover)\n  --group-form-field-icon-color-active: var(--group-link-color-active)\n  --group-form-field-icon-success-color: var(--group-color-text-success)\n  --group-form-field-icon-error-color: var(--group-color-text-error)\n  --group-form-field-icon-disabled-color: var(--group-color-text-grey)\n  //\n  // file upload\n  --group-file-label-color: var(--group-light-non-interactive-surface-neutral-3)\n  --group-file-label-color-hover: var(--group-light-non-interactive-surface-neutral-3)\n  --group-file-label-color-active: var(--group-light-non-interactive-surface-neutral-3)\n  --group-file-border-style: dashed\n  --group-file-label-disabled-color: var(--group-light-non-interactive-surface-neutral-5)\n","/**\n * @prop --group-list-marker-color: Color of the list marker symbol\n * @prop --group-list-marker-inverted-color: Color of the list marker symbol on a dark background\n * @prop --group-list-bullet-radius: Radius of the custom bullet\n * @prop --group-list-bullet-background: Background color of the custom bullet\n */\n\n:root\n  --group-list-marker-color: var(--group-light-non-interactive-surface-black)\n  --group-list-marker-inverted-color: var(--group-light-non-interactive-surface-white)\n  --group-list-bullet-radius: var(--group-radius-rounded)\n  --group-list-bullet-background: var(--group-light-non-interactive-surface-black)\n","/**\n * @prop --group-table-color: Tables default font color\n * @prop --group-table-background-color: Tables default background color\n * @prop --group-table-body-background-color: Table body background\n * @prop --group-table-cell-border: Table cell border\n * @prop --group-table-cell-border-width: Table cell border width\n * @prop --group-table-cell-padding: Table cell padding\n * @prop --group-table-cell-heading-color: Table cell heading color\n * @prop --group-table-head-cell-border-width: Table head cell border width\n * @prop --group-table-head-cell-border-color: Table head cell border color\n * @prop --group-table-head-cell-color: Table head cell color\n * @prop --group-table-head-background-color: Table head cell background\n * @prop --group-table-head-font-size:  Table head cell font size backgound\n * @prop --group-table-head-font-family: Table head cell font family\n * @prop --group-table-foot-cell-border-width: Table foot cell border width\n * @prop --group-table-foot-cell-color: Table foot cell color\n * @prop --group-table-foot-background-color: Table foot cell background\n * @prop --group-table-row-background-color-hover: Table row hover background\n * @prop --group-table-row-background-color-active: Table row pressed background\n * @prop --group-table-row-color-active: Table row pressed font color\n * @prop --group-table-striped-row-even-background-color: Table row striped background\n * @prop --group-table-striped-row-even-background-color-hover: Table row striped background on hover\n */\n\n:root\n  --group-table-color: var(--group-color-primary)\n  --group-table-background-color: var(--group-color-base-core-white)\n  --group-table-body-background-color: transparent\n  //\n  // cell\n  --group-table-cell-border-color: var(--group-color-border)\n  --group-table-cell-border: 2px solid var(--group-table-cell-border-color)\n  --group-table-cell-border-width: 0 0 2px\n  --group-table-cell-padding: 0.5em 0.75em\n  --group-table-cell-heading-color: var(--group-color-primary)\n  //\n  // head\n  --group-table-head-cell-border-width: 0 0 1px\n  --group-table-head-cell-border-color: var(--group-color-primary)\n  --group-table-head-cell-color: var(--group-color-primary)\n  --group-table-head-background-color: transparent\n  --group-table-head-font-size: var(--group-text-size-normal)\n  --group-table-head-font-family: var(--group-font-family-text)\n  //\n  // foot\n  --group-table-foot-cell-border-width: 0 0 0\n  --group-table-foot-cell-color: var(--group-color-primary)\n  --group-table-foot-background-color: transparent\n  //\n  // row\n  --group-table-row-background-color-hover: var(--group-color-grey-2)\n  --group-table-row-background-color-active: var(--group-color-primary-1)\n  --group-table-row-color-active: var(--group-color-primary)\n  --group-table-striped-row-even-background-color: var(--group-color-grey-1)\n  --group-table-striped-row-even-background-color-hover: var(--group-color-grey-2)\n","=placeholder\n  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'\n  @each $placeholder in $placeholders\n    &:#{$placeholder}-placeholder\n      @content\n\n=input\n  @extend %control\n  justify-content: flex-start\n  background-color: var(--group-form-field-control-background)\n  border-color: var(--group-form-field-control-border-color)\n  border-style: var(--group-form-field-control-border-style)\n  border-radius: var(--group-form-field-control-radius)\n  color: var(--group-form-field-control-color)\n  +placeholder\n    color: var(--group-form-field-control-placeholder-color)\n  +hover()\n    &:hover,\n    &.is-hovered\n      border-color: var(--group-form-field-control-border-color-hover)\n      background-color: var(--group-form-field-control-background-hover)\n  &.group-focused,\n  &:focus,\n  &.is-focused,\n  &:active,\n  &.is-active\n    border-color: var(--group-form-field-control-border-color-active)\n    background-color: var(--group-form-field-control-background-active)\n  &[disabled],\n  fieldset[disabled] &\n    background-color: var(--group-form-field-control-disabled-background)\n    border-color: var(--group-form-field-control-disabled-border-color)\n    box-shadow: none\n    color: var(--group-form-field-control-disabled-color)\n    +placeholder\n      color: var(--group-form-field-control-disabled-color)\n\n=control\n  -moz-appearance: none !important\n  -webkit-appearance: none !important\n  align-items: center\n  border-width: var(--group-border-width-normal)\n  border-color: var(--group-color-border)\n  border-radius: var(--group-radius-normal)\n  box-shadow: none\n  display: inline-flex\n  font-size: var(--group-text-size-normal)\n  min-height: 3rem\n  height: 3rem\n  line-height: 1.5\n  padding-left: calc(0.75em - var(--group-border-width-normal))\n  padding-right: calc(0.75em - var(--group-border-width-normal))\n  position: relative\n  vertical-align: top\n  // States\n  &:focus,\n  &.is-focused,\n  &:active,\n  &.is-active\n    outline: none\n  &[disabled],\n  fieldset[disabled] &\n    cursor: default\n\n%input\n  +input\n\n%control\n  +control\n","%input-textarea\n  @extend %input\n  max-width: 100%\n  width: 100%\n  &[readonly]\n    box-shadow: none\n  // Modifiers\n  &.is-fullwidth\n    display: block\n    width: 100%\n  &.is-inline\n    display: inline\n    width: auto\n\n.input\n  @extend %input-textarea\n\n.textarea\n  @extend %input-textarea\n  display: block\n  max-width: 100%\n  min-width: 100%\n  resize: vertical\n  padding: calc(0.75em - 2px)\n  &:not([rows])\n    max-height: 40em\n    min-height: 8em\n  &[rows]\n    height: initial\n  // Modifiers\n  &.has-fixed-size\n    resize: none\n\ninput.input,\ntextarea.textarea\n  border-width: 2px\n  border-radius: var(--group-form-field-control-radius)\n  font-size: var(--group-form-field-control-font-size)\n  font-family: var(--group-form-field-control-font-family)\n  color: var(--group-form-field-control-color)\n  outline: none\n  box-shadow: none\n  &.is-danger\n    border-color: var(--group-form-field-control-danger-border-color)\n    background: var(--group-form-field-control-danger-background)\n    &.group-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active\n      border-color: var(--group-form-field-control-border-color-active)\n  &.is-success\n    border-color: var(--group-form-field-control-success-border-color)\n    background: var(--group-form-field-control-success-background)\n    &.group-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active\n      border-color: var(--group-form-field-control-border-color-active)\n  // deprecated\n  &.is-warning\n    border-color: var(--group-color-border-warning)\n    background: var(--group-color-warning-1)\n    &.group-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active\n      border-color: var(--group-form-field-control-border-color-active)\n  &.is-disabled\n    color: var(--group-form-field-control-disabled-color)\n    border-color: var(--group-form-field-control-disabled-border-color)\n    background: var(--group-form-field-control-disabled-background)\n\n// overrides style for inputs in a group input\ninput.is-grouped\n  background: none !important\n  border: none !important\n  box-shadow: none !important\n",".select\n  display: inline-block\n  max-width: 100%\n  width: 100%\n  position: relative\n  vertical-align: top\n  &:not(.is-multiple)\n    height: 3rem\n  &:not(.is-multiple):not(.is-loading)\n    &::after\n      border: 3px solid var(--group-form-field-icon-color)\n      border-radius: 2px\n      border-right: 0\n      border-top: 0\n      content: \" \"\n      display: block\n      height: 0.625em\n      margin-top: -0.4rem\n      pointer-events: none\n      position: absolute\n      top: 50%\n      transform: rotate(-45deg)\n      transform-origin: center\n      width: 0.625em\n\n      +ltr-position(1.125em)\n      z-index: 4\n  select\n    @extend %input\n    cursor: pointer\n    display: block\n    font-size: 1em\n    max-width: 100%\n    width: 100%\n    outline: none\n    border-radius: var(--group-form-field-control-radius)\n    &::-ms-expand\n      display: none\n    &[disabled]:hover,\n    fieldset[disabled] &:hover\n      border-color: var(--group-form-field-control-disabled-border-color)\n    &:not([multiple])\n      +ltr-property(\"padding\", 2.5em)\n    &[multiple]\n      height: auto\n      padding: 0\n      option\n        padding: 0.5em 1em\n  // States\n  &:not(.is-multiple):not(.is-loading):hover\n    &::after\n      border-color: var(--group-form-field-label-color-hover)\n  &:not(.is-multiple):not(.is-loading):active\n    &::after\n      border-color: var(--group-form-field-label-color-active)\n  // Modifiers\n  &.is-disabled\n    &::after\n      border-color: var(--group-form-field-control-disabled-border-color) !important\n  &.is-success\n    select\n      border-color: var(--group-form-field-control-success-border-color)\n      background: var(--group-form-field-control-success-background)\n      &.group-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active\n        border-color: var(--group-form-field-control-success-border-color-active)\n    &::after\n      border-color: var(--group-form-field-control-success-border-color) !important\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after\n      border-color: var(--group-form-field-control-success-border-color-active) !important\n  &.is-danger\n    select\n      border-color: var(--group-form-field-control-danger-border-color)\n      background: var(--group-form-field-control-danger-background)\n      &.group-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active\n        border-color: var(--group-form-field-control-danger-border-color-active)\n    &::after\n      border-color: var(--group-form-field-control-danger-border-color) !important\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after\n      border-color: var(--group-form-field-control-danger-border-color-active) !important\n  &.is-warning\n    select\n      border-color: var(--group-color-border-warning)\n      background: var(--group-color-warning-1)\n      &.group-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active\n        border-color: var(--group-color-border-primary)\n    &::after\n      border-color: var(--group-color-border-warning) !important\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after\n      border-color: var(--group-color-border-primary) !important\n  &.is-fullwidth\n    width: 100%\n    select\n      width: 100%\n",".file\n  @extend %unselectable\n  align-items: stretch\n  display: flex\n  justify-content: flex-start\n  position: relative\n  width: 100%\n  font-size: var(--group-form-field-control-font-size)\n  justify-content: center\n  .file-label\n    width: 100%\n    flex-direction: column\n  .file-cta\n    flex-direction: column\n    height: auto\n    padding: 1em 3em\n  .file-icon\n    height: 1.5em\n    width: 1.5em\n\n.file-label\n  align-items: stretch\n  display: flex\n  cursor: pointer\n  justify-content: flex-start\n  overflow: hidden\n  position: relative\n  gap: 0.5rem\n  font-weight: var(--group-form-field-label-font-weight)\n  color: var(--group-form-field-label-color)\n  text-align: center\n  hyphens: auto\n  &:hover\n    .file-cta,\n    .file-label\n      color: var(--group-form-field-label-color-hover)\n    .file-cta\n      background-color: var(--group-form-field-control-background-hover)\n      border-color: var(--group-form-field-control-border-color-hover)\n  &:active,\n  &:focus-within\n    .file-cta,\n    .file-label\n      color: var(--group-form-field-label-color-active)\n    .file-cta\n      background-color: var(--group-form-field-control-background-active)\n      border-color: var(--group-form-field-control-border-color-active)\n\n.file-input\n  height: 100%\n  left: 0\n  opacity: 0\n  outline: none\n  position: absolute\n  top: 0\n  width: 100%\n\n.file-cta\n  @extend %control\n  justify-content: flex-start\n  border-style: var(--group-file-border-style)\n  border-color: var(--group-form-field-control-border-color)\n  border-radius: var(--group-form-field-control-radius)\n  background: var(--group-form-field-control-background)\n  font-size: 1em\n  padding-left: 1em\n  padding-right: 1em\n  white-space: nowrap\n  gap: .5rem\n\n.file-cta\n  background-color: var(--group-form-field-control-background)\n  color: var(--group-form-field-control-color)\n\n.file-icon\n  align-items: center\n  display: flex\n  height: 1em\n  justify-content: center\n  +ltr-property(\"margin\", 0.5em)\n  width: 1em\n\n.file.is-success\n  .file-label,\n  .file-cta\n    color: var(--group-form-field-label-success-color)\n  .file-cta\n    border-color: var(--group-form-field-control-success-border-color)\n    background: var(--group-form-field-control-success-background)\n  .file-label\n    &:active,\n    &:focus-within\n      .file-cta\n        border-color: var(--group-form-field-control-border-color-active)\n        color: var(--group-link-color-active)\n        .file-label\n          color: var(--group-link-color-active)\n\n.file.is-danger\n  .file-label,\n  .file-cta\n    color: var(--group-form-field-label-danger-color)\n  .file-cta\n    border-color: var(--group-form-field-control-danger-border-color)\n    background: var(--group-form-field-control-danger-background)\n  .file-label\n    &:active,\n    &:focus-within\n      .file-cta\n        border-color: var(--group-form-field-control-border-color-active)\n        color: var(--group-link-color-active)\n        .file-label\n          color: var(--group-link-color-active)\n\n// warning is deprecated\n.file.is-warning\n  .file-label,\n  .file-cta\n    color: var(--group-color-text-warning)\n  .file-cta\n    border-color: var(--group-color-border-warning)\n    background: var(--group-color-warning-1)\n  .file-label\n    &:active,\n    &:focus-within\n      .file-cta\n        border-color: var(--group-form-field-control-border-color-active)\n        color: var(--group-link-color-active)\n        .file-label\n          color: var(--group-link-color-active)\n\n.file.is-disabled\n  .file-label,\n  .file-cta\n    @extend %disabled\n    color: var(--group-file-label-disabled-color)\n  .file-cta\n    border-color: var(--group-form-field-control-disabled-border-color)\n    background: var(--group-form-field-control-disabled-background)\n","@keyframes spinAround\n  from\n    transform: rotate(0deg)\n  to\n    transform: rotate(359deg)\n\n.label\n  display: block\n  font-size: var(--group-form-field-label-font-size)\n  line-height: var(--group-form-field-label-line-height)\n  font-weight: var(--group-form-field-label-font-weight)\n  font-family: var(--group-form-field-label-font-family), sans-serif\n  hyphens: auto\n  &:not(:last-child)\n    margin-bottom: var(--group-form-field-label-margin-bottom)\n  &.is-danger\n    color: var(--group-form-field-label-danger-color)\n  &.is-success\n    color: var(--group-form-field-label-success-color)\n  // deprecated\n  &.is-warning\n    color: var(--group-color-text-warning)\n  &.is-disabled\n    color: var(--group-form-field-label-disabled-color)\n\n.help\n  display: block\n  margin-top: -2px\n  color: var(--group-form-field-message-color)\n  font-size: var(--group-form-field-message-font-size)\n  font-weight: var(--group-form-field-message-font-weight)\n  hyphens: auto\n  &.is-danger\n    color: var(--group-form-field-message-danger-color)\n  &.is-success\n    color: var(--group-form-field-message-success-color)\n  // deprecated\n  &.is-warning\n    color: var(--group-color-text-warning)\n  &.is-disabled\n    color: var(--group-form-field-message-disabled-color)\n\n.field\n  &:not(:last-child)\n    margin-bottom: 0.75rem\n  // Modifiers\n  &.has-addons\n    display: flex\n    justify-content: flex-start\n    .control\n      &:not(:last-child)\n        +ltr-property(\"margin\", -1px)\n      &:not(:first-child):not(:last-child)\n        .button,\n        .input,\n        .select select\n          border-radius: 0\n      &:first-child:not(:only-child)\n        .button,\n        .input,\n        .select select\n          border-bottom-right-radius: 0\n          border-top-right-radius: 0\n      &:last-child:not(:only-child)\n        .button,\n        .input,\n        .select select\n          border-bottom-left-radius: 0\n          border-top-left-radius: 0\n      .button,\n      .input,\n      .select select\n        &:not([disabled])\n          &:hover,\n          &.is-hovered\n            z-index: 2\n          &:focus,\n          &.is-focused,\n          &:active,\n          &.is-active\n            z-index: 3\n            &:hover\n              z-index: 4\n      &.is-expanded\n        flex-grow: 1\n        flex-shrink: 1\n    &.has-addons-centered\n      justify-content: center\n    &.has-addons-right\n      justify-content: flex-end\n    &.has-addons-fullwidth\n      .control\n        flex-grow: 1\n        flex-shrink: 0\n  &.is-grouped\n    display: flex\n    justify-content: flex-start\n    & > .control\n      &:not(:last-child)\n        margin-bottom: 0\n      &.is-expanded\n        flex-grow: 1\n        flex-shrink: 1\n    &.is-grouped-centered\n      justify-content: center\n    &.is-grouped-right\n      justify-content: flex-end\n    &.is-grouped-multiline\n      flex-wrap: wrap\n      & > .control\n        &:last-child,\n        &:not(:last-child)\n          margin-bottom: 0.75rem\n      &:last-child\n        margin-bottom: -0.75rem\n      &:not(:last-child)\n        margin-bottom: 0\n  &.is-horizontal\n    +tablet\n      display: flex\n\n.field-label\n  .label\n    font-size: inherit\n  +mobile\n    margin-bottom: 0.5rem\n  +tablet\n    flex-basis: 0\n    flex-grow: 1\n    flex-shrink: 0\n    +ltr-property(\"margin\", 1.5rem)\n    text-align: right\n    &.is-small\n      font-size: var(--group-text-size-small)\n      padding-top: 0.375em\n    &.is-normal\n      padding-top: 0.375em\n\n.field-body\n  .field .field\n    margin-bottom: 0\n  +tablet\n    display: flex\n    flex-basis: 0\n    flex-grow: 5\n    flex-shrink: 1\n    .field\n      margin-bottom: 0\n    & > .field\n      flex-shrink: 1\n      &:not(.is-narrow)\n        flex-grow: 1\n      &:not(:last-child)\n        +ltr-property(\"margin\", 0.75rem)\n\n.control\n  box-sizing: border-box\n  clear: both\n  font-size: var(--group-form-field-control-font-size)\n  position: relative\n  text-align: inherit\n  &.is-loading\n    &::after\n      animation: spinAround 500ms infinite linear\n      border: 2px solid var(--group-form-field-control-border-color-active)\n      border-radius: var(--group-radius-rounded)\n      border-right-color: transparent\n      border-top-color: transparent\n      content: \"\"\n      display: block\n      height: 1.125em\n      width: 1.125em\n      position: absolute !important\n      +ltr-position(0.875rem)\n      top: 0.875rem\n      z-index: 4\n\n.control.has-icons-right::after\n  right: 2.3rem\n\n.field.is-grouped\n  gap: calc(var(--group-column-gap) / 2)\n\n.field.has-direction-row.is-grouped\n  flex-direction: row\n\n.field.has-direction-column.is-grouped\n  flex-direction: column\n  width: fit-content\n  .button\n    width: 100%\n  .group-button\n    margin: 0 !important\n\n+mobile()\n  .field.has-direction-auto.is-grouped\n    flex-wrap: wrap\n    flex-direction: column\n    width: 100%\n    .control\n      flex-grow: 1\n      flex-shrink: 1\n      min-width: 100%\n      margin-right: 0 !important\n      .button\n        min-width: 100%\n    &.is-reverse\n      flex-direction: column-reverse\n","@import '@atomic-ui/gdl-tokens/dist/tokens.scss'\n\n=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $group-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $group-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $group-breakpoint-tablet) and (max-width: $group-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $group-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $group-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $group-breakpoint-desktop) and (max-width: $group-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $group-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $group-breakpoint-high-definition) and (max-width: $group-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $group-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $group-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $group-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $group-breakpoint-widescreen) and (max-width: $group-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $group-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $group-breakpoint-fullhd)\n    @content\n",".container\n  flex-grow: 1\n  margin: 0 auto\n  position: relative\n  width: auto\n  width: 100% !important\n  padding-left: var(--group-scale-1-layout-web-margin)\n  padding-right: var(--group-scale-1-layout-web-margin)\n  &.is-fluid\n    max-width: var(--group-container-size-fluid) !important\n  &.is-compact\n    max-width: var(--group-container-size-compact) !important\n","@use \"sass:math\"\n\n.grid\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n\n.col\n  display: block\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n  padding: var(--group-scale-1-layout-web-margin)\n  .grid.is-mobile > &.is-narrow\n    flex: none\n    width: unset\n  .grid.is-mobile > &.is-full\n    flex: none\n    width: 100%\n  .grid.is-mobile > &.is-three-quarters\n    flex: none\n    width: 75%\n  .grid.is-mobile > &.is-two-thirds\n    flex: none\n    width: 66.6666%\n  .grid.is-mobile > &.is-half\n    flex: none\n    width: 50%\n  .grid.is-mobile > &.is-one-third\n    flex: none\n    width: 33.3333%\n  .grid.is-mobile > &.is-one-quarter\n    flex: none\n    width: 25%\n  .grid.is-mobile > &.is-one-fifth\n    flex: none\n    width: 20%\n  .grid.is-mobile > &.is-two-fifths\n    flex: none\n    width: 40%\n  .grid.is-mobile > &.is-three-fifths\n    flex: none\n    width: 60%\n  .grid.is-mobile > &.is-four-fifths\n    flex: none\n    width: 80%\n  .grid.is-mobile > &.is-offset-three-quarters\n    +ltr-property(\"margin\", 75%, false)\n  .grid.is-mobile > &.is-offset-two-thirds\n    +ltr-property(\"margin\", 66.6666%, false)\n  .grid.is-mobile > &.is-offset-half\n    +ltr-property(\"margin\", 50%, false)\n  .grid.is-mobile > &.is-offset-one-third\n    +ltr-property(\"margin\", 33.3333%, false)\n  .grid.is-mobile > &.is-offset-one-quarter\n    +ltr-property(\"margin\", 25%, false)\n  .grid.is-mobile > &.is-offset-one-fifth\n    +ltr-property(\"margin\", 20%, false)\n  .grid.is-mobile > &.is-offset-two-fifths\n    +ltr-property(\"margin\", 40%, false)\n  .grid.is-mobile > &.is-offset-three-fifths\n    +ltr-property(\"margin\", 60%, false)\n  .grid.is-mobile > &.is-offset-four-fifths\n    +ltr-property(\"margin\", 80%, false)\n  @for $i from 0 through 12\n    .grid.is-mobile > &.is-#{$i}\n      flex: none\n      width: percentage(math.div($i,12))\n    .grid.is-mobile > &.is-offset-#{$i}\n      +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +mobile\n    &.mobile\\:is-narrow\n      flex: none\n      width: unset\n    &.mobile\\:is-full\n      flex: none\n      width: 100%\n    &.mobile\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.mobile\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.mobile\\:is-half\n      flex: none\n      width: 50%\n    &.mobile\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.mobile\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.mobile\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.mobile\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.mobile\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.mobile\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.mobile\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.mobile\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.mobile\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.mobile\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.mobile\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.mobile\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.mobile\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.mobile\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.mobile\\-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.mobile\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.mobile\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +tablet\n    &.is-narrow,\n    &.tablet\\:is-narrow\n      flex: none\n      width: unset\n    &.is-full,\n    &.tablet\\:is-full\n      flex: none\n      width: 100%\n    &.is-three-quarters,\n    &.tablet\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.is-two-thirds,\n    &.tablet\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.is-half,\n    &.tablet\\:is-half\n      flex: none\n      width: 50%\n    &.is-one-third,\n    &.tablet\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter,\n    &.tablet\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.is-one-fifth,\n    &.tablet\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.is-two-fifths,\n    &.tablet\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.is-three-fifths,\n    &.tablet\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.is-four-fifths,\n    &.tablet\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters,\n    &.tablet\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds,\n    &.tablet\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half,\n    &.tablet\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third,\n    &.tablet\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter,\n    &.tablet\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth,\n    &.tablet\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths,\n    &.tablet\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths,\n    &.tablet\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths,\n    &.tablet\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i},\n      &.tablet\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i},\n      &.tablet\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +touch\n    &.touch\\:is-narrow\n      flex: none\n      width: unset\n    &.touch\\:is-full\n      flex: none\n      width: 100%\n    &.touch\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.touch\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.touch\\:is-half\n      flex: none\n      width: 50%\n    &.touch\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.touch\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.touch\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.touch\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.touch\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.touch\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.touch\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.touch\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.touch\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.touch\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.touch\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.touch\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.touch\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.touch\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.touch\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.touch\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.touch\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +desktop\n    &.desktop\\:is-narrow\n      flex: none\n      width: unset\n    &.desktop\\:is-full\n      flex: none\n      width: 100%\n    &.desktop\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.desktop\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.desktop\\:is-half\n      flex: none\n      width: 50%\n    &.desktop\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.desktop\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.desktop\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.desktop\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.desktop\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.desktop\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.desktop\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.desktop\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.desktop\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.desktop\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.desktop\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.desktop\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.desktop\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.desktop\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.desktop\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.desktop\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.desktop\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +widescreen\n    &.widescreen\\:is-narrow\n      flex: none\n      width: unset\n    &.widescreen\\:is-full\n      flex: none\n      width: 100%\n    &.widescreen\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.widescreen\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.widescreen\\:is-half\n      flex: none\n      width: 50%\n    &.widescreen\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.widescreen\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.widescreen\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.widescreen\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.widescreen\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.widescreen\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.widescreen\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.widescreen\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.widescreen\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.widescreen\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.widescreen\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.widescreen\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.widescreen\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.widescreen\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.widescreen\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.widescreen\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.widescreen\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +fullhd\n    &.fullhd\\:is-narrow\n      flex: none\n      width: unset\n    &.fullhd\\:is-full\n      flex: none\n      width: 100%\n    &.fullhd\\:is-three-quarters\n      flex: none\n      width: 75%\n    &.fullhd\\:is-two-thirds\n      flex: none\n      width: 66.6666%\n    &.fullhd\\:is-half\n      flex: none\n      width: 50%\n    &.fullhd\\:is-one-third\n      flex: none\n      width: 33.3333%\n    &.fullhd\\:is-one-quarter\n      flex: none\n      width: 25%\n    &.fullhd\\:is-one-fifth\n      flex: none\n      width: 20%\n    &.fullhd\\:is-two-fifths\n      flex: none\n      width: 40%\n    &.fullhd\\:is-three-fifths\n      flex: none\n      width: 60%\n    &.fullhd\\:is-four-fifths\n      flex: none\n      width: 80%\n    &.fullhd\\:is-offset-three-quarters\n      +ltr-property(\"margin\", 75%, false)\n    &.fullhd\\:is-offset-two-thirds\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.fullhd\\:is-offset-half\n      +ltr-property(\"margin\", 50%, false)\n    &.fullhd\\:is-offset-one-third\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.fullhd\\:is-offset-one-quarter\n      +ltr-property(\"margin\", 25%, false)\n    &.fullhd\\:is-offset-one-fifth\n      +ltr-property(\"margin\", 20%, false)\n    &.fullhd\\:is-offset-two-fifths\n      +ltr-property(\"margin\", 40%, false)\n    &.fullhd\\:is-offset-three-fifths\n      +ltr-property(\"margin\", 60%, false)\n    &.fullhd\\:is-offset-four-fifths\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.fullhd\\:is-#{$i}\n        flex: none\n        width: percentage(math.div($i,12))\n      &.fullhd\\:is-offset-#{$i}\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid\n  +ltr-property(\"margin\", (calc(var(--group-scale-1-layout-web-margin) * -1)), false)\n  +ltr-property(\"margin\", (calc(var(--group-scale-1-layout-web-margin) * -1)))\n  margin-top: calc(var(--group-scale-1-layout-web-margin) * -1)\n  &:last-child\n    margin-bottom: calc(var(--group-scale-1-layout-web-margin) * -1)\n  &:not(:last-child)\n    margin-bottom: calc(1.5rem - #{var(--group-scale-1-layout-web-margin)})\n  // Modifiers\n  &.is-centered\n    justify-content: center\n  &.is-gapless\n    +ltr-property(\"margin\", 0, false)\n    +ltr-property(\"margin\", 0)\n    margin-top: 0\n    & > .col\n      margin: 0\n      padding: 0 !important\n    &:not(:last-child)\n      margin-bottom: 1.5rem\n    &:last-child\n      margin-bottom: 0\n  &.is-mobile\n    display: flex\n  &.is-multiline\n    flex-wrap: wrap\n  &.is-vcentered\n    align-items: center\n  // Responsiveness\n  +tablet\n    &:not(.is-desktop)\n      display: flex\n  +desktop\n    // Modifiers\n    &.is-desktop\n      display: flex\n","a.link:not(.button),\na.is-link:not(.button)\n  color: var(--group-link-color)\n  font-weight: var(--group-link-font-weight)\n  text-decoration: var(--group-link-text-decoration)\n  text-underline-offset: var(--group-link-text-underline-offset)\n  text-decoration-thickness: var(--group-link-text-decoration-thickness)\n  border-radius: var(--group-link-radius)\n  +fillSvg(var(--group-link-color))\n\n  &:hover\n    text-decoration: var(--group-link-text-decoration)\n    text-decoration-thickness: var(--group-link-text-decoration-thickness)\n    text-underline-offset: var(--group-link-text-underline-offset)\n    color: var(--group-link-color-hover)\n    +fillSvg(var(--group-link-color-hover))\n\n  &:focus-visible\n    @extend %focus\n\n  &:active\n    text-decoration: var(--group-link-text-decoration)\n    text-decoration-thickness: var(--group-link-text-decoration-thickness)\n    text-underline-offset: var(--group-link-text-underline-offset)\n    color: var(--group-link-color-active)\n    +fillSvg(var(--group-link-color-active))\n\n  &.is-inverted\n    color: var(--group-link-inverted-color)\n    +fillSvg(var(--group-link-inverted-color))\n\n    &:hover\n      text-decoration: var(--group-link-text-decoration)\n      text-decoration-thickness: var(--group-link-text-decoration-thickness)\n      text-underline-offset: var(--group-link-text-underline-offset)\n      color: var(--group-link-inverted-color-hover)\n      +fillSvg(var(--group-link-inverted-color-hover))\n\n    &:focus-visible\n      @extend %focus-inverted-shadow\n\n    &:active\n      text-decoration: var(--group-link-text-decoration)\n      text-decoration-thickness: var(--group-link-text-decoration-thickness)\n      text-underline-offset: var(--group-link-text-underline-offset)\n      color: var(--group-link-inverted-color-active)\n      +fillSvg(var(--group-link-inverted-color-active))\n\n  &.is-light\n    text-decoration: var(--group-link-inverted-light-text-decoration)\n    font-weight: var(--group-link-inverted-light-font-weight)\n    color: var(--group-link-inverted-color)\n    +fillSvg(var(--group-link-inverted-color))\n\n    &:hover\n      color: var(--group-link-inverted-color-hover)\n      +fillSvg(var(--group-link-inverted-color-hover))\n\n    &:focus-visible\n      @extend %focus-inverted-shadow\n\n    &:active\n      color: var(--group-link-inverted-color-active)\n      +fillSvg(var(--group-link-inverted-color-active))\n","=fillSvg($color)\n  svg,\n  g,\n  path,\n  circle\n    fill: $color\n","ol.list,\nul.list,\nol.is-list,\nul.is-list\n  margin-bottom: 1.5rem\n  margin-left: 2rem\n  +desktop\n    margin-bottom: 2rem\n  li\n    hyphens: auto\n    margin-bottom: 1rem\n    &:last-child\n      margin-bottom: 0\n    &::marker\n      color: var(--group-list-marker-color)\n  &.has-bullet-circle li\n    &::marker\n      content: none\n    &::before\n      content: ''\n      position: absolute\n      display: inline-block\n      width: 0.75rem\n      height: 0.75rem\n      font-size: 0.75rem\n      margin-left: -1.25rem\n      margin-top: 0.313rem\n      border-radius: var(--group-list-bullet-radius)\n      background: var(--group-list-bullet-background)\n  &.has-bullets,\n  &.has-bullet-check,\n  &.has-bullet-close,\n  &.has-bullet-check-circle\n    list-style-type: none !important\n    li\n      list-style-type: none !important\n      &::marker\n        content: none !important\n      &::before\n        content: ''\n        position: absolute\n        display: inline-block\n        width: 0.875rem\n        height: 0.875rem\n        font-size: 0.875rem\n        margin-left: -1.375rem\n        margin-top: 0.313rem\n    &.has-bullet-check-circle\n      li\n        &::before\n          width: 1rem\n          height: 1rem\n          font-size: 1rem\n          margin-left: -1.44rem\n          margin-top: 0.25rem\n  &.has-bullet-check li::before,\n  li.has-bullet-check::before\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMDBENkUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zODg1NF8zNDI1NDkiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat left top\n  &.has-bullet-check-circle li::before,\n  li.has-bullet-check-circle::before\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODdfMTIyNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTYuNzYxNyAxMS43OTQ1QzYuOTgyNTkgMTEuNjk2NSA3LjE3OTI0IDExLjU1MTMgNy4zMzc3MyAxMS4zNjlMMTIuMzczMSA2LjMzMzIxQzEyLjQ2NzcgNi4yMzM5NiAxMi41NDE3IDYuMTE3MDYgMTIuNTkxIDUuOTg5MTVDMTIuNjQwMyA1Ljg2MTI1IDEyLjY2MzkgNS43MjQ4OCAxMi42NjA0IDUuNTg3ODRDMTIuNjU2OSA1LjQ1MDggMTIuNjI2NCA1LjMxNTgxIDEyLjU3MDcgNS4xOTA1OUMxMi41MTQ5IDUuMDY1MzcgMTIuNDM1IDQuOTUyMzkgMTIuMzM1NSA0Ljg1ODA5QzEyLjIzNjEgNC43NjM3OCAxMi4xMTkgNC42ODk5OSAxMS45OTExIDQuNjQwODhDMTEuODYzMiA0LjU5MTc3IDExLjcyNjggNC41NjgzIDExLjU4OTggNC41NzE3OEMxMS40NTI5IDQuNTc1MjYgMTEuMzE3OSA0LjYwNTYyIDExLjE5MjYgNC42NjExN0MxMS4wNjc3IDQuNzE2NTcgMTAuOTU0IDQuNzk2NzQgMTAuODU5NyA0Ljg5NTYxTDYuMTUwNiA5LjU0MjI2QzYuMTAzODUgOS41ODgzOCA2LjAyNzk1IDkuNTg1NzIgNS45ODQ1NSA5LjUzNjQzTDQuOTA2MjEgOC4zMTE3NUw0LjkwMDA1IDguMzA1MzVDNC43MTM1OCA4LjExMTY0IDQuNDU5NTUgNy45OTczOCA0LjE5MDk4IDcuOTg2MTRDMy45MjI0MSA3Ljk3NDg5IDMuNjU5NzEgOC4wNjc1IDMuNDU3NjggOC4yNDQ5QzMuMjU1NjIgOC40MjIzMyAzLjEyOTgyIDguNjcwOTEgMy4xMDY3OSA4LjkzODlDMy4wODM3NSA5LjIwNjkgMy4xNjUzMSA5LjQ3MzMxIDMuMzM0MjMgOS42ODI1N0wzLjMzOTY4IDkuNjg5MzNMNC43NDk3NyAxMS4yODg4QzQuOTAzMDcgMTEuNDg1NCA1LjA5ODMxIDExLjY0NTUgNS4zMjEzMSAxMS43NTc0QzUuNTQ3OTYgMTEuODcxMiA1Ljc5NzQyIDExLjkzMjIgNi4wNTA5OCAxMS45MzZDNi4yOTU0MiAxMS45NDIgNi41MzgxOSAxMS44OTM2IDYuNzYxNyAxMS43OTQ1WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODdfMTIyNCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top\n  &.has-bullet-close li::before,\n  li.has-bullet-close::before\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSIjMDAwRDZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTk5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top\n  &.is-inverted\n    li,\n    li::marker\n      color: var(--group-list-marker-inverted-color)\n    &.has-bullet-check li::before,\n    li.has-bullet-check::before\n      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTQ5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top\n    &.has-bullet-close li::before,\n    li.has-bullet-close::before\n      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM4ODU0XzM0MjU5OSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top\n\nul.list:not(.has-bullet-circle):not(.has-bullet-check) li,\nul.is-list:not(.has-bullet-circle):not(.has-bullet-check) li\n  list-style: disc\n",".table\n  @extend %bottomSpacing\n  background-color: var(--group-table-background-color)\n  color: var(--group-table-color)\n  td,\n  th\n    border: var(--group-table-cell-border)\n    border-width: var(--group-table-cell-border-width)\n    padding: var(--group-table-cell-padding)\n    vertical-align: middle\n    // Modifiers\n    &.is-narrow\n      white-space: nowrap\n      width: 1%\n    &.is-selected\n      background-color: var(--group-table-row-background-color-active)\n      color: var(--group-table-row-color-active)\n      a,\n      strong\n        color: currentColor\n  th\n    color: var(--group-table-cell-heading-color)\n    &:not([align])\n      text-align: inherit\n  tr\n    &.is-selected\n      background-color: var(--group-table-row-background-color-active)\n      color: var(--group-table-row-color-active)\n      a,\n      strong\n        color: currentColor\n      td,\n      th\n        border-color: var(--group-table-row-color-active)\n        color: currentColor\n  thead\n    background-color: var(--group-table-head-background-color)\n    td,\n    th\n      border-width: var(--group-table-head-cell-border-width)\n      color: var(--group-table-head-cell-color)\n  tfoot\n    background-color: var(--group-table-foot-background-color)\n    td,\n    th\n      border-width: var(--group-table-foot-cell-border-width)\n      color: var(--group-table-foot-cell-color)\n  tbody\n    background-color: var(--group-table-body-background-color)\n    tr\n      &:last-child\n        td,\n        th\n          border-bottom-width: 0\n  // Modifiers\n  &.is-bordered\n    th\n      border-top-width: 1px\n      border-left-width: 1px\n      border-right-width: 1px\n      border-top-color: var(--group-table-cell-border-color)\n      border-left-color: var(--group-table-cell-border-color)\n      border-right-color: var(--group-table-cell-border-color)\n    td\n      border-width: 1px\n    tr\n      &:last-child\n        td\n          border-bottom-width: 1px\n  &.is-fullwidth\n    width: 100%\n  &.is-hoverable\n    tbody\n      tr:not(.is-selected)\n        &:hover\n          background-color: var(--group-table-row-background-color-hover)\n    &.is-striped\n      tbody\n        tr:not(.is-selected)\n          &:hover\n            background-color: var(--group-table-row-background-color-hover)\n            &:nth-child(even)\n              background-color: var(--group-table-striped-row-even-background-color-hover)\n  &.is-narrow\n    td,\n    th\n      padding: 0.25em 0.5em\n  &.is-striped\n    tbody\n      tr:not(.is-selected)\n        &:nth-child(even)\n          background-color: var(--group-table-striped-row-even-background-color)\n\n.table-container\n  @extend %bottomSpacing\n  +overflow-touch\n  overflow: auto\n  overflow-y: hidden\n  max-width: 100%\n\ntable.table\n  display: table !important\n  border-spacing: 0\n  margin: 0\n  thead\n    tr\n      border-top: 0\n    th\n      border-color: var(--group-table-head-cell-border-color)\n      border-bottom-width: 2px\n  th:not([align])\n    text-align: left\n  td,\n  th\n    font-size: var(--group-table-head-font-size)\n    font-family: var(--group-table-head-font-family), sans-serif\n    vertical-align: middle\n    color: var(--group-table-color)\n    text-align: left\n    .group-checkbox\n      padding: 0\n      margin-top: 1px\n  td\n    color: var(--group-table-color)\n    hyphens: auto\n  td.has-buttons\n    padding: 2px\n    .group-button\n      margin-right: 0.25rem\n      &:last-child\n        margin-right: 0\n    .buttons\n      justify-content: flex-end\n      padding: 3px\n",".title,\n.subtitle\n  hyphens: auto\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  font-size: var(--group-scale-1-typography-font-size-font-3)\n  line-height: var(--group-scale-1-typography-line-height-font-4)\n  +tablet\n    font-size: var(--group-scale-2-typography-font-size-font-3)\n    line-height: var(--group-scale-2-typography-line-height-font-4)\n  +desktop\n    font-size: var(--group-scale-3-typography-font-size-font-3)\n    line-height: var(--group-scale-3-typography-line-height-font-4)\n  em,\n  span\n    font-weight: inherit\n  strong\n    font-weight: var(--group-font-weight-bold)\n  &:not(:last-child)\n    margin-bottom: var(--group-space-x-small)\n    +tablet\n      margin-bottom: var(--group-space-x-small-tablet)\n    +desktop\n      margin-bottom: var(--group-space-x-small-desktop)\n\n.title\n  font-family: var(--group-title-font-family), sans-serif\n  font-weight: var(--group-title-font-weight)\n\n.subtitle\n  font-family: var(--group-subtitle-font-family), sans-serif\n  font-weight: var(--group-subtitle-font-weight)\n","@import 'vars/_all'\n@import 'form/_all'\n@import 'container'\n@import 'grid'\n@import 'link'\n@import 'list'\n@import 'table'\n@import 'typography'\n\n.has-sticky-footer\n  min-height: 100vh\n  display: flex\n  flex-direction: column\n  main\n    padding-bottom: 2.5rem\n  .group-footer,\n  footer.footer\n    margin-top: auto\n\n.is-fullwidth\n  width: 100%\n\n.is-fullheight\n  height: 100%\n\n.is-vertical-align-top\n  vertical-align: top\n\n.is-vertical-align-middle\n  vertical-align: middle\n\n.is-vertical-align-bottom\n  vertical-align: bottom\n"]}