diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index 79a7d6824c4e..64abf558447f 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -2053,6 +2053,7 @@ a:active, a:focus-visible { footer { background-color: var(--surface-variant); + margin-top: 1.5rem; padding-top: 2.25rem; padding-bottom: 2.25rem; /* hr { @@ -2060,7 +2061,7 @@ footer { } */ } footer .nav { - margin: 0.5rem 0; + margin: 0.25rem 0; } footer .nav .nav-item { margin: 0.25rem 0; @@ -2069,6 +2070,9 @@ footer .nav .nav-item { footer .nav .nav-item:last-child { margin-right: 0; } +footer .nav .nav-item i { + font-size: 1.5rem; +} footer .nav.nav-secondary .nav-item { margin: 0.25rem 0; margin-right: 1rem; @@ -2085,5 +2089,8 @@ footer .nav.nav-secondary .nav-item a { footer p { margin: 0.5rem 0; } +footer.bg-brand * { + color: var(--on-brand); +} /*# sourceMappingURL=pdis-design-system.css.map */ diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 86956f135572..2c613d143a91 100644 --- a/dist/css/pdis-design-system.css.map +++ b/dist/css/pdis-design-system.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_variables.scss","../../scss/pdis-design-system.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_list.scss","../../scss/_card.scss","../../scss/_tabs.scss","../../scss/_accordion.scss","../../scss/_footer.scss"],"names":[],"mappings":"AAAQ;AACA;ACDR;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5JF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AHlBJ;EAEE;EACA;;AAGA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;AAEE;EACE;;AAEA;EAEE,OI5FA;;AJ+FF;EACE,OIhGA;;AJoGN;EACE,OIpBI;;;AJwBR;EACE,kBIjCS;;;AJsCT;EACE,OIhHI;EJiHJ;;AAEA;EAEE,OIrHE;EJsHF;;;AAKN;AKnHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACnDA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EAGE;AAsCE;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;;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;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;;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;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;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;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;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;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AApCF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AA2DN;EACE;EACA;EACA;AAgBJ;AAAA;AAAA;AAAA;;AAdI;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAUJ;EACE;EACA;EACA;AAeJ;AAAA;AAAA;AAAA;AAAA;;AAbI;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAUJ;EACE;EACA;AAcJ;AAAA;AAAA;AAAA;;AAZI;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAiBJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACtSA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;;AAIA;EACE;;AAEA;EACE;EACA;;;AAMR;EAEE;;;ACtGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;;AAGF;EAEE;EACA;;AAGF;EACE;;AAKJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAGF;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGE;EACE;;AAMR;EACE;;;AC9HF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAKJ;EACE;;AACA;EACE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAON;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAMR;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAGF;EACE;;;ACtNJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;AAAkB;EAClB;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAuBJ;EACE;EACA;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC/MV;EACE;EACA;EACA;AA4CF;AAAA;AAAA;;AArCE;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAOR;EACE","file":"pdis-design-system.css","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n @extend .body-text;\n color: var(--on-brand-flat);\n font-weight: 500;\n //text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--on-accent-flat);\n }\n\n &:hover {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n }\n\n &:active, &:focus-visible {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat-strong);\n }\n}\n\np {\n @extend .body-text;\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n .bg-#{$key}-strong {\n background-color: var(--#{$value}-strong) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat-strong {\n background-color: var(--#{$value}-flat-strong) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;","@use \"sass:map\";\n@import \"variables\";\n\n@import \"root\";\n@import \"typography\";\n@import \"utilities\";\n@import \"general\";\n\n/* @import \"accordion\";\n@import \"badge\";\n@import \"button\";\n@import \"card\";\n@import \"dropdown\";\n@import \"footer\";\n@import \"form-control\"; \n@import \"header\";\n@import \"list\";\n@import \"offcanvas\";\n@import \"select\";\n@import \"sidebar\";\n@import \"tabs\"; */\n\n@import \"badge\";\n@import \"button\";\n@import \"list\";\n@import \"card\";\n@import \"tabs\";\n// @import \"dropdown\";\n@import \"accordion\";\n@import \"footer\"",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-date {\n @extend .label-text-sm;\n\n display: flex;\n align-items: center;\n align-self: stretch;\n padding: 0 0.25rem;\n border-radius: 0.5rem;\n}\n\n.badge-group {\n margin-top: 0.5rem;\n}\n\n",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:disabled {\n opacity: .6;\n }\n \n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus-visible, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) inset !important;\n border-color: var(--#{$value}-flat-strong);\n }\n\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--surface-1) inset !important;\n border-color: var(--surface-1);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n \n &.btn-tertiary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset !important;\n background: var(--surface-1);\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n } */\n }\n \n &.btn-less-important {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n }\n \n &:focus-visible, &:active {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n border-radius: 0.5rem;\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n background-color: var(--surface);\n\n &:first-child {\n border-radius: 0;\n }\n\n &:last-child {\n border-radius: 0;\n }\n \n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface-1);\n }\n\n &:focus-visible, &:active {\n background-color: var(--surface-2);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n }\n\n &.elevation {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n margin-top: 0.25rem;\n }\n }\n }\n}\n\n.list-group-title {\n @extend .title-text;\n margin-bottom: 1.5rem;\n}",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n background-color: var(--surface);\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n margin: 0.5rem 0;\n }\n\n .badge {\n margin: 0 0.25rem;\n }\n\n }\n\n .card-actions {\n margin-top: 0.25rem;\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 3/4;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n border: none;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n .card-actions {\n background: var(--surface);\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n }\n }\n \n &.text-center {\n list-style-position: inside;\n\n ul, ol {\n margin-bottom: 0;\n padding-left: 0 !important;\n }\n\n .list-group-item {\n justify-content: center !important\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 0;\n }\n \n ul, ol {\n margin-bottom: 0;\n padding-left: 1.5rem;\n }\n\n hr {\n margin: 0.75rem 0;\n color: var(--outline);\n }\n\n .list-group {\n border: none;\n padding: 0;\n border-radius: 0;\n\n &.list-group-horizontal {\n .list-group-item {\n justify-content: center;\n }\n }\n }\n }\n\n img {\n margin-bottom: 0.75rem;\n }\n}",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n margin: 0.25rem 0;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n padding: 0.5rem 0.875rem;\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-item {\n margin: 0.25rem 0.125rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n \n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n \n &:disabled {\n background: none;\n color: var(--outline);\n }\n \n &.active {\n color: var(--on-background);\n background-color: var(--surface-3);\n box-shadow: none !important;\n //border: 2px solid var(--brand-flat-strong);\n &:hover {\n background-color: var(--surface-5);\n }\n\n &:active, &:focus {\n background-color: var(--surface-5);\n border: 2px solid var(--brand-flat-strong);\n }\n }\n \n &:active, &:focus {\n box-shadow: none !important;\n }\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n button {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}",".accordion {\n .accordion-item {\n border: 0;\n margin-bottom: 0.5rem;\n\n &:last-child {\n margin-bottom: 0;\n border-radius: 0.5rem;\n }\n \n .accordion-button {\n @extend .body-text;\n padding: 0.75rem;\n background-color: var(--surface);\n box-shadow: none;\n border-radius: 0.5rem;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n width: auto;\n height: auto;\n }\n \n &:not(.collapsed) {\n color: var(--on-background);\n background-color: var(--surface-2);\n border-radius: 0.5rem 0.5rem 0 0;\n \n &:last-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n transform: rotate(-45deg);\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n }\n\n &:last-of-type {\n border-radius: 0.5rem;\n }\n \n &:hover {\n background-color: var(--surface-1);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n background-color: var(--surface-2);\n border-radius: 0 0 0.5rem 0.5rem;\n\n p {\n margin-bottom: 0;\n }\n }\n }\n\n // .accordion-button-chevron {\n // &:not(.collapsed) {\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n\n .accordion {\n .accordion-item {\n border-radius: 0;\n border: 0;\n margin-bottom: 0;\n\n &:last-child {\n .accordion-button {\n border-radius: 0 0 0.5rem 0.5rem !important;\n\n &:not(.collapsed) {\n border-radius: 0 !important;\n }\n }\n \n .accordion-body { \n border-radius: 0 0 0.5rem 0.5rem !important;\n }\n }\n\n .accordion-header {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n\n &:hover {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n }\n \n .accordion-button {\n @extend .body-text-sm;\n position: inherit;\n padding: 0.75rem;\n padding-left: 1.75rem;\n background-color: var(--surface-2);\n border-radius: 0;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* plus-circle */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:not(.collapsed) {\n background-color: var(--surface-variant);\n padding: 0.75rem;\n padding-left: 1.75rem;\n \n &::after {\n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:hover {\n background-color: var(--surface-5);\n }\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n }\n\n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n padding-left: 1.75rem;\n padding-right: 2rem;\n background-color: var(--surface-variant);\n color: var(--on-surface-variant);\n border-radius: 0;\n \n p {\n margin-bottom: 0;\n }\n }\n }\n // .accordion-button-chevron {\n // padding-left: 3rem;\n // &::after { \n // color: var(--brand);\n // background-image: none;\n // content: \"\\F22C\"; /* caret-down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // &:not(.collapsed) {\n // background-color: var(--brand);\n // color: var(--on-brand);\n // &::after { \n // color: var(--on-brand);\n // background-image: none;\n // content: \"\\F229\"; /* caret-down-fill */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // }\n }\n}\n","footer {\n background-color: var(--surface-variant);\n padding-top: 2.25rem;\n padding-bottom: 2.25rem;\n\n\n .title {\n @extend .title-text;\n }\n\n .nav {\n margin: 0.5rem 0;\n\n .nav-item {\n margin: 0.25rem 0;\n margin-right:1.25rem;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &.nav-secondary {\n .nav-item {\n margin: 0.25rem 0;\n margin-right: 1rem;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n\n a {\n font-weight: 400;\n }\n \n }\n }\n }\n\n p {\n margin: 0.5rem 0;\n }\n\n/* hr {\n margin: 0.75rem 0;\n } */\n}\n\n// footer {\n// \t.nav {\n// \t\tjustify-content: flex-end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\tflex-direction: column;\n// \t\t}\n// \t}\n\n// \t.top-nav {\n// \t\tjustify-content: center;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\tflex-direction: row;\n// \t\t\tjustify-content: start;\n// \t\t}\n// \t}\n\n// \t.accessibility-container {\n// \t\tmargin:1rem 0.5rem 1rem 0.75rem;\n// \t\ttext-align: end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\ttext-align: start;\n// \t\t}\n// \t}\n\n// \t.social-container {\n// \t\tmargin:1rem 0.5rem 1rem 0.75rem;\n// \t\ttext-align: end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\ttext-align: start;\n// \t\t}\n// \t}\n\t\n// }\n"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_variables.scss","../../scss/pdis-design-system.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_list.scss","../../scss/_card.scss","../../scss/_tabs.scss","../../scss/_accordion.scss","../../scss/_footer.scss"],"names":[],"mappings":"AAAQ;AACA;ACDR;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5JF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAdF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AHlBJ;EAEE;EACA;;AAGA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;AAEE;EACE;;AAEA;EAEE,OI5FA;;AJ+FF;EACE,OIhGA;;AJoGN;EACE,OIpBI;;;AJwBR;EACE,kBIjCS;;;AJsCT;EACE,OIhHI;EJiHJ;;AAEA;EAEE,OIrHE;EJsHF;;;AAKN;AKnHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EAGE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACnDA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EAGE;AAsCE;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;;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;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;;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;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;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;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;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;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AApCF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AAlBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;EACA;;AA2DN;EACE;EACA;EACA;AAgBJ;AAAA;AAAA;AAAA;;AAdI;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAUJ;EACE;EACA;EACA;AAeJ;AAAA;AAAA;AAAA;AAAA;;AAbI;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAUJ;EACE;EACA;AAcJ;AAAA;AAAA;AAAA;;AAZI;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAiBJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACtSA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;;AAIA;EACE;;AAEA;EACE;EACA;;;AAMR;EAEE;;;ACtGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;;AAGF;EAEE;EACA;;AAGF;EACE;;AAKJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAGF;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGE;EACE;;AAMR;EACE;;;AC9HF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAKJ;EACE;;AACA;EACE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAON;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAMR;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEA;EACE;;AAGF;EACE;;;ACtNJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;AAAkB;EAClB;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAuBJ;EACE;EACA;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;AAAkB;EAClB;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC/MV;EACE;EACA;EACA;EACA;AA+CF;AAAA;AAAA;;AAzCE;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAOR;EACE;;AAQA;EACE","file":"pdis-design-system.css","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n @extend .body-text;\n color: var(--on-brand-flat);\n font-weight: 500;\n //text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--on-accent-flat);\n }\n\n &:hover {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n }\n\n &:active, &:focus-visible {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat-strong);\n }\n}\n\np {\n @extend .body-text;\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n .bg-#{$key}-strong {\n background-color: var(--#{$value}-strong) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat-strong {\n background-color: var(--#{$value}-flat-strong) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;","@use \"sass:map\";\n@import \"variables\";\n\n@import \"root\";\n@import \"typography\";\n@import \"utilities\";\n@import \"general\";\n\n/* @import \"accordion\";\n@import \"badge\";\n@import \"button\";\n@import \"card\";\n@import \"dropdown\";\n@import \"footer\";\n@import \"form-control\"; \n@import \"header\";\n@import \"list\";\n@import \"offcanvas\";\n@import \"select\";\n@import \"sidebar\";\n@import \"tabs\"; */\n\n@import \"badge\";\n@import \"button\";\n@import \"list\";\n@import \"card\";\n@import \"tabs\";\n// @import \"dropdown\";\n@import \"accordion\";\n@import \"footer\"",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-date {\n @extend .label-text-sm;\n\n display: flex;\n align-items: center;\n align-self: stretch;\n padding: 0 0.25rem;\n border-radius: 0.5rem;\n}\n\n.badge-group {\n margin-top: 0.5rem;\n}\n\n",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:disabled {\n opacity: .6;\n }\n \n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus-visible, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) inset !important;\n border-color: var(--#{$value}-flat-strong);\n }\n\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--surface-1) inset !important;\n border-color: var(--surface-1);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n \n &.btn-tertiary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset !important;\n background: var(--surface-1);\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n } */\n }\n \n &.btn-less-important {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n }\n \n &:focus-visible, &:active {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n border-radius: 0.5rem;\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n background-color: var(--surface);\n\n &:first-child {\n border-radius: 0;\n }\n\n &:last-child {\n border-radius: 0;\n }\n \n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface-1);\n }\n\n &:focus-visible, &:active {\n background-color: var(--surface-2);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n }\n\n &.elevation {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n margin-top: 0.25rem;\n }\n }\n }\n}\n\n.list-group-title {\n @extend .title-text;\n margin-bottom: 1.5rem;\n}",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n background-color: var(--surface);\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n margin: 0.5rem 0;\n }\n\n .badge {\n margin: 0 0.25rem;\n }\n\n }\n\n .card-actions {\n margin-top: 0.25rem;\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 3/4;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n border: none;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n .card-actions {\n background: var(--surface);\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n }\n }\n \n &.text-center {\n list-style-position: inside;\n\n ul, ol {\n margin-bottom: 0;\n padding-left: 0 !important;\n }\n\n .list-group-item {\n justify-content: center !important\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 0;\n }\n \n ul, ol {\n margin-bottom: 0;\n padding-left: 1.5rem;\n }\n\n hr {\n margin: 0.75rem 0;\n color: var(--outline);\n }\n\n .list-group {\n border: none;\n padding: 0;\n border-radius: 0;\n\n &.list-group-horizontal {\n .list-group-item {\n justify-content: center;\n }\n }\n }\n }\n\n img {\n margin-bottom: 0.75rem;\n }\n}",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n margin: 0.25rem 0;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n padding: 0.5rem 0.875rem;\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-item {\n margin: 0.25rem 0.125rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n \n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n \n &:disabled {\n background: none;\n color: var(--outline);\n }\n \n &.active {\n color: var(--on-background);\n background-color: var(--surface-3);\n box-shadow: none !important;\n //border: 2px solid var(--brand-flat-strong);\n &:hover {\n background-color: var(--surface-5);\n }\n\n &:active, &:focus {\n background-color: var(--surface-5);\n border: 2px solid var(--brand-flat-strong);\n }\n }\n \n &:active, &:focus {\n box-shadow: none !important;\n }\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n button {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}",".accordion {\n .accordion-item {\n border: 0;\n margin-bottom: 0.5rem;\n\n &:last-child {\n margin-bottom: 0;\n border-radius: 0.5rem;\n }\n \n .accordion-button {\n @extend .body-text;\n padding: 0.75rem;\n background-color: var(--surface);\n box-shadow: none;\n border-radius: 0.5rem;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n width: auto;\n height: auto;\n }\n \n &:not(.collapsed) {\n color: var(--on-background);\n background-color: var(--surface-2);\n border-radius: 0.5rem 0.5rem 0 0;\n \n &:last-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n transform: rotate(-45deg);\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n }\n\n &:last-of-type {\n border-radius: 0.5rem;\n }\n \n &:hover {\n background-color: var(--surface-1);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n background-color: var(--surface-2);\n border-radius: 0 0 0.5rem 0.5rem;\n\n p {\n margin-bottom: 0;\n }\n }\n }\n\n // .accordion-button-chevron {\n // &:not(.collapsed) {\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n\n .accordion {\n .accordion-item {\n border-radius: 0;\n border: 0;\n margin-bottom: 0;\n\n &:last-child {\n .accordion-button {\n border-radius: 0 0 0.5rem 0.5rem !important;\n\n &:not(.collapsed) {\n border-radius: 0 !important;\n }\n }\n \n .accordion-body { \n border-radius: 0 0 0.5rem 0.5rem !important;\n }\n }\n\n .accordion-header {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n\n &:hover {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n }\n \n .accordion-button {\n @extend .body-text-sm;\n position: inherit;\n padding: 0.75rem;\n padding-left: 1.75rem;\n background-color: var(--surface-2);\n border-radius: 0;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* plus-circle */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:not(.collapsed) {\n background-color: var(--surface-variant);\n padding: 0.75rem;\n padding-left: 1.75rem;\n \n &::after {\n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:hover {\n background-color: var(--surface-5);\n }\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n }\n\n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n padding-left: 1.75rem;\n padding-right: 2rem;\n background-color: var(--surface-variant);\n color: var(--on-surface-variant);\n border-radius: 0;\n \n p {\n margin-bottom: 0;\n }\n }\n }\n // .accordion-button-chevron {\n // padding-left: 3rem;\n // &::after { \n // color: var(--brand);\n // background-image: none;\n // content: \"\\F22C\"; /* caret-down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // &:not(.collapsed) {\n // background-color: var(--brand);\n // color: var(--on-brand);\n // &::after { \n // color: var(--on-brand);\n // background-image: none;\n // content: \"\\F229\"; /* caret-down-fill */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // }\n }\n}\n","footer {\n background-color: var(--surface-variant);\n margin-top: 1.5rem;\n padding-top: 2.25rem;\n padding-bottom: 2.25rem;\n\n .title {\n @extend .title-text;\n }\n\n .nav {\n margin: 0.25rem 0;\n\n .nav-item {\n margin: 0.25rem 0;\n margin-right:1.25rem;\n\n &:last-child {\n margin-right: 0;\n }\n\n i {\n font-size: 1.5rem;\n }\n }\n\n &.nav-secondary {\n .nav-item {\n margin: 0.25rem 0;\n margin-right: 1rem;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n\n a {\n font-weight: 400;\n }\n \n }\n }\n }\n\n p {\n margin: 0.5rem 0;\n }\n\n/* hr {\n margin: 0.75rem 0;\n } */\n\n &.bg-brand {\n * {\n color: var(--on-brand);\n }\n }\n}\n\n"]} \ No newline at end of file diff --git a/dist/css/pdis-design-system.min.css b/dist/css/pdis-design-system.min.css index 21076035afd4..7f8e90b5c4e2 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap);:root{--brand:#2c5ab4;--brand-strong:#03429c;--on-brand:#ffffff;--brand-flat:#d8e2ff;--brand-flat-strong:#afc6ff;--on-brand-flat:#001847;--accent:#705d00;--accent-strong:#554600;--on-accent:#ffffff;--accent-flat:#ffe25b;--accent-flat-strong:#e7c400;--on-accent-flat:#221b00;--positive:#286b2a;--positive-strong:#085314;--on-positive:#ffffff;--positive-flat:#acf5a3;--positive-flat-strong:#90d889;--on-positive-flat:#012104;--negative:#ba1b1b;--negative-strong:#930006;--on-negative:#ffffff;--negative-flat:#ffdad4;--negative-flat-strong:#ffb4a9;--on-negative-flat:#410001;--information:#006687;--information-strong:#004d67;--on-information:#ffffff;--information-flat:#bee8ff;--information-flat-strong:#6bd2ff;--on-information-flat:#001e2b;--warning:#a53d00;--warning-strong:#7d2c00;--on-warning:#ffffff;--warning-flat:#ffdbcb;--warning-flat-strong:#ffb593;--on-warning-flat:#360f00;--surface:#FAFDF9;--surface-1:#F0F5F6;--surface-2:#EAF0F3;--surface-3:#E3EBF1;--surface-4:#E1E9F1;--surface-5:#DDE6EF;--on-surface:#191C1B;--surface-variant:#E2E2EC;--on-surface-variant:#44464E;--outline:#757780;--background:#FAFDF9;--on-background:#191C1B;--bs-primary:var(--brand);--bs-secondary:var(--accent);--bs-success:var(--positive);--bs-info:var(--information);--bs-warning:var(--warning);--bs-danger:var(--negative);--bs-background:$background;--bs-on-background:$on-background;--bs-dark:var(--bs-on-background);--bs-body-bg:var(--bs-background);--bs-body-color:var(--bs-on-background);--bs-font-sans-serif:"Noto Sans","Noto Sans TC",sans-serif}.badge,.btn,.button-text,.label-text,.nav-pills .nav-item .nav-link,.nav-tabs .nav-item .nav-link,.tab-text{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.25rem;border-radius:.625rem;padding:.5rem 1.125rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge:disabled,.btn:disabled,.button-text:disabled,.label-text:disabled,.nav-pills .nav-item .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.tab-text:disabled{color:var(--outline)}.badge-date,.badge-sm,.btn.btn-sm,.button-text-sm,.label-text-sm,.tab-text-sm,.tabs-sm .nav-item .nav-link{font-style:normal;font-weight:500;font-size:.75rem;line-height:1rem;padding:.5rem 1rem;border-radius:.5rem;letter-spacing:.5px;color:var(--on-background);background:0 0}.badge-date:disabled,.badge-sm:disabled,.btn.btn-sm:disabled,.button-text-sm:disabled,.label-text-sm:disabled,.tab-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg,.btn.btn-lg,.button-text-lg,.label-text-lg,.tab-text-lg,.tabs-lg .nav-item .nav-link{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;padding:.5rem 1.25rem;border-radius:.75rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge-lg:disabled,.btn.btn-lg:disabled,.button-text-lg:disabled,.label-text-lg:disabled,.tab-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-header .accordion-button::after,.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,.accordion .accordion-item .accordion-button,.accordion .accordion-item .accordion-button::after,.accordion .accordion-item .accordion-button:not(.collapsed)::after,.body-text,.card .card-body .card-text,.list-group .list-group-item,a,p{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled::after,.accordion .accordion-item .accordion-button:disabled,.accordion .accordion-item .accordion-button:disabled::after,.body-text:disabled,.card .card-body .card-text:disabled,.list-group .list-group-item:disabled,a:disabled,p:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-body,.accordion .accordion .accordion-item .accordion-header .accordion-button,.accordion .accordion-item .accordion-body,.body-text-sm,.list-group .list-group-item .list-group-item-subheader{font-style:normal;font-weight:400;font-size:.875rem;line-height:1.25rem;letter-spacing:.25px;color:var(--on-background)}.accordion .accordion .accordion-item .accordion-body:disabled,.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled,.accordion .accordion-item .accordion-body:disabled,.body-text-sm:disabled,.list-group .list-group-item .list-group-item-subheader:disabled{color:var(--outline)}.body-text-lg{font-style:normal;font-weight:400;font-size:1.125rem;line-height:1.6875rem;letter-spacing:.75px;color:var(--on-background)}.body-text-lg:disabled{color:var(--outline)}.card .card-body .card-title,.list-group-title,.masonry-card .card-header,.title-text,footer .title{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.625rem;color:var(--on-background)}.card .card-body .card-title:disabled,.list-group-title:disabled,.masonry-card .card-header:disabled,.title-text:disabled,footer .title:disabled{color:var(--outline)}.title-text-sm{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;letter-spacing:.1px;color:var(--on-background)}.title-text-sm:disabled{color:var(--outline)}.title-text-lg{font-style:normal;font-weight:500;font-size:1.375rem;line-height:1.75rem;color:var(--on-background)}.title-text-lg:disabled{color:var(--outline)}.heading-text,.masonry-card .card-body .card-title{font-style:normal;font-weight:400;font-size:1.75rem;line-height:2.25rem;color:var(--on-background)}.heading-text:disabled,.masonry-card .card-body .card-title:disabled{color:var(--outline)}.heading-text-sm{font-style:normal;font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--on-background)}.heading-text-sm:disabled{color:var(--outline)}.heading-text-lg{font-style:normal;font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--on-background)}.heading-text-lg:disabled{color:var(--outline)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)!important}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)!important}.bg-brand-strong{background-color:var(--brand-strong)!important;color:var(--on-brand)!important}.bg-brand-flat-strong{background-color:var(--brand-flat-strong)!important;color:var(--on-brand-flat)!important}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)!important}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)!important}.bg-accent-strong{background-color:var(--accent-strong)!important;color:var(--on-accent)!important}.bg-accent-flat-strong{background-color:var(--accent-flat-strong)!important;color:var(--on-accent-flat)!important}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)!important}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)!important}.bg-positive-strong{background-color:var(--positive-strong)!important;color:var(--on-positive)!important}.bg-positive-flat-strong{background-color:var(--positive-flat-strong)!important;color:var(--on-positive-flat)!important}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)!important}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)!important}.bg-negative-strong{background-color:var(--negative-strong)!important;color:var(--on-negative)!important}.bg-negative-flat-strong{background-color:var(--negative-flat-strong)!important;color:var(--on-negative-flat)!important}.bg-information{background-color:var(--information)!important;color:var(--on-information)!important}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)!important}.bg-information-strong{background-color:var(--information-strong)!important;color:var(--on-information)!important}.bg-information-flat-strong{background-color:var(--information-flat-strong)!important;color:var(--on-information-flat)!important}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)!important}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)!important}.bg-warning-strong{background-color:var(--warning-strong)!important;color:var(--on-warning)!important}.bg-warning-flat-strong{background-color:var(--warning-flat-strong)!important;color:var(--on-warning-flat)!important}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)!important}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)!important}.bg-primary-strong{background-color:var(--brand-strong)!important;color:var(--on-brand)!important}.bg-primary-flat-strong{background-color:var(--brand-flat-strong)!important;color:var(--on-brand-flat)!important}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)!important}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)!important}.bg-secondary-strong{background-color:var(--accent-strong)!important;color:var(--on-accent)!important}.bg-secondary-flat-strong{background-color:var(--accent-flat-strong)!important;color:var(--on-accent-flat)!important}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)!important}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)!important}.bg-success-strong{background-color:var(--positive-strong)!important;color:var(--on-positive)!important}.bg-success-flat-strong{background-color:var(--positive-flat-strong)!important;color:var(--on-positive-flat)!important}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)!important}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)!important}.bg-danger-strong{background-color:var(--negative-strong)!important;color:var(--on-negative)!important}.bg-danger-flat-strong{background-color:var(--negative-flat-strong)!important;color:var(--on-negative-flat)!important}.bg-info{background-color:var(--information)!important;color:var(--on-information)!important}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)!important}.bg-info-strong{background-color:var(--information-strong)!important;color:var(--on-information)!important}.bg-info-flat-strong{background-color:var(--information-flat-strong)!important;color:var(--on-information-flat)!important}.text-brand{color:var(--brand)!important}.text-accent{color:var(--accent)!important}.text-positive{color:var(--positive)!important}.text-negative{color:var(--negative)!important}.text-information{color:var(--information)!important}.text-warning{color:var(--warning)!important}.text-primary{color:var(--brand)!important}.text-secondary{color:var(--accent)!important}.text-success{color:var(--positive)!important}.text-danger{color:var(--negative)!important}.text-info{color:var(--information)!important}a{color:var(--on-brand-flat);font-weight:500}a:visited{color:var(--on-accent-flat)}a:hover{color:var(--on-brand-flat);background-color:var(--brand-flat)}a:active,a:focus-visible{color:var(--on-brand-flat);background-color:var(--brand-flat-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.icon{margin-right:.5rem}.logo{margin:1rem .5rem 1rem .75rem}.social-icon{margin-left:.5rem;margin-right:.5rem}.social-icon:first-child{margin-left:0}.social-icon:last-child{margin-right:0}.trad-chinese-formal{list-style:trad-chinese-formal}.trad-chinese-informal{list-style:trad-chinese-informal}.horizontal-label{width:-webkit-fill-available;margin-bottom:0}.bd-navbar{background-color:var(--bs-gray-100)}.bd-navbar .navbar-nav .nav-link{color:rgba(44,90,180,.85)}.bd-navbar .navbar-nav .nav-link:focus,.bd-navbar .navbar-nav .nav-link:hover{color:#2c5ab4}.bd-navbar .navbar-nav .nav-link.active{color:#2c5ab4}.bd-navbar .navbar-toggler{color:#000}.navbar-size{background-color:#e9ecef}.bd-footer a{color:#2c5ab4;text-decoration:underline}.bd-footer a:focus,.bd-footer a:hover{color:#2c5ab4;text-decoration:underline}.badge{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child{margin-left:0}.badge:last-child{margin-right:0}.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat{color:var(--on-surface);background-color:var(--surface)!important}.badge-sm.badge-numerical{padding:0 .375rem;border-radius:.375rem}.badge-lg.badge-numerical{padding:0 .625rem;border-radius:.625rem}.badge-date{display:flex;align-items:center;align-self:stretch;padding:0 .25rem;border-radius:.5rem}.badge-group{margin-top:.5rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:focus,.button-text:focus{box-shadow:none}.btn:active,.btn:focus-visible,.button-text:active,.button-text:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn i,.button-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.btn i:first-child,.button-text i:first-child{margin-left:0}.btn i:last-child,.button-text i:last-child{margin-right:0}.btn.btn-sm:hover,.button-text-sm:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-sm:focus,.button-text-sm:focus{box-shadow:none}.btn.btn-sm:active,.btn.btn-sm:focus-visible,.button-text-sm:active,.button-text-sm:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn.btn-sm i,.button-text-sm i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.btn.btn-sm i:first-child,.button-text-sm i:first-child{margin-left:0}.btn.btn-sm i:last-child,.button-text-sm i:last-child{margin-right:0}.btn.btn-lg:hover,.button-text-lg:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-lg:focus,.button-text-lg:focus{box-shadow:none}.btn.btn-lg:active,.btn.btn-lg:focus-visible,.button-text-lg:active,.button-text-lg:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn.btn-lg i,.button-text-lg i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.btn.btn-lg i:first-child,.button-text-lg i:first-child{margin-left:0}.btn.btn-lg i:last-child,.button-text-lg i:last-child{margin-right:0}.btn{margin:0 .25rem}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}.btn:disabled{opacity:.6}.btn.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-brand:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-brand:active,.btn.btn-brand:focus-visible{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;border-color:var(--brand-flat-strong)}.btn.btn-accent{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-accent:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-accent:active,.btn.btn-accent:focus-visible{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong) inset!important;border-color:var(--accent-flat-strong)}.btn.btn-positive{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-positive:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-positive:active,.btn.btn-positive:focus-visible{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong) inset!important;border-color:var(--positive-flat-strong)}.btn.btn-negative{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-negative:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-negative:active,.btn.btn-negative:focus-visible{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong) inset!important;border-color:var(--negative-flat-strong)}.btn.btn-information{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-information:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-information:active,.btn.btn-information:focus-visible{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong) inset!important;border-color:var(--information-flat-strong)}.btn.btn-warning{background-color:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn.btn-warning:hover{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning)}.btn.btn-warning:active,.btn.btn-warning:focus-visible{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong) inset!important;border-color:var(--warning-flat-strong)}.btn.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-primary:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-primary:active,.btn.btn-primary:focus-visible{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;border-color:var(--brand-flat-strong)}.btn.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-secondary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-secondary:active,.btn.btn-secondary:focus-visible{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong) inset!important;border-color:var(--accent-flat-strong)}.btn.btn-success{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-success:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-success:active,.btn.btn-success:focus-visible{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong) inset!important;border-color:var(--positive-flat-strong)}.btn.btn-danger{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-danger:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-danger:active,.btn.btn-danger:focus-visible{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong) inset!important;border-color:var(--negative-flat-strong)}.btn.btn-info{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-info:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-info:active,.btn.btn-info:focus-visible{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong) inset!important;border-color:var(--information-flat-strong)}.btn.btn-secondary{background:var(--brand-flat);color:var(--on-brand-flat);border:none}.btn.btn-secondary:hover{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none}.btn.btn-secondary:active,.btn.btn-secondary:focus-visible{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--surface-1) inset!important;border-color:var(--surface-1)}.btn.btn-tertiary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-tertiary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus-visible{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;background:var(--surface-1);border-color:var(--brand-flat-strong)}.btn.btn-less-important{background:0 0;color:var(--on-brand-flat)}.btn.btn-less-important:hover{background-color:var(--surface-1);color:var(--on-brand-flat)}.btn.btn-less-important:active,.btn.btn-less-important:focus-visible{background-color:var(--surface-1);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn .badge{top:0;margin:0 .25rem}.btn .badge:first-child{margin-left:0}.btn .badge:last-child{margin-right:0}.list-group{border-radius:.5rem}.list-group .list-group-item{display:flex;align-items:center;border:none;padding:.75rem;background-color:var(--surface)}.list-group .list-group-item:first-child{border-radius:0}.list-group .list-group-item:last-child{border-radius:0}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem;color:var(--on-surface-variant)}.list-group .list-group-item .list-group-item-header{min-width:max-content}.list-group .list-group-item i{margin-left:.5rem;margin-right:.5rem;font-size:1.125rem;font-weight:500}.list-group .list-group-item i:first-child{margin-left:0}.list-group .list-group-item i:last-child{margin-right:0}.list-group .list-group-item a{text-decoration:none}.list-group .list-group-item:hover{background-color:var(--surface-1)}.list-group .list-group-item:active,.list-group .list-group-item:focus-visible{background-color:var(--surface-2)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.list-group.divider .list-group-item:last-child{border-bottom:none}.list-group.border{border:1px solid var(--outline)!important}.list-group.border.divider .list-group-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.list-group.border.divider .list-group-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.list-group.elevation{box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0;margin-top:.25rem}.list-group-title{margin-bottom:1.5rem}.card{border:1px solid var(--outline);border-radius:.5rem;background-color:var(--surface)}.card .card-body{padding:1rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:0}.card .card-body .card-text{color:var(--on-surface-variant);margin:.5rem 0}.card .card-body .badge{margin:0 .25rem}.card .card-actions{margin-top:.25rem}.card .card-img-top{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.card img{aspect-ratio:4/3}.card .card-image{width:100%;background-size:cover!important;background-position:center!important;height:100%;aspect-ratio:3/4}@media (max-width:768px){.card .card-image{aspect-ratio:1/1}}.card.elevated{background:var(--surface);border:none;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.card.elevated .card-actions{background:var(--surface)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:0 1px 3px 1px rgba(0,0,0,.15);filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, .3))}.card.text-center{list-style-position:inside}.card.text-center ol,.card.text-center ul{margin-bottom:0;padding-left:0!important}.card.text-center .list-group-item{justify-content:center!important}.masonry-card .card-header{color:var(--on-surface);background-color:var(--surface);padding:1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.masonry-card .card-body:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.masonry-card .card-body .card-title{margin-bottom:0}.masonry-card .card-body ol,.masonry-card .card-body ul{margin-bottom:0;padding-left:1.5rem}.masonry-card .card-body hr{margin:.75rem 0;color:var(--outline)}.masonry-card .card-body .list-group{border:none;padding:0;border-radius:0}.masonry-card .card-body .list-group.list-group-horizontal .list-group-item{justify-content:center}.masonry-card img{margin-bottom:.75rem}.nav-pills .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.tab-text:active,.tab-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.nav-pills .nav-item .nav-link i,.nav-tabs .nav-item .nav-link i,.tab-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500;vertical-align:middle}.nav-pills .nav-item .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.tab-text i:first-child{margin-left:0}.nav-pills .nav-item .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.nav-pills .nav-item .nav-link span,.nav-tabs .nav-item .nav-link span,.tab-text span{vertical-align:middle}.tab-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-sm:active,.tab-text-sm:focus,.tabs-sm .nav-item .nav-link:active,.tabs-sm .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500;vertical-align:middle}.tab-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.tab-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.tab-text-sm span,.tabs-sm .nav-item .nav-link span{vertical-align:middle}.tab-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-lg:active,.tab-text-lg:focus,.tabs-lg .nav-item .nav-link:active,.tabs-lg .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500;vertical-align:middle}.tab-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.tab-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.tab-text-lg span,.tabs-lg .nav-item .nav-link span{vertical-align:middle}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block;margin:.25rem 0}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant);padding:.5rem .875rem}.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus{box-shadow:none!important;border-bottom:2px solid var(--brand-flat-strong)}.nav-tabs .nav-item .nav-link:disabled{background:0 0;border-bottom:2px solid var(--surface);color:var(--outline)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-item{margin:.25rem .125rem}.nav-pills .nav-item:first-child{margin-left:0}.nav-pills .nav-item:last-child{margin-right:0}.nav-pills .nav-item .nav-link{text-decoration:none;border:2px solid transparent}.nav-pills .nav-item .nav-link:first-child{margin-left:0}.nav-pills .nav-item .nav-link:last-child{margin-right:0}.nav-pills .nav-item .nav-link:disabled{background:0 0;color:var(--outline)}.nav-pills .nav-item .nav-link.active{color:var(--on-background);background-color:var(--surface-3);box-shadow:none!important}.nav-pills .nav-item .nav-link.active:hover{background-color:var(--surface-5)}.nav-pills .nav-item .nav-link.active:active,.nav-pills .nav-item .nav-link.active:focus{background-color:var(--surface-5);border:2px solid var(--brand-flat-strong)}.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:focus{box-shadow:none!important}.tab-content{margin-top:1rem}.nav-scroll{display:flex}.nav-scroll .nav-scroll-wrapper{white-space:nowrap;display:flex;overflow:hidden}.nav-scroll .nav-scroll-wrapper .nav{flex-wrap:nowrap}.nav-scroll button{margin:0 .5rem}.nav-scroll button:first-child{margin-left:0}.nav-scroll button:last-child{margin-right:0}.accordion .accordion-item{border:0;margin-bottom:.5rem}.accordion .accordion-item:last-child{margin-bottom:0;border-radius:.5rem}.accordion .accordion-item .accordion-button{padding:.75rem;background-color:var(--surface);box-shadow:none;border-radius:.5rem}.accordion .accordion-item .accordion-button::after{color:var(--on-background);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center;width:auto;height:auto}.accordion .accordion-item .accordion-button:not(.collapsed){color:var(--on-background);background-color:var(--surface-2);border-radius:.5rem .5rem 0 0}.accordion .accordion-item .accordion-button:not(.collapsed):last-of-type{border-radius:.5rem .5rem 0 0}.accordion .accordion-item .accordion-button:not(.collapsed)::after{color:var(--on-background);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center;transform:rotate(-45deg)}.accordion .accordion-item .accordion-button:not(.collapsed):hover{background-color:var(--surface-3)}.accordion .accordion-item .accordion-button:last-of-type{border-radius:.5rem}.accordion .accordion-item .accordion-button:hover{background-color:var(--surface-1)}.accordion .accordion-item .accordion-button:active{box-shadow:none!important}.accordion .accordion-item .accordion-button:focus{box-shadow:none!important}.accordion .accordion-item .accordion-button:disabled{color:var(--outline)}.accordion .accordion-item .accordion-body{padding:.75rem;background-color:var(--surface-2);border-radius:0 0 .5rem .5rem}.accordion .accordion-item .accordion-body p{margin-bottom:0}.accordion .accordion .accordion-item{border-radius:0;border:0;margin-bottom:0}.accordion .accordion .accordion-item:last-child .accordion-button{border-radius:0 0 .5rem .5rem!important}.accordion .accordion .accordion-item:last-child .accordion-button:not(.collapsed){border-radius:0!important}.accordion .accordion .accordion-item:last-child .accordion-body{border-radius:0 0 .5rem .5rem!important}.accordion .accordion .accordion-item .accordion-header::before{content:"";width:0;height:3rem;border-left:1px solid var(--surface-variant);position:absolute;margin-left:1.25rem}.accordion .accordion .accordion-item .accordion-header:hover::before{content:"";width:0;height:3rem;border-left:1px solid var(--surface-variant);position:absolute;margin-left:1.25rem}.accordion .accordion .accordion-item .accordion-header .accordion-button{position:inherit;padding:.75rem;padding-left:1.75rem;background-color:var(--surface-2);border-radius:0}.accordion .accordion .accordion-item .accordion-header .accordion-button::after{color:var(--on-background);background-image:none;content:"\f4fa";font-family:bootstrap-icons;text-align:center}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){background-color:var(--surface-variant);padding:.75rem;padding-left:1.75rem}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{color:var(--on-background);background-image:none;content:"\f4fa";font-family:bootstrap-icons;text-align:center}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):hover{background-color:var(--surface-5)}.accordion .accordion .accordion-item .accordion-header .accordion-button:hover{background-color:var(--surface-3)}.accordion .accordion .accordion-item .accordion-header .accordion-button:active{box-shadow:none!important}.accordion .accordion .accordion-item .accordion-header .accordion-button:focus{box-shadow:none!important}.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-body{padding:.75rem;padding-left:1.75rem;padding-right:2rem;background-color:var(--surface-variant);color:var(--on-surface-variant);border-radius:0}.accordion .accordion .accordion-item .accordion-body p{margin-bottom:0}footer{background-color:var(--surface-variant);padding-top:2.25rem;padding-bottom:2.25rem}footer .nav{margin:.5rem 0}footer .nav .nav-item{margin:.25rem 0;margin-right:1.25rem}footer .nav .nav-item:last-child{margin-right:0}footer .nav.nav-secondary .nav-item{margin:.25rem 0;margin-right:1rem}footer .nav.nav-secondary .nav-item:first-child{margin-left:0}footer .nav.nav-secondary .nav-item:last-child{margin-right:0}footer .nav.nav-secondary .nav-item a{font-weight:400}footer p{margin:.5rem 0} +@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap);:root{--brand:#2c5ab4;--brand-strong:#03429c;--on-brand:#ffffff;--brand-flat:#d8e2ff;--brand-flat-strong:#afc6ff;--on-brand-flat:#001847;--accent:#705d00;--accent-strong:#554600;--on-accent:#ffffff;--accent-flat:#ffe25b;--accent-flat-strong:#e7c400;--on-accent-flat:#221b00;--positive:#286b2a;--positive-strong:#085314;--on-positive:#ffffff;--positive-flat:#acf5a3;--positive-flat-strong:#90d889;--on-positive-flat:#012104;--negative:#ba1b1b;--negative-strong:#930006;--on-negative:#ffffff;--negative-flat:#ffdad4;--negative-flat-strong:#ffb4a9;--on-negative-flat:#410001;--information:#006687;--information-strong:#004d67;--on-information:#ffffff;--information-flat:#bee8ff;--information-flat-strong:#6bd2ff;--on-information-flat:#001e2b;--warning:#a53d00;--warning-strong:#7d2c00;--on-warning:#ffffff;--warning-flat:#ffdbcb;--warning-flat-strong:#ffb593;--on-warning-flat:#360f00;--surface:#FAFDF9;--surface-1:#F0F5F6;--surface-2:#EAF0F3;--surface-3:#E3EBF1;--surface-4:#E1E9F1;--surface-5:#DDE6EF;--on-surface:#191C1B;--surface-variant:#E2E2EC;--on-surface-variant:#44464E;--outline:#757780;--background:#FAFDF9;--on-background:#191C1B;--bs-primary:var(--brand);--bs-secondary:var(--accent);--bs-success:var(--positive);--bs-info:var(--information);--bs-warning:var(--warning);--bs-danger:var(--negative);--bs-background:$background;--bs-on-background:$on-background;--bs-dark:var(--bs-on-background);--bs-body-bg:var(--bs-background);--bs-body-color:var(--bs-on-background);--bs-font-sans-serif:"Noto Sans","Noto Sans TC",sans-serif}.badge,.btn,.button-text,.label-text,.nav-pills .nav-item .nav-link,.nav-tabs .nav-item .nav-link,.tab-text{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.25rem;border-radius:.625rem;padding:.5rem 1.125rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge:disabled,.btn:disabled,.button-text:disabled,.label-text:disabled,.nav-pills .nav-item .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.tab-text:disabled{color:var(--outline)}.badge-date,.badge-sm,.btn.btn-sm,.button-text-sm,.label-text-sm,.tab-text-sm,.tabs-sm .nav-item .nav-link{font-style:normal;font-weight:500;font-size:.75rem;line-height:1rem;padding:.5rem 1rem;border-radius:.5rem;letter-spacing:.5px;color:var(--on-background);background:0 0}.badge-date:disabled,.badge-sm:disabled,.btn.btn-sm:disabled,.button-text-sm:disabled,.label-text-sm:disabled,.tab-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg,.btn.btn-lg,.button-text-lg,.label-text-lg,.tab-text-lg,.tabs-lg .nav-item .nav-link{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;padding:.5rem 1.25rem;border-radius:.75rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge-lg:disabled,.btn.btn-lg:disabled,.button-text-lg:disabled,.label-text-lg:disabled,.tab-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-header .accordion-button::after,.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,.accordion .accordion-item .accordion-button,.accordion .accordion-item .accordion-button::after,.accordion .accordion-item .accordion-button:not(.collapsed)::after,.body-text,.card .card-body .card-text,.list-group .list-group-item,a,p{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled::after,.accordion .accordion-item .accordion-button:disabled,.accordion .accordion-item .accordion-button:disabled::after,.body-text:disabled,.card .card-body .card-text:disabled,.list-group .list-group-item:disabled,a:disabled,p:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-body,.accordion .accordion .accordion-item .accordion-header .accordion-button,.accordion .accordion-item .accordion-body,.body-text-sm,.list-group .list-group-item .list-group-item-subheader{font-style:normal;font-weight:400;font-size:.875rem;line-height:1.25rem;letter-spacing:.25px;color:var(--on-background)}.accordion .accordion .accordion-item .accordion-body:disabled,.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled,.accordion .accordion-item .accordion-body:disabled,.body-text-sm:disabled,.list-group .list-group-item .list-group-item-subheader:disabled{color:var(--outline)}.body-text-lg{font-style:normal;font-weight:400;font-size:1.125rem;line-height:1.6875rem;letter-spacing:.75px;color:var(--on-background)}.body-text-lg:disabled{color:var(--outline)}.card .card-body .card-title,.list-group-title,.masonry-card .card-header,.title-text,footer .title{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.625rem;color:var(--on-background)}.card .card-body .card-title:disabled,.list-group-title:disabled,.masonry-card .card-header:disabled,.title-text:disabled,footer .title:disabled{color:var(--outline)}.title-text-sm{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;letter-spacing:.1px;color:var(--on-background)}.title-text-sm:disabled{color:var(--outline)}.title-text-lg{font-style:normal;font-weight:500;font-size:1.375rem;line-height:1.75rem;color:var(--on-background)}.title-text-lg:disabled{color:var(--outline)}.heading-text,.masonry-card .card-body .card-title{font-style:normal;font-weight:400;font-size:1.75rem;line-height:2.25rem;color:var(--on-background)}.heading-text:disabled,.masonry-card .card-body .card-title:disabled{color:var(--outline)}.heading-text-sm{font-style:normal;font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--on-background)}.heading-text-sm:disabled{color:var(--outline)}.heading-text-lg{font-style:normal;font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--on-background)}.heading-text-lg:disabled{color:var(--outline)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)!important}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)!important}.bg-brand-strong{background-color:var(--brand-strong)!important;color:var(--on-brand)!important}.bg-brand-flat-strong{background-color:var(--brand-flat-strong)!important;color:var(--on-brand-flat)!important}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)!important}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)!important}.bg-accent-strong{background-color:var(--accent-strong)!important;color:var(--on-accent)!important}.bg-accent-flat-strong{background-color:var(--accent-flat-strong)!important;color:var(--on-accent-flat)!important}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)!important}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)!important}.bg-positive-strong{background-color:var(--positive-strong)!important;color:var(--on-positive)!important}.bg-positive-flat-strong{background-color:var(--positive-flat-strong)!important;color:var(--on-positive-flat)!important}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)!important}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)!important}.bg-negative-strong{background-color:var(--negative-strong)!important;color:var(--on-negative)!important}.bg-negative-flat-strong{background-color:var(--negative-flat-strong)!important;color:var(--on-negative-flat)!important}.bg-information{background-color:var(--information)!important;color:var(--on-information)!important}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)!important}.bg-information-strong{background-color:var(--information-strong)!important;color:var(--on-information)!important}.bg-information-flat-strong{background-color:var(--information-flat-strong)!important;color:var(--on-information-flat)!important}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)!important}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)!important}.bg-warning-strong{background-color:var(--warning-strong)!important;color:var(--on-warning)!important}.bg-warning-flat-strong{background-color:var(--warning-flat-strong)!important;color:var(--on-warning-flat)!important}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)!important}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)!important}.bg-primary-strong{background-color:var(--brand-strong)!important;color:var(--on-brand)!important}.bg-primary-flat-strong{background-color:var(--brand-flat-strong)!important;color:var(--on-brand-flat)!important}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)!important}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)!important}.bg-secondary-strong{background-color:var(--accent-strong)!important;color:var(--on-accent)!important}.bg-secondary-flat-strong{background-color:var(--accent-flat-strong)!important;color:var(--on-accent-flat)!important}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)!important}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)!important}.bg-success-strong{background-color:var(--positive-strong)!important;color:var(--on-positive)!important}.bg-success-flat-strong{background-color:var(--positive-flat-strong)!important;color:var(--on-positive-flat)!important}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)!important}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)!important}.bg-danger-strong{background-color:var(--negative-strong)!important;color:var(--on-negative)!important}.bg-danger-flat-strong{background-color:var(--negative-flat-strong)!important;color:var(--on-negative-flat)!important}.bg-info{background-color:var(--information)!important;color:var(--on-information)!important}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)!important}.bg-info-strong{background-color:var(--information-strong)!important;color:var(--on-information)!important}.bg-info-flat-strong{background-color:var(--information-flat-strong)!important;color:var(--on-information-flat)!important}.text-brand{color:var(--brand)!important}.text-accent{color:var(--accent)!important}.text-positive{color:var(--positive)!important}.text-negative{color:var(--negative)!important}.text-information{color:var(--information)!important}.text-warning{color:var(--warning)!important}.text-primary{color:var(--brand)!important}.text-secondary{color:var(--accent)!important}.text-success{color:var(--positive)!important}.text-danger{color:var(--negative)!important}.text-info{color:var(--information)!important}a{color:var(--on-brand-flat);font-weight:500}a:visited{color:var(--on-accent-flat)}a:hover{color:var(--on-brand-flat);background-color:var(--brand-flat)}a:active,a:focus-visible{color:var(--on-brand-flat);background-color:var(--brand-flat-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.icon{margin-right:.5rem}.logo{margin:1rem .5rem 1rem .75rem}.social-icon{margin-left:.5rem;margin-right:.5rem}.social-icon:first-child{margin-left:0}.social-icon:last-child{margin-right:0}.trad-chinese-formal{list-style:trad-chinese-formal}.trad-chinese-informal{list-style:trad-chinese-informal}.horizontal-label{width:-webkit-fill-available;margin-bottom:0}.bd-navbar{background-color:var(--bs-gray-100)}.bd-navbar .navbar-nav .nav-link{color:rgba(44,90,180,.85)}.bd-navbar .navbar-nav .nav-link:focus,.bd-navbar .navbar-nav .nav-link:hover{color:#2c5ab4}.bd-navbar .navbar-nav .nav-link.active{color:#2c5ab4}.bd-navbar .navbar-toggler{color:#000}.navbar-size{background-color:#e9ecef}.bd-footer a{color:#2c5ab4;text-decoration:underline}.bd-footer a:focus,.bd-footer a:hover{color:#2c5ab4;text-decoration:underline}.badge{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child{margin-left:0}.badge:last-child{margin-right:0}.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat{color:var(--on-surface);background-color:var(--surface)!important}.badge-sm.badge-numerical{padding:0 .375rem;border-radius:.375rem}.badge-lg.badge-numerical{padding:0 .625rem;border-radius:.625rem}.badge-date{display:flex;align-items:center;align-self:stretch;padding:0 .25rem;border-radius:.5rem}.badge-group{margin-top:.5rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:focus,.button-text:focus{box-shadow:none}.btn:active,.btn:focus-visible,.button-text:active,.button-text:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn i,.button-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.btn i:first-child,.button-text i:first-child{margin-left:0}.btn i:last-child,.button-text i:last-child{margin-right:0}.btn.btn-sm:hover,.button-text-sm:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-sm:focus,.button-text-sm:focus{box-shadow:none}.btn.btn-sm:active,.btn.btn-sm:focus-visible,.button-text-sm:active,.button-text-sm:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn.btn-sm i,.button-text-sm i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.btn.btn-sm i:first-child,.button-text-sm i:first-child{margin-left:0}.btn.btn-sm i:last-child,.button-text-sm i:last-child{margin-right:0}.btn.btn-lg:hover,.button-text-lg:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-lg:focus,.button-text-lg:focus{box-shadow:none}.btn.btn-lg:active,.btn.btn-lg:focus-visible,.button-text-lg:active,.button-text-lg:focus-visible{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn.btn-lg i,.button-text-lg i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.btn.btn-lg i:first-child,.button-text-lg i:first-child{margin-left:0}.btn.btn-lg i:last-child,.button-text-lg i:last-child{margin-right:0}.btn{margin:0 .25rem}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}.btn:disabled{opacity:.6}.btn.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-brand:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-brand:active,.btn.btn-brand:focus-visible{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;border-color:var(--brand-flat-strong)}.btn.btn-accent{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-accent:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-accent:active,.btn.btn-accent:focus-visible{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong) inset!important;border-color:var(--accent-flat-strong)}.btn.btn-positive{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-positive:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-positive:active,.btn.btn-positive:focus-visible{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong) inset!important;border-color:var(--positive-flat-strong)}.btn.btn-negative{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-negative:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-negative:active,.btn.btn-negative:focus-visible{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong) inset!important;border-color:var(--negative-flat-strong)}.btn.btn-information{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-information:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-information:active,.btn.btn-information:focus-visible{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong) inset!important;border-color:var(--information-flat-strong)}.btn.btn-warning{background-color:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn.btn-warning:hover{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning)}.btn.btn-warning:active,.btn.btn-warning:focus-visible{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong) inset!important;border-color:var(--warning-flat-strong)}.btn.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-primary:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-primary:active,.btn.btn-primary:focus-visible{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;border-color:var(--brand-flat-strong)}.btn.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-secondary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-secondary:active,.btn.btn-secondary:focus-visible{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong) inset!important;border-color:var(--accent-flat-strong)}.btn.btn-success{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-success:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-success:active,.btn.btn-success:focus-visible{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong) inset!important;border-color:var(--positive-flat-strong)}.btn.btn-danger{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-danger:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-danger:active,.btn.btn-danger:focus-visible{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong) inset!important;border-color:var(--negative-flat-strong)}.btn.btn-info{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-info:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-info:active,.btn.btn-info:focus-visible{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong) inset!important;border-color:var(--information-flat-strong)}.btn.btn-secondary{background:var(--brand-flat);color:var(--on-brand-flat);border:none}.btn.btn-secondary:hover{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none}.btn.btn-secondary:active,.btn.btn-secondary:focus-visible{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--surface-1) inset!important;border-color:var(--surface-1)}.btn.btn-tertiary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-tertiary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus-visible{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong) inset!important;background:var(--surface-1);border-color:var(--brand-flat-strong)}.btn.btn-less-important{background:0 0;color:var(--on-brand-flat)}.btn.btn-less-important:hover{background-color:var(--surface-1);color:var(--on-brand-flat)}.btn.btn-less-important:active,.btn.btn-less-important:focus-visible{background-color:var(--surface-1);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong) inset;border-color:var(--brand-flat-strong)}.btn .badge{top:0;margin:0 .25rem}.btn .badge:first-child{margin-left:0}.btn .badge:last-child{margin-right:0}.list-group{border-radius:.5rem}.list-group .list-group-item{display:flex;align-items:center;border:none;padding:.75rem;background-color:var(--surface)}.list-group .list-group-item:first-child{border-radius:0}.list-group .list-group-item:last-child{border-radius:0}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem;color:var(--on-surface-variant)}.list-group .list-group-item .list-group-item-header{min-width:max-content}.list-group .list-group-item i{margin-left:.5rem;margin-right:.5rem;font-size:1.125rem;font-weight:500}.list-group .list-group-item i:first-child{margin-left:0}.list-group .list-group-item i:last-child{margin-right:0}.list-group .list-group-item a{text-decoration:none}.list-group .list-group-item:hover{background-color:var(--surface-1)}.list-group .list-group-item:active,.list-group .list-group-item:focus-visible{background-color:var(--surface-2)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.list-group.divider .list-group-item:last-child{border-bottom:none}.list-group.border{border:1px solid var(--outline)!important}.list-group.border.divider .list-group-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.list-group.border.divider .list-group-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.list-group.elevation{box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0;margin-top:.25rem}.list-group-title{margin-bottom:1.5rem}.card{border:1px solid var(--outline);border-radius:.5rem;background-color:var(--surface)}.card .card-body{padding:1rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:0}.card .card-body .card-text{color:var(--on-surface-variant);margin:.5rem 0}.card .card-body .badge{margin:0 .25rem}.card .card-actions{margin-top:.25rem}.card .card-img-top{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.card img{aspect-ratio:4/3}.card .card-image{width:100%;background-size:cover!important;background-position:center!important;height:100%;aspect-ratio:3/4}@media (max-width:768px){.card .card-image{aspect-ratio:1/1}}.card.elevated{background:var(--surface);border:none;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.card.elevated .card-actions{background:var(--surface)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:0 1px 3px 1px rgba(0,0,0,.15);filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, .3))}.card.text-center{list-style-position:inside}.card.text-center ol,.card.text-center ul{margin-bottom:0;padding-left:0!important}.card.text-center .list-group-item{justify-content:center!important}.masonry-card .card-header{color:var(--on-surface);background-color:var(--surface);padding:1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.masonry-card .card-body:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.masonry-card .card-body .card-title{margin-bottom:0}.masonry-card .card-body ol,.masonry-card .card-body ul{margin-bottom:0;padding-left:1.5rem}.masonry-card .card-body hr{margin:.75rem 0;color:var(--outline)}.masonry-card .card-body .list-group{border:none;padding:0;border-radius:0}.masonry-card .card-body .list-group.list-group-horizontal .list-group-item{justify-content:center}.masonry-card img{margin-bottom:.75rem}.nav-pills .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.tab-text:active,.tab-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.nav-pills .nav-item .nav-link i,.nav-tabs .nav-item .nav-link i,.tab-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500;vertical-align:middle}.nav-pills .nav-item .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.tab-text i:first-child{margin-left:0}.nav-pills .nav-item .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.nav-pills .nav-item .nav-link span,.nav-tabs .nav-item .nav-link span,.tab-text span{vertical-align:middle}.tab-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-sm:active,.tab-text-sm:focus,.tabs-sm .nav-item .nav-link:active,.tabs-sm .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500;vertical-align:middle}.tab-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.tab-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.tab-text-sm span,.tabs-sm .nav-item .nav-link span{vertical-align:middle}.tab-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-lg:active,.tab-text-lg:focus,.tabs-lg .nav-item .nav-link:active,.tabs-lg .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong) inset}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500;vertical-align:middle}.tab-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.tab-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.tab-text-lg span,.tabs-lg .nav-item .nav-link span{vertical-align:middle}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block;margin:.25rem 0}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant);padding:.5rem .875rem}.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus{box-shadow:none!important;border-bottom:2px solid var(--brand-flat-strong)}.nav-tabs .nav-item .nav-link:disabled{background:0 0;border-bottom:2px solid var(--surface);color:var(--outline)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-item{margin:.25rem .125rem}.nav-pills .nav-item:first-child{margin-left:0}.nav-pills .nav-item:last-child{margin-right:0}.nav-pills .nav-item .nav-link{text-decoration:none;border:2px solid transparent}.nav-pills .nav-item .nav-link:first-child{margin-left:0}.nav-pills .nav-item .nav-link:last-child{margin-right:0}.nav-pills .nav-item .nav-link:disabled{background:0 0;color:var(--outline)}.nav-pills .nav-item .nav-link.active{color:var(--on-background);background-color:var(--surface-3);box-shadow:none!important}.nav-pills .nav-item .nav-link.active:hover{background-color:var(--surface-5)}.nav-pills .nav-item .nav-link.active:active,.nav-pills .nav-item .nav-link.active:focus{background-color:var(--surface-5);border:2px solid var(--brand-flat-strong)}.nav-pills .nav-item .nav-link:active,.nav-pills .nav-item .nav-link:focus{box-shadow:none!important}.tab-content{margin-top:1rem}.nav-scroll{display:flex}.nav-scroll .nav-scroll-wrapper{white-space:nowrap;display:flex;overflow:hidden}.nav-scroll .nav-scroll-wrapper .nav{flex-wrap:nowrap}.nav-scroll button{margin:0 .5rem}.nav-scroll button:first-child{margin-left:0}.nav-scroll button:last-child{margin-right:0}.accordion .accordion-item{border:0;margin-bottom:.5rem}.accordion .accordion-item:last-child{margin-bottom:0;border-radius:.5rem}.accordion .accordion-item .accordion-button{padding:.75rem;background-color:var(--surface);box-shadow:none;border-radius:.5rem}.accordion .accordion-item .accordion-button::after{color:var(--on-background);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center;width:auto;height:auto}.accordion .accordion-item .accordion-button:not(.collapsed){color:var(--on-background);background-color:var(--surface-2);border-radius:.5rem .5rem 0 0}.accordion .accordion-item .accordion-button:not(.collapsed):last-of-type{border-radius:.5rem .5rem 0 0}.accordion .accordion-item .accordion-button:not(.collapsed)::after{color:var(--on-background);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center;transform:rotate(-45deg)}.accordion .accordion-item .accordion-button:not(.collapsed):hover{background-color:var(--surface-3)}.accordion .accordion-item .accordion-button:last-of-type{border-radius:.5rem}.accordion .accordion-item .accordion-button:hover{background-color:var(--surface-1)}.accordion .accordion-item .accordion-button:active{box-shadow:none!important}.accordion .accordion-item .accordion-button:focus{box-shadow:none!important}.accordion .accordion-item .accordion-button:disabled{color:var(--outline)}.accordion .accordion-item .accordion-body{padding:.75rem;background-color:var(--surface-2);border-radius:0 0 .5rem .5rem}.accordion .accordion-item .accordion-body p{margin-bottom:0}.accordion .accordion .accordion-item{border-radius:0;border:0;margin-bottom:0}.accordion .accordion .accordion-item:last-child .accordion-button{border-radius:0 0 .5rem .5rem!important}.accordion .accordion .accordion-item:last-child .accordion-button:not(.collapsed){border-radius:0!important}.accordion .accordion .accordion-item:last-child .accordion-body{border-radius:0 0 .5rem .5rem!important}.accordion .accordion .accordion-item .accordion-header::before{content:"";width:0;height:3rem;border-left:1px solid var(--surface-variant);position:absolute;margin-left:1.25rem}.accordion .accordion .accordion-item .accordion-header:hover::before{content:"";width:0;height:3rem;border-left:1px solid var(--surface-variant);position:absolute;margin-left:1.25rem}.accordion .accordion .accordion-item .accordion-header .accordion-button{position:inherit;padding:.75rem;padding-left:1.75rem;background-color:var(--surface-2);border-radius:0}.accordion .accordion .accordion-item .accordion-header .accordion-button::after{color:var(--on-background);background-image:none;content:"\f4fa";font-family:bootstrap-icons;text-align:center}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){background-color:var(--surface-variant);padding:.75rem;padding-left:1.75rem}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{color:var(--on-background);background-image:none;content:"\f4fa";font-family:bootstrap-icons;text-align:center}.accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):hover{background-color:var(--surface-5)}.accordion .accordion .accordion-item .accordion-header .accordion-button:hover{background-color:var(--surface-3)}.accordion .accordion .accordion-item .accordion-header .accordion-button:active{box-shadow:none!important}.accordion .accordion .accordion-item .accordion-header .accordion-button:focus{box-shadow:none!important}.accordion .accordion .accordion-item .accordion-header .accordion-button:disabled{color:var(--outline)}.accordion .accordion .accordion-item .accordion-body{padding:.75rem;padding-left:1.75rem;padding-right:2rem;background-color:var(--surface-variant);color:var(--on-surface-variant);border-radius:0}.accordion .accordion .accordion-item .accordion-body p{margin-bottom:0}footer{background-color:var(--surface-variant);margin-top:1.5rem;padding-top:2.25rem;padding-bottom:2.25rem}footer .nav{margin:.25rem 0}footer .nav .nav-item{margin:.25rem 0;margin-right:1.25rem}footer .nav .nav-item:last-child{margin-right:0}footer .nav .nav-item i{font-size:1.5rem}footer .nav.nav-secondary .nav-item{margin:.25rem 0;margin-right:1rem}footer .nav.nav-secondary .nav-item:first-child{margin-left:0}footer .nav.nav-secondary .nav-item:last-child{margin-right:0}footer .nav.nav-secondary .nav-item a{font-weight:400}footer p{margin:.5rem 0}footer.bg-brand *{color:var(--on-brand)} /*# sourceMappingURL=pdis-design-system.min.css.map */ \ No newline at end of file diff --git a/dist/css/pdis-design-system.min.css.map b/dist/css/pdis-design-system.min.css.map index 9478dd109e69..b7ef4ed8bba2 100644 --- a/dist/css/pdis-design-system.min.css.map +++ b/dist/css/pdis-design-system.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_tabs.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_footer.scss"],"names":[],"mappings":"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","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n @extend .body-text;\n color: var(--on-brand-flat);\n font-weight: 500;\n //text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--on-accent-flat);\n }\n\n &:hover {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n }\n\n &:active, &:focus-visible {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat-strong);\n }\n}\n\np {\n @extend .body-text;\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n .bg-#{$key}-strong {\n background-color: var(--#{$value}-strong) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat-strong {\n background-color: var(--#{$value}-flat-strong) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-date {\n @extend .label-text-sm;\n\n display: flex;\n align-items: center;\n align-self: stretch;\n padding: 0 0.25rem;\n border-radius: 0.5rem;\n}\n\n.badge-group {\n margin-top: 0.5rem;\n}\n\n",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:disabled {\n opacity: .6;\n }\n \n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus-visible, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) inset !important;\n border-color: var(--#{$value}-flat-strong);\n }\n\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--surface-1) inset !important;\n border-color: var(--surface-1);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n \n &.btn-tertiary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset !important;\n background: var(--surface-1);\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n } */\n }\n \n &.btn-less-important {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n }\n \n &:focus-visible, &:active {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n border-radius: 0.5rem;\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n background-color: var(--surface);\n\n &:first-child {\n border-radius: 0;\n }\n\n &:last-child {\n border-radius: 0;\n }\n \n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface-1);\n }\n\n &:focus-visible, &:active {\n background-color: var(--surface-2);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n }\n\n &.elevation {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n margin-top: 0.25rem;\n }\n }\n }\n}\n\n.list-group-title {\n @extend .title-text;\n margin-bottom: 1.5rem;\n}",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n background-color: var(--surface);\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n margin: 0.5rem 0;\n }\n\n .badge {\n margin: 0 0.25rem;\n }\n\n }\n\n .card-actions {\n margin-top: 0.25rem;\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 3/4;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n border: none;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n .card-actions {\n background: var(--surface);\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n }\n }\n \n &.text-center {\n list-style-position: inside;\n\n ul, ol {\n margin-bottom: 0;\n padding-left: 0 !important;\n }\n\n .list-group-item {\n justify-content: center !important\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 0;\n }\n \n ul, ol {\n margin-bottom: 0;\n padding-left: 1.5rem;\n }\n\n hr {\n margin: 0.75rem 0;\n color: var(--outline);\n }\n\n .list-group {\n border: none;\n padding: 0;\n border-radius: 0;\n\n &.list-group-horizontal {\n .list-group-item {\n justify-content: center;\n }\n }\n }\n }\n\n img {\n margin-bottom: 0.75rem;\n }\n}",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n margin: 0.25rem 0;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n padding: 0.5rem 0.875rem;\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-item {\n margin: 0.25rem 0.125rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n \n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n \n &:disabled {\n background: none;\n color: var(--outline);\n }\n \n &.active {\n color: var(--on-background);\n background-color: var(--surface-3);\n box-shadow: none !important;\n //border: 2px solid var(--brand-flat-strong);\n &:hover {\n background-color: var(--surface-5);\n }\n\n &:active, &:focus {\n background-color: var(--surface-5);\n border: 2px solid var(--brand-flat-strong);\n }\n }\n \n &:active, &:focus {\n box-shadow: none !important;\n }\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n button {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}",".accordion {\n .accordion-item {\n border: 0;\n margin-bottom: 0.5rem;\n\n &:last-child {\n margin-bottom: 0;\n border-radius: 0.5rem;\n }\n \n .accordion-button {\n @extend .body-text;\n padding: 0.75rem;\n background-color: var(--surface);\n box-shadow: none;\n border-radius: 0.5rem;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n width: auto;\n height: auto;\n }\n \n &:not(.collapsed) {\n color: var(--on-background);\n background-color: var(--surface-2);\n border-radius: 0.5rem 0.5rem 0 0;\n \n &:last-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n transform: rotate(-45deg);\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n }\n\n &:last-of-type {\n border-radius: 0.5rem;\n }\n \n &:hover {\n background-color: var(--surface-1);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n background-color: var(--surface-2);\n border-radius: 0 0 0.5rem 0.5rem;\n\n p {\n margin-bottom: 0;\n }\n }\n }\n\n // .accordion-button-chevron {\n // &:not(.collapsed) {\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n\n .accordion {\n .accordion-item {\n border-radius: 0;\n border: 0;\n margin-bottom: 0;\n\n &:last-child {\n .accordion-button {\n border-radius: 0 0 0.5rem 0.5rem !important;\n\n &:not(.collapsed) {\n border-radius: 0 !important;\n }\n }\n \n .accordion-body { \n border-radius: 0 0 0.5rem 0.5rem !important;\n }\n }\n\n .accordion-header {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n\n &:hover {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n }\n \n .accordion-button {\n @extend .body-text-sm;\n position: inherit;\n padding: 0.75rem;\n padding-left: 1.75rem;\n background-color: var(--surface-2);\n border-radius: 0;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* plus-circle */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:not(.collapsed) {\n background-color: var(--surface-variant);\n padding: 0.75rem;\n padding-left: 1.75rem;\n \n &::after {\n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:hover {\n background-color: var(--surface-5);\n }\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n }\n\n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n padding-left: 1.75rem;\n padding-right: 2rem;\n background-color: var(--surface-variant);\n color: var(--on-surface-variant);\n border-radius: 0;\n \n p {\n margin-bottom: 0;\n }\n }\n }\n // .accordion-button-chevron {\n // padding-left: 3rem;\n // &::after { \n // color: var(--brand);\n // background-image: none;\n // content: \"\\F22C\"; /* caret-down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // &:not(.collapsed) {\n // background-color: var(--brand);\n // color: var(--on-brand);\n // &::after { \n // color: var(--on-brand);\n // background-image: none;\n // content: \"\\F229\"; /* caret-down-fill */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // }\n }\n}\n","footer {\n background-color: var(--surface-variant);\n padding-top: 2.25rem;\n padding-bottom: 2.25rem;\n\n\n .title {\n @extend .title-text;\n }\n\n .nav {\n margin: 0.5rem 0;\n\n .nav-item {\n margin: 0.25rem 0;\n margin-right:1.25rem;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &.nav-secondary {\n .nav-item {\n margin: 0.25rem 0;\n margin-right: 1rem;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n\n a {\n font-weight: 400;\n }\n \n }\n }\n }\n\n p {\n margin: 0.5rem 0;\n }\n\n/* hr {\n margin: 0.75rem 0;\n } */\n}\n\n// footer {\n// \t.nav {\n// \t\tjustify-content: flex-end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\tflex-direction: column;\n// \t\t}\n// \t}\n\n// \t.top-nav {\n// \t\tjustify-content: center;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\tflex-direction: row;\n// \t\t\tjustify-content: start;\n// \t\t}\n// \t}\n\n// \t.accessibility-container {\n// \t\tmargin:1rem 0.5rem 1rem 0.75rem;\n// \t\ttext-align: end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\ttext-align: start;\n// \t\t}\n// \t}\n\n// \t.social-container {\n// \t\tmargin:1rem 0.5rem 1rem 0.75rem;\n// \t\ttext-align: end;\n\n// \t\t@media (max-width: 992px) { \n// \t\t\ttext-align: start;\n// \t\t}\n// \t}\n\t\n// }\n"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_tabs.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_footer.scss"],"names":[],"mappings":"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","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n @extend .body-text;\n color: var(--on-brand-flat);\n font-weight: 500;\n //text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--on-accent-flat);\n }\n\n &:hover {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n }\n\n &:active, &:focus-visible {\n color: var(--on-brand-flat);\n background-color: var(--brand-flat-strong);\n }\n}\n\np {\n @extend .body-text;\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n .bg-#{$key}-strong {\n background-color: var(--#{$value}-strong) !important;\n color: var(--on-#{$value}) !important;\n }\n .bg-#{$key}-flat-strong {\n background-color: var(--#{$value}-flat-strong) !important;\n color: var(--on-#{$value}-flat) !important;\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-date {\n @extend .label-text-sm;\n\n display: flex;\n align-items: center;\n align-self: stretch;\n padding: 0 0.25rem;\n border-radius: 0.5rem;\n}\n\n.badge-group {\n margin-top: 0.5rem;\n}\n\n",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus{\n box-shadow: none;\n }\n\n &:focus-visible, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:disabled {\n opacity: .6;\n }\n \n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus-visible, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) inset !important;\n border-color: var(--#{$value}-flat-strong);\n }\n\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--surface-1) inset !important;\n border-color: var(--surface-1);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n \n &.btn-tertiary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus-visible, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset !important;\n background: var(--surface-1);\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n } */\n }\n \n &.btn-less-important {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n }\n \n &:focus-visible, &:active {\n background-color: var(--surface-1);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n border-color: var(--brand-flat-strong);\n }\n \n/* &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n } */\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n border-radius: 0.5rem;\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n background-color: var(--surface);\n\n &:first-child {\n border-radius: 0;\n }\n\n &:last-child {\n border-radius: 0;\n }\n \n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface-1);\n }\n\n &:focus-visible, &:active {\n background-color: var(--surface-2);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n }\n\n &.elevation {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n margin-top: 0.25rem;\n }\n }\n }\n}\n\n.list-group-title {\n @extend .title-text;\n margin-bottom: 1.5rem;\n}",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n background-color: var(--surface);\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n margin: 0.5rem 0;\n }\n\n .badge {\n margin: 0 0.25rem;\n }\n\n }\n\n .card-actions {\n margin-top: 0.25rem;\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 3/4;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n border: none;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n .card-actions {\n background: var(--surface);\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n }\n }\n \n &.text-center {\n list-style-position: inside;\n\n ul, ol {\n margin-bottom: 0;\n padding-left: 0 !important;\n }\n\n .list-group-item {\n justify-content: center !important\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 0;\n }\n \n ul, ol {\n margin-bottom: 0;\n padding-left: 1.5rem;\n }\n\n hr {\n margin: 0.75rem 0;\n color: var(--outline);\n }\n\n .list-group {\n border: none;\n padding: 0;\n border-radius: 0;\n\n &.list-group-horizontal {\n .list-group-item {\n justify-content: center;\n }\n }\n }\n }\n\n img {\n margin-bottom: 0.75rem;\n }\n}",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) inset;\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n margin: 0.25rem 0;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n padding: 0.5rem 0.875rem;\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-item {\n margin: 0.25rem 0.125rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n \n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n \n &:disabled {\n background: none;\n color: var(--outline);\n }\n \n &.active {\n color: var(--on-background);\n background-color: var(--surface-3);\n box-shadow: none !important;\n //border: 2px solid var(--brand-flat-strong);\n &:hover {\n background-color: var(--surface-5);\n }\n\n &:active, &:focus {\n background-color: var(--surface-5);\n border: 2px solid var(--brand-flat-strong);\n }\n }\n \n &:active, &:focus {\n box-shadow: none !important;\n }\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n button {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}",".accordion {\n .accordion-item {\n border: 0;\n margin-bottom: 0.5rem;\n\n &:last-child {\n margin-bottom: 0;\n border-radius: 0.5rem;\n }\n \n .accordion-button {\n @extend .body-text;\n padding: 0.75rem;\n background-color: var(--surface);\n box-shadow: none;\n border-radius: 0.5rem;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n width: auto;\n height: auto;\n }\n \n &:not(.collapsed) {\n color: var(--on-background);\n background-color: var(--surface-2);\n border-radius: 0.5rem 0.5rem 0 0;\n \n &:last-of-type {\n border-radius: 0.5rem 0.5rem 0 0;\n }\n\n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F64D\"; /* plus */\n font-family: \"bootstrap-icons\";\n text-align: center;\n transform: rotate(-45deg);\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n }\n\n &:last-of-type {\n border-radius: 0.5rem;\n }\n \n &:hover {\n background-color: var(--surface-1);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n background-color: var(--surface-2);\n border-radius: 0 0 0.5rem 0.5rem;\n\n p {\n margin-bottom: 0;\n }\n }\n }\n\n // .accordion-button-chevron {\n // &:not(.collapsed) {\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // &::after {\n // background-image: none;\n // content: \"\\F282\"; /* Chevron down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n\n .accordion {\n .accordion-item {\n border-radius: 0;\n border: 0;\n margin-bottom: 0;\n\n &:last-child {\n .accordion-button {\n border-radius: 0 0 0.5rem 0.5rem !important;\n\n &:not(.collapsed) {\n border-radius: 0 !important;\n }\n }\n \n .accordion-body { \n border-radius: 0 0 0.5rem 0.5rem !important;\n }\n }\n\n .accordion-header {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n\n &:hover {\n &::before {\n content: '';\n width: 0;\n height: 3rem;\n border-left: 1px solid var(--surface-variant);\n position: absolute;\n margin-left: 1.25rem;\n }\n }\n \n .accordion-button {\n @extend .body-text-sm;\n position: inherit;\n padding: 0.75rem;\n padding-left: 1.75rem;\n background-color: var(--surface-2);\n border-radius: 0;\n \n &::after { \n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* plus-circle */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:not(.collapsed) {\n background-color: var(--surface-variant);\n padding: 0.75rem;\n padding-left: 1.75rem;\n \n &::after {\n @extend .body-text;\n color: var(--on-background);\n background-image: none;\n content: \"\\F4FA\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n \n &:hover {\n background-color: var(--surface-5);\n }\n }\n \n &:hover {\n background-color: var(--surface-3);\n }\n \n &:active {\n box-shadow: none !important;\n }\n \n &:focus {\n box-shadow: none !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n }\n\n .accordion-body {\n @extend .body-text-sm;\n padding: 0.75rem;\n padding-left: 1.75rem;\n padding-right: 2rem;\n background-color: var(--surface-variant);\n color: var(--on-surface-variant);\n border-radius: 0;\n \n p {\n margin-bottom: 0;\n }\n }\n }\n // .accordion-button-chevron {\n // padding-left: 3rem;\n // &::after { \n // color: var(--brand);\n // background-image: none;\n // content: \"\\F22C\"; /* caret-down */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // &:not(.collapsed) {\n // background-color: var(--brand);\n // color: var(--on-brand);\n // &::after { \n // color: var(--on-brand);\n // background-image: none;\n // content: \"\\F229\"; /* caret-down-fill */\n // font-family: \"bootstrap-icons\";\n // text-align: center;\n // }\n // }\n // }\n }\n}\n","footer {\n background-color: var(--surface-variant);\n margin-top: 1.5rem;\n padding-top: 2.25rem;\n padding-bottom: 2.25rem;\n\n .title {\n @extend .title-text;\n }\n\n .nav {\n margin: 0.25rem 0;\n\n .nav-item {\n margin: 0.25rem 0;\n margin-right:1.25rem;\n\n &:last-child {\n margin-right: 0;\n }\n\n i {\n font-size: 1.5rem;\n }\n }\n\n &.nav-secondary {\n .nav-item {\n margin: 0.25rem 0;\n margin-right: 1rem;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n\n a {\n font-weight: 400;\n }\n \n }\n }\n }\n\n p {\n margin: 0.5rem 0;\n }\n\n/* hr {\n margin: 0.75rem 0;\n } */\n\n &.bg-brand {\n * {\n color: var(--on-brand);\n }\n }\n}\n\n"]} \ No newline at end of file diff --git a/scss/_footer.scss b/scss/_footer.scss index 7f472dc3307d..ce330f9e6ba5 100644 --- a/scss/_footer.scss +++ b/scss/_footer.scss @@ -1,15 +1,15 @@ footer { background-color: var(--surface-variant); + margin-top: 1.5rem; padding-top: 2.25rem; padding-bottom: 2.25rem; - .title { @extend .title-text; } .nav { - margin: 0.5rem 0; + margin: 0.25rem 0; .nav-item { margin: 0.25rem 0; @@ -18,6 +18,10 @@ footer { &:last-child { margin-right: 0; } + + i { + font-size: 1.5rem; + } } &.nav-secondary { @@ -48,42 +52,11 @@ footer { /* hr { margin: 0.75rem 0; } */ -} - -// footer { -// .nav { -// justify-content: flex-end; - -// @media (max-width: 992px) { -// flex-direction: column; -// } -// } -// .top-nav { -// justify-content: center; - -// @media (max-width: 992px) { -// flex-direction: row; -// justify-content: start; -// } -// } - -// .accessibility-container { -// margin:1rem 0.5rem 1rem 0.75rem; -// text-align: end; - -// @media (max-width: 992px) { -// text-align: start; -// } -// } - -// .social-container { -// margin:1rem 0.5rem 1rem 0.75rem; -// text-align: end; + &.bg-brand { + * { + color: var(--on-brand); + } + } +} -// @media (max-width: 992px) { -// text-align: start; -// } -// } - -// } diff --git a/site/content/docs/examples/footers/footer1.md b/site/content/docs/examples/footers/footer1.md index cf477af14fcd..3752cbe59cbb 100644 --- a/site/content/docs/examples/footers/footer1.md +++ b/site/content/docs/examples/footers/footer1.md @@ -4,6 +4,9 @@ layout: components-example {{< example >}} +
+