From 26668d269e995763b65c112ed48c334904bc48e8 Mon Sep 17 00:00:00 2001 From: XanxusX Date: Wed, 23 Mar 2022 12:47:40 +0800 Subject: [PATCH 1/5] Update badge --- dist/css/pdis-design-system.css | 56 ++++++++++++++----------- dist/css/pdis-design-system.css.map | 2 +- dist/css/pdis-design-system.min.css | 2 +- dist/css/pdis-design-system.min.css.map | 2 +- package.json | 2 +- scss/_badge.scss | 20 +++++++-- scss/_button.scss | 4 ++ site/content/docs/components/button.md | 2 + 8 files changed, 59 insertions(+), 31 deletions(-) diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index 06928e6912da..527f8d02add7 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -168,7 +168,7 @@ a:focus { } /* END PDIS's local docs style */ -.label-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .btn { +.label-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .btn, .badge, .sidebar-button-badge, .sidebar-button-badge-round { font-style: normal; font-weight: 500; font-size: 0.875rem; @@ -179,32 +179,32 @@ a:focus { color: var(--on-background); background: none; } -.label-text:hover, .nav-pills .nav-link:hover, .nav-tabs .nav-item .nav-link:hover, .btn:hover { +.label-text:hover, .nav-pills .nav-link:hover, .nav-tabs .nav-item .nav-link:hover, .btn:hover, .badge:hover, .sidebar-button-badge:hover, .sidebar-button-badge-round:hover { color: var(--on-background); background-color: var(--surface); } -.label-text:focus, .nav-pills .nav-link:focus, .nav-tabs .nav-item .nav-link:focus, .btn:focus, .label-text:active, .nav-pills .nav-link:active, .nav-tabs .nav-item .nav-link:active, .btn:active { +.label-text:focus, .nav-pills .nav-link:focus, .nav-tabs .nav-item .nav-link:focus, .btn:focus, .badge:focus, .sidebar-button-badge:focus, .sidebar-button-badge-round:focus, .label-text:active, .nav-pills .nav-link:active, .nav-tabs .nav-item .nav-link:active, .btn:active, .badge:active, .sidebar-button-badge:active, .sidebar-button-badge-round:active { color: var(--on-background); background-color: var(--surface-1); box-shadow: 0 0 0 2px var(--brand-flat-strong); } -.label-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .btn:disabled { +.label-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .btn:disabled, .badge:disabled, .sidebar-button-badge:disabled, .sidebar-button-badge-round:disabled { color: var(--outline); } -.label-text i, .nav-pills .nav-link i, .nav-tabs .nav-item .nav-link i, .btn i { +.label-text i, .nav-pills .nav-link i, .nav-tabs .nav-item .nav-link i, .btn i, .badge i, .sidebar-button-badge i, .sidebar-button-badge-round i { margin-left: 0.25rem; margin-right: 0.25rem; font-size: 1.125rem; font-weight: 500; } -.label-text i:first-child, .nav-pills .nav-link i:first-child, .nav-tabs .nav-item .nav-link i:first-child, .btn i:first-child { +.label-text i:first-child, .nav-pills .nav-link i:first-child, .nav-tabs .nav-item .nav-link i:first-child, .btn i:first-child, .badge i:first-child, .sidebar-button-badge i:first-child, .sidebar-button-badge-round i:first-child { margin-left: 0; } -.label-text i:last-child, .nav-pills .nav-link i:last-child, .nav-tabs .nav-item .nav-link i:last-child, .btn i:last-child { +.label-text i:last-child, .nav-pills .nav-link i:last-child, .nav-tabs .nav-item .nav-link i:last-child, .btn i:last-child, .badge i:last-child, .sidebar-button-badge i:last-child, .sidebar-button-badge-round i:last-child { margin-right: 0; } -.label-text-sm, .tabs-sm .nav-item .nav-link, .btn.btn-sm { +.label-text-sm, .tabs-sm .nav-item .nav-link, .btn.btn-sm, .badge-sm { font-style: normal; font-weight: 500; font-size: 0.75rem; @@ -215,32 +215,32 @@ a:focus { color: var(--on-background); background: none; } -.label-text-sm:hover, .tabs-sm .nav-item .nav-link:hover, .btn.btn-sm:hover { +.label-text-sm:hover, .tabs-sm .nav-item .nav-link:hover, .btn.btn-sm:hover, .badge-sm:hover { color: var(--on-background); background-color: var(--surface); } -.label-text-sm:focus, .tabs-sm .nav-item .nav-link:focus, .btn.btn-sm:focus, .label-text-sm:active, .tabs-sm .nav-item .nav-link:active, .btn.btn-sm:active { +.label-text-sm:focus, .tabs-sm .nav-item .nav-link:focus, .btn.btn-sm:focus, .badge-sm:focus, .label-text-sm:active, .tabs-sm .nav-item .nav-link:active, .btn.btn-sm:active, .badge-sm:active { color: var(--on-background); background-color: var(--surface-1); box-shadow: 0 0 0 2px var(--brand-flat-strong); } -.label-text-sm:disabled, .tabs-sm .nav-item .nav-link:disabled, .btn.btn-sm:disabled { +.label-text-sm:disabled, .tabs-sm .nav-item .nav-link:disabled, .btn.btn-sm:disabled, .badge-sm:disabled { color: var(--outline); } -.label-text-sm i, .tabs-sm .nav-item .nav-link i, .btn.btn-sm i { +.label-text-sm i, .tabs-sm .nav-item .nav-link i, .btn.btn-sm i, .badge-sm i { margin-left: 0.25rem; margin-right: 0.25rem; font-size: 1rem; font-weight: 500; } -.label-text-sm i:first-child, .tabs-sm .nav-item .nav-link i:first-child, .btn.btn-sm i:first-child { +.label-text-sm i:first-child, .tabs-sm .nav-item .nav-link i:first-child, .btn.btn-sm i:first-child, .badge-sm i:first-child { margin-left: 0; } -.label-text-sm i:last-child, .tabs-sm .nav-item .nav-link i:last-child, .btn.btn-sm i:last-child { +.label-text-sm i:last-child, .tabs-sm .nav-item .nav-link i:last-child, .btn.btn-sm i:last-child, .badge-sm i:last-child { margin-right: 0; } -.label-text-lg, .tabs-lg .nav-item .nav-link, .btn.btn-lg { +.label-text-lg, .tabs-lg .nav-item .nav-link, .btn.btn-lg, .badge-lg { font-style: normal; font-weight: 500; font-size: 1rem; @@ -251,28 +251,28 @@ a:focus { color: var(--on-background); background: none; } -.label-text-lg:hover, .tabs-lg .nav-item .nav-link:hover, .btn.btn-lg:hover { +.label-text-lg:hover, .tabs-lg .nav-item .nav-link:hover, .btn.btn-lg:hover, .badge-lg:hover { color: var(--on-background); background-color: var(--surface); } -.label-text-lg:focus, .tabs-lg .nav-item .nav-link:focus, .btn.btn-lg:focus, .label-text-lg:active, .tabs-lg .nav-item .nav-link:active, .btn.btn-lg:active { +.label-text-lg:focus, .tabs-lg .nav-item .nav-link:focus, .btn.btn-lg:focus, .badge-lg:focus, .label-text-lg:active, .tabs-lg .nav-item .nav-link:active, .btn.btn-lg:active, .badge-lg:active { color: var(--on-background); background-color: var(--surface-1); box-shadow: 0 0 0 2px var(--brand-flat-strong); } -.label-text-lg:disabled, .tabs-lg .nav-item .nav-link:disabled, .btn.btn-lg:disabled { +.label-text-lg:disabled, .tabs-lg .nav-item .nav-link:disabled, .btn.btn-lg:disabled, .badge-lg:disabled { color: var(--outline); } -.label-text-lg i, .tabs-lg .nav-item .nav-link i, .btn.btn-lg i { +.label-text-lg i, .tabs-lg .nav-item .nav-link i, .btn.btn-lg i, .badge-lg i { margin-left: 0.25rem; margin-right: 0.25rem; font-size: 1.25rem; font-weight: 500; } -.label-text-lg i:first-child, .tabs-lg .nav-item .nav-link i:first-child, .btn.btn-lg i:first-child { +.label-text-lg i:first-child, .tabs-lg .nav-item .nav-link i:first-child, .btn.btn-lg i:first-child, .badge-lg i:first-child { margin-left: 0; } -.label-text-lg i:last-child, .tabs-lg .nav-item .nav-link i:last-child, .btn.btn-lg i:last-child { +.label-text-lg i:last-child, .tabs-lg .nav-item .nav-link i:last-child, .btn.btn-lg i:last-child, .badge-lg i:last-child { margin-right: 0; } @@ -522,9 +522,9 @@ a:focus { .badge, .sidebar-button-badge, .sidebar-button-badge-round { margin: 0 0.25rem; - padding: 0.5rem; - color: var(--bs-on-background); - background-color: var(--brand-base); + padding: 0.125rem 0.625rem; + color: var(--on-brand-flat); + background-color: var(--brand-flat); } .badge:first-child, .sidebar-button-badge:first-child, .sidebar-button-badge-round:first-child { margin-left: 0; @@ -532,6 +532,10 @@ a:focus { .badge:last-child, .sidebar-button-badge:last-child, .sidebar-button-badge-round:last-child { margin-right: 0; } +.badge.badge-numerical, .badge-numerical.sidebar-button-badge, .badge-numerical.sidebar-button-badge-round { + padding: 0 0.5rem; + border-radius: 0.5rem; +} .badge-collections { margin-bottom: 1rem; @@ -1378,6 +1382,10 @@ a:focus { color: var(--outline); background-color: var(--surface); } +.btn .badge, .btn .sidebar-button-badge, .btn .sidebar-button-badge-round { + top: 0; +} + /* .btn-link { color: var(--brand); &:hover, &:active, &:focus { diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 9788e5fcaad0..7f82c88e47de 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/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxHJ;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;;AAIJ;EACE;;;ACfF;AA+BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAiBN;AAAA;AAAA;AAAA;AAAA;AAAA;ACzKA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACtHF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;ACtEJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC9OF;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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 &: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);\n }\n \n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n margin: 0 0.25rem;\n padding: 0.5rem;\n color: var(--bs-on-background);\n background-color: var(--brand-base);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".btn {\n @extend .label-text;\n // border-radius: 10px;\n // padding: 8px 18px;\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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .label-text-sm;\n // padding: 8px 16px;\n // border-radius: 8px;\n }\n \n &.btn-lg {\n @extend .label-text-lg;\n // padding: 8px 20px;\n // border-radius: 12px;\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .label-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .label-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .label-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .label-text-lg;\n }\n }\n}"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxHJ;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;;AAYJ;EACE;;;AC7BF;AA+BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAgBJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AC7KA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACtHF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;ACtEJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC9OF;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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 &: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);\n }\n \n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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\n.badge-sm {\n @extend .label-text-sm;\n}\n\n.badge-lg {\n @extend .label-text-lg\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".btn {\n @extend .label-text;\n // border-radius: 10px;\n // padding: 8px 18px;\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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .label-text-sm;\n // padding: 8px 16px;\n // border-radius: 8px;\n }\n \n &.btn-lg {\n @extend .label-text-lg;\n // padding: 8px 20px;\n // border-radius: 12px;\n }\n\n .badge {\n top: 0;\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .label-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .label-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .label-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .label-text-lg;\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 9bde9e1b689f..4d3f20d7b1f8 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";@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-smooth:#d8e2ff;--brand-smooth-strong:#afc6ff;--on-brand-smooth:#001847;--accent:#705d00;--accent-strong:#554600;--on-accent:#ffffff;--accent-smooth:#ffe25b;--accent-smooth-strong:#e7c400;--on-accent-smooth:#221b00;--positive:#286b2a;--positive-strong:#085314;--on-positive:#ffffff;--positive-smooth:#acf5a3;--positive-smooth-strong:#90d889;--on-positive-smooth:#012104;--negative:#ba1b1b;--negative-strong:#930006;--on-negative:#ffffff;--negative-smooth:#ffdad4;--negative-smooth-strong:#ffb4a9;--on-negative-smooth:#410001;--information:#006687;--information-strong:#004d67;--on-information:#ffffff;--information-smooth:#bee8ff;--information-smooth-strong:#6bd2ff;--on-information-smooth:#001e2b;--warning:#a53d00;--warning-strong:#7d2c00;--on-warning:#ffffff;--warning-smooth:#ffdbcb;--warning-smooth-strong:#ffb593;--on-warning-smooth:#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;--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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .25rem;padding:.5rem;color:var(--bs-on-background);background-color:var(--brand-base)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-collections{margin-bottom:1rem}.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-brand:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn-brand:active,.btn-brand:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-smooth)!important}.btn-brand:disabled{color:var(--outline)}.btn-outline-brand{background:0 0;color:var(--brand);border-color:var(--brand)}.btn-outline-brand:hover{color:var(--brand-strong);border-color:var(--brand-strong);text-decoration:underline;background:0 0}.btn-outline-brand:active,.btn-outline-brand:focus{color:var(--brand-strong);border-color:var(--brand-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--brand-smooth);background:0 0}.btn-outline-brand:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-brand-smooth{background-color:var(--brand-smooth);border-color:var(--brand-smooth);color:var(--on-brand-smooth)}.btn-brand-smooth:hover{background-color:var(--brand-smooth-strong);border-color:var(--on-brand-smooth);color:var(--on-brand-smooth);text-decoration:underline}.btn-brand-smooth:active,.btn-brand-smooth:focus{color:var(--on-brand-smooth);background-color:var(--brand-smooth-strong);border-color:var(--on-brand-smooth);text-decoration:underline;box-shadow:none!important}.btn-brand-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-accent{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-accent:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn-accent:active,.btn-accent:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-smooth)!important}.btn-accent:disabled{color:var(--outline)}.btn-outline-accent{background:0 0;color:var(--accent);border-color:var(--accent)}.btn-outline-accent:hover{color:var(--accent-strong);border-color:var(--accent-strong);text-decoration:underline;background:0 0}.btn-outline-accent:active,.btn-outline-accent:focus{color:var(--accent-strong);border-color:var(--accent-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--accent-smooth);background:0 0}.btn-outline-accent:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-accent-smooth{background-color:var(--accent-smooth);border-color:var(--accent-smooth);color:var(--on-accent-smooth)}.btn-accent-smooth:hover{background-color:var(--accent-smooth-strong);border-color:var(--on-accent-smooth);color:var(--on-accent-smooth);text-decoration:underline}.btn-accent-smooth:active,.btn-accent-smooth:focus{color:var(--on-accent-smooth);background-color:var(--accent-smooth-strong);border-color:var(--on-accent-smooth);text-decoration:underline;box-shadow:none!important}.btn-accent-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-positive{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn-positive:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn-positive:active,.btn-positive:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-smooth)!important}.btn-positive:disabled{color:var(--outline)}.btn-outline-positive{background:0 0;color:var(--positive);border-color:var(--positive)}.btn-outline-positive:hover{color:var(--positive-strong);border-color:var(--positive-strong);text-decoration:underline;background:0 0}.btn-outline-positive:active,.btn-outline-positive:focus{color:var(--positive-strong);border-color:var(--positive-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--positive-smooth);background:0 0}.btn-outline-positive:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-positive-smooth{background-color:var(--positive-smooth);border-color:var(--positive-smooth);color:var(--on-positive-smooth)}.btn-positive-smooth:hover{background-color:var(--positive-smooth-strong);border-color:var(--on-positive-smooth);color:var(--on-positive-smooth);text-decoration:underline}.btn-positive-smooth:active,.btn-positive-smooth:focus{color:var(--on-positive-smooth);background-color:var(--positive-smooth-strong);border-color:var(--on-positive-smooth);text-decoration:underline;box-shadow:none!important}.btn-positive-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-negative{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn-negative:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn-negative:active,.btn-negative:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-smooth)!important}.btn-negative:disabled{color:var(--outline)}.btn-outline-negative{background:0 0;color:var(--negative);border-color:var(--negative)}.btn-outline-negative:hover{color:var(--negative-strong);border-color:var(--negative-strong);text-decoration:underline;background:0 0}.btn-outline-negative:active,.btn-outline-negative:focus{color:var(--negative-strong);border-color:var(--negative-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--negative-smooth);background:0 0}.btn-outline-negative:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-negative-smooth{background-color:var(--negative-smooth);border-color:var(--negative-smooth);color:var(--on-negative-smooth)}.btn-negative-smooth:hover{background-color:var(--negative-smooth-strong);border-color:var(--on-negative-smooth);color:var(--on-negative-smooth);text-decoration:underline}.btn-negative-smooth:active,.btn-negative-smooth:focus{color:var(--on-negative-smooth);background-color:var(--negative-smooth-strong);border-color:var(--on-negative-smooth);text-decoration:underline;box-shadow:none!important}.btn-negative-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-information{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn-information:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn-information:active,.btn-information:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-smooth)!important}.btn-information:disabled{color:var(--outline)}.btn-outline-information{background:0 0;color:var(--information);border-color:var(--information)}.btn-outline-information:hover{color:var(--information-strong);border-color:var(--information-strong);text-decoration:underline;background:0 0}.btn-outline-information:active,.btn-outline-information:focus{color:var(--information-strong);border-color:var(--information-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--information-smooth);background:0 0}.btn-outline-information:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-information-smooth{background-color:var(--information-smooth);border-color:var(--information-smooth);color:var(--on-information-smooth)}.btn-information-smooth:hover{background-color:var(--information-smooth-strong);border-color:var(--on-information-smooth);color:var(--on-information-smooth);text-decoration:underline}.btn-information-smooth:active,.btn-information-smooth:focus{color:var(--on-information-smooth);background-color:var(--information-smooth-strong);border-color:var(--on-information-smooth);text-decoration:underline;box-shadow:none!important}.btn-information-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-warning{background-color:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn-warning:hover{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning)}.btn-warning:active,.btn-warning:focus{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-smooth)!important}.btn-warning:disabled{color:var(--outline)}.btn-outline-warning{background:0 0;color:var(--warning);border-color:var(--warning)}.btn-outline-warning:hover{color:var(--warning-strong);border-color:var(--warning-strong);text-decoration:underline;background:0 0}.btn-outline-warning:active,.btn-outline-warning:focus{color:var(--warning-strong);border-color:var(--warning-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--warning-smooth);background:0 0}.btn-outline-warning:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-warning-smooth{background-color:var(--warning-smooth);border-color:var(--warning-smooth);color:var(--on-warning-smooth)}.btn-warning-smooth:hover{background-color:var(--warning-smooth-strong);border-color:var(--on-warning-smooth);color:var(--on-warning-smooth);text-decoration:underline}.btn-warning-smooth:active,.btn-warning-smooth:focus{color:var(--on-warning-smooth);background-color:var(--warning-smooth-strong);border-color:var(--on-warning-smooth);text-decoration:underline;box-shadow:none!important}.btn-warning-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn-primary:active,.btn-primary:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-smooth)!important}.btn-primary:disabled{color:var(--outline)}.btn-outline-primary{background:0 0;color:var(--brand);border-color:var(--brand)}.btn-outline-primary:hover{color:var(--brand-strong);border-color:var(--brand-strong);text-decoration:underline;background:0 0}.btn-outline-primary:active,.btn-outline-primary:focus{color:var(--brand-strong);border-color:var(--brand-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--brand-smooth);background:0 0}.btn-outline-primary:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-primary-smooth{background-color:var(--brand-smooth);border-color:var(--brand-smooth);color:var(--on-brand-smooth)}.btn-primary-smooth:hover{background-color:var(--brand-smooth-strong);border-color:var(--on-brand-smooth);color:var(--on-brand-smooth);text-decoration:underline}.btn-primary-smooth:active,.btn-primary-smooth:focus{color:var(--on-brand-smooth);background-color:var(--brand-smooth-strong);border-color:var(--on-brand-smooth);text-decoration:underline;box-shadow:none!important}.btn-primary-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-secondary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn-secondary:active,.btn-secondary:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-smooth)!important}.btn-secondary:disabled{color:var(--outline)}.btn-outline-secondary{background:0 0;color:var(--accent);border-color:var(--accent)}.btn-outline-secondary:hover{color:var(--accent-strong);border-color:var(--accent-strong);text-decoration:underline;background:0 0}.btn-outline-secondary:active,.btn-outline-secondary:focus{color:var(--accent-strong);border-color:var(--accent-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--accent-smooth);background:0 0}.btn-outline-secondary:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-secondary-smooth{background-color:var(--accent-smooth);border-color:var(--accent-smooth);color:var(--on-accent-smooth)}.btn-secondary-smooth:hover{background-color:var(--accent-smooth-strong);border-color:var(--on-accent-smooth);color:var(--on-accent-smooth);text-decoration:underline}.btn-secondary-smooth:active,.btn-secondary-smooth:focus{color:var(--on-accent-smooth);background-color:var(--accent-smooth-strong);border-color:var(--on-accent-smooth);text-decoration:underline;box-shadow:none!important}.btn-secondary-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-success{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn-success:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn-success:active,.btn-success:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-smooth)!important}.btn-success:disabled{color:var(--outline)}.btn-outline-success{background:0 0;color:var(--positive);border-color:var(--positive)}.btn-outline-success:hover{color:var(--positive-strong);border-color:var(--positive-strong);text-decoration:underline;background:0 0}.btn-outline-success:active,.btn-outline-success:focus{color:var(--positive-strong);border-color:var(--positive-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--positive-smooth);background:0 0}.btn-outline-success:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-success-smooth{background-color:var(--positive-smooth);border-color:var(--positive-smooth);color:var(--on-positive-smooth)}.btn-success-smooth:hover{background-color:var(--positive-smooth-strong);border-color:var(--on-positive-smooth);color:var(--on-positive-smooth);text-decoration:underline}.btn-success-smooth:active,.btn-success-smooth:focus{color:var(--on-positive-smooth);background-color:var(--positive-smooth-strong);border-color:var(--on-positive-smooth);text-decoration:underline;box-shadow:none!important}.btn-success-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-danger{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn-danger:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn-danger:active,.btn-danger:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-smooth)!important}.btn-danger:disabled{color:var(--outline)}.btn-outline-danger{background:0 0;color:var(--negative);border-color:var(--negative)}.btn-outline-danger:hover{color:var(--negative-strong);border-color:var(--negative-strong);text-decoration:underline;background:0 0}.btn-outline-danger:active,.btn-outline-danger:focus{color:var(--negative-strong);border-color:var(--negative-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--negative-smooth);background:0 0}.btn-outline-danger:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-danger-smooth{background-color:var(--negative-smooth);border-color:var(--negative-smooth);color:var(--on-negative-smooth)}.btn-danger-smooth:hover{background-color:var(--negative-smooth-strong);border-color:var(--on-negative-smooth);color:var(--on-negative-smooth);text-decoration:underline}.btn-danger-smooth:active,.btn-danger-smooth:focus{color:var(--on-negative-smooth);background-color:var(--negative-smooth-strong);border-color:var(--on-negative-smooth);text-decoration:underline;box-shadow:none!important}.btn-danger-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-info{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn-info:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn-info:active,.btn-info:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-smooth)!important}.btn-info:disabled{color:var(--outline)}.btn-outline-info{background:0 0;color:var(--information);border-color:var(--information)}.btn-outline-info:hover{color:var(--information-strong);border-color:var(--information-strong);text-decoration:underline;background:0 0}.btn-outline-info:active,.btn-outline-info:focus{color:var(--information-strong);border-color:var(--information-strong);text-decoration:underline;box-shadow:0 0 0 2px var(--information-smooth);background:0 0}.btn-outline-info:disabled{border-color:var(--bs-gray-500);color:var(--bs-gray-500)}.btn-info-smooth{background-color:var(--information-smooth);border-color:var(--information-smooth);color:var(--on-information-smooth)}.btn-info-smooth:hover{background-color:var(--information-smooth-strong);border-color:var(--on-information-smooth);color:var(--on-information-smooth);text-decoration:underline}.btn-info-smooth:active,.btn-info-smooth:focus{color:var(--on-information-smooth);background-color:var(--information-smooth-strong);border-color:var(--on-information-smooth);text-decoration:underline;box-shadow:none!important}.btn-info-smooth:disabled{background-color:var(--bs-gray-200);border-color:var(--bs-gray-200);color:var(--bs-gray-500)}.btn-secondary{background:0 0;color:var(--on-brand-smooth);border-color:var(--outline)}.btn-secondary:hover{color:var(--on-brand-smooth);background:var(--surface-1);border-color:var(--outline)}.btn-secondary:active,.btn-secondary:focus{color:var(--on-brand-smooth);box-shadow:0 0 0 2px var(--brand-smooth)!important;background:var(--surface-1);border-color:var(--outline)}.btn-secondary:disabled{color:var(--outline)}.btn-tertiary{background:0 0;color:var(--on-brand-smooth)}.btn-tertiary:active,.btn-tertiary:focus{background:0 0;color:var(--on-brand-smooth);box-shadow:0 0 0 2px var(--brand-smooth)}.btn-tertiary:disabled{color:var(--outline)}.btn-link{color:var(--brand)}.btn-link:active,.btn-link:focus,.btn-link:hover{color:var(--brand-strong)}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-smooth);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-smooth);background-color:var(--accent-smooth)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-smooth-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.btn,a{text-underline-offset:0.1em}a{color:var(--information)}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-smooth);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-nav .nav-link{color:var(--bs-primary)!important}.navbar-toggler{background:var(--bs-primary)!important;color:#fff!important;border-radius:0}.navbar-toggler:active,.navbar-toggler:focus{background:var(--bs-primary-dark)!important}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-smooth-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-link{border:0;text-decoration:none;border-bottom:none;color:var(--brand)}.nav-tabs .nav-link.active{color:var(--brand-strong);border-bottom:1px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;color:var(--brand)}.nav-pills .nav-link.active{color:var(--brand-strong);background:0 0;border:1px solid var(--brand)}.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}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-smooth{background-color:var(--brand-smooth)!important;color:var(--on-brand-smooth)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-smooth{background-color:var(--accent-smooth)!important;color:var(--on-accent-smooth)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-smooth{background-color:var(--positive-smooth)!important;color:var(--on-positive-smooth)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-smooth{background-color:var(--negative-smooth)!important;color:var(--on-negative-smooth)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-smooth{background-color:var(--information-smooth)!important;color:var(--on-information-smooth)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-smooth{background-color:var(--warning-smooth)!important;color:var(--on-warning-smooth)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-smooth{background-color:var(--brand-smooth)!important;color:var(--on-brand-smooth)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-smooth{background-color:var(--accent-smooth)!important;color:var(--on-accent-smooth)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-smooth{background-color:var(--positive-smooth)!important;color:var(--on-positive-smooth)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-smooth{background-color:var(--negative-smooth)!important;color:var(--on-negative-smooth)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-smooth{background-color:var(--information-smooth)!important;color:var(--on-information-smooth)}.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} +@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round{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:hover,.btn:hover,.label-text:hover,.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.sidebar-button-badge-round:hover,.sidebar-button-badge:hover{color:var(--on-background);background-color:var(--surface)}.badge:active,.badge:focus,.btn:active,.btn:focus,.label-text:active,.label-text:focus,.nav-pills .nav-link:active,.nav-pills .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.sidebar-button-badge-round:active,.sidebar-button-badge-round:focus,.sidebar-button-badge:active,.sidebar-button-badge:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.badge:disabled,.btn:disabled,.label-text:disabled,.nav-pills .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled{color:var(--outline)}.badge i,.btn i,.label-text i,.nav-pills .nav-link i,.nav-tabs .nav-item .nav-link i,.sidebar-button-badge i,.sidebar-button-badge-round i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.badge i:first-child,.btn i:first-child,.label-text i:first-child,.nav-pills .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.sidebar-button-badge i:first-child,.sidebar-button-badge-round i:first-child{margin-left:0}.badge i:last-child,.btn i:last-child,.label-text i:last-child,.nav-pills .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.sidebar-button-badge i:last-child,.sidebar-button-badge-round i:last-child{margin-right:0}.badge-sm,.btn.btn-sm,.label-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-sm:hover,.btn.btn-sm:hover,.label-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.badge-sm:active,.badge-sm:focus,.btn.btn-sm:active,.btn.btn-sm:focus,.label-text-sm:active,.label-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)}.badge-sm:disabled,.btn.btn-sm:disabled,.label-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-sm i,.btn.btn-sm i,.label-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.badge-sm i:first-child,.btn.btn-sm i:first-child,.label-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.badge-sm i:last-child,.btn.btn-sm i:last-child,.label-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.badge-lg,.btn.btn-lg,.label-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:hover,.btn.btn-lg:hover,.label-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.badge-lg:active,.badge-lg:focus,.btn.btn-lg:active,.btn.btn-lg:focus,.label-text-lg:active,.label-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)}.badge-lg:disabled,.btn.btn-lg:disabled,.label-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg i,.btn.btn-lg i,.label-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.badge-lg i:first-child,.btn.btn-lg i:first-child,.label-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.badge-lg i:last-child,.btn.btn-lg i:last-child,.label-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .25rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge-collections{margin-bottom:1rem}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} /*# 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 7b91c788cea4..f438157b7dad 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\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.scss","..\\..\\scss\\_utilities.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, .btn {\n text-underline-offset: 0.1em;\n}\n\na {\n color: var(--information);\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-smooth);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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/* 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}-smooth: #{map.get($items, \"smooth\", \"normal\")};\n --#{$name}-smooth-strong: #{map.get($items, \"smooth\", \"strong\")};\n --on-#{$name}-smooth: #{map.get($items, \"smooth\", \"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",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n margin: 0 0.25rem;\n padding: 0.5rem;\n color: var(--bs-on-background);\n background-color: var(--brand-base);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\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, &: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}-smooth) !important;\n }\n\n &:disabled {\n color: var(--outline);\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}-smooth);\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}-smooth {\n background-color: var(--#{$value}-smooth);\n border-color: var(--#{$value}-smooth);\n color: var(--on-#{$value}-smooth);\n\n &:hover {\n background-color: var(--#{$value}-smooth-strong);\n border-color: var(--on-#{$value}-smooth);\n color: var(--on-#{$value}-smooth);\n text-decoration: underline;\n }\n\n &:focus, &:active {\n color: var(--on-#{$value}-smooth);\n background-color: var(--#{$value}-smooth-strong);\n border-color: var(--on-#{$value}-smooth);\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: none;\n color: var(--on-brand-smooth);\n border-color: var(--outline);\n\n &:hover {\n color: var(--on-brand-smooth);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n\n &:focus, &:active {\n color: var(--on-brand-smooth);\n box-shadow: 0 0 0 2px var(--brand-smooth) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.btn-tertiary {\n background: none;\n color: var(--on-brand-smooth);\n\n &:focus, &:active {\n background: none;\n color: var(--on-brand-smooth);\n box-shadow: 0 0 0 2px var(--brand-smooth);\n }\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n}",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-smooth);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-smooth);\n background-color: var(--accent-smooth);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\r\n color: var(--outline);\r\n background-color: var(--surface);\r\n border: 1px solid var(--outline);\r\n\r\n &:focus {\r\n color: var(--on-surface);\r\n box-shadow: 0 0 0 2px var(--brand-smooth-strong);\r\n }\r\n\r\n &:disabled {\r\n color: var(--surface-variant);\r\n background-color: var(--surface);\r\n border: 1px solid var(--surface-variant);\r\n }\r\n}","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-smooth: #d8e2ff;\n$brand-smooth-strong: #afc6ff;\n$on-brand-smooth: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-smooth: #ffe25b;\n$accent-smooth-strong: #e7c400;\n$on-accent-smooth: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-smooth: #acf5a3;\n$positive-smooth-strong: #90d889;\n$on-positive-smooth: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-smooth: #ffdad4;\n$negative-smooth-strong: #ffb4a9;\n$on-negative-smooth: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-smooth: #bee8ff;\n$information-smooth-strong: #6bd2ff;\n$on-information-smooth: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-smooth: #ffdbcb;\n$warning-smooth-strong: #ffb593;\n$on-warning-smooth: #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\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 \"smooth\": (\n \"normal\": $brand-smooth,\n \"strong\": $brand-smooth-strong,\n \"on\": $on-brand-smooth,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"smooth\": (\n \"normal\": $accent-smooth,\n \"strong\": $accent-smooth-strong,\n \"on\": $on-accent-smooth,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"smooth\": (\n \"normal\": $positive-smooth,\n \"strong\": $positive-smooth-strong,\n \"on\": $on-positive-smooth,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"smooth\": (\n \"normal\": $negative-smooth,\n \"strong\": $negative-smooth-strong,\n \"on\": $on-negative-smooth,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"smooth\": (\n \"normal\": $information-smooth,\n \"strong\": $information-smooth-strong,\n \"on\": $on-information-smooth,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"smooth\": (\n \"normal\": $warning-smooth,\n \"strong\": $warning-smooth-strong,\n \"on\": $on-warning-smooth,\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;",".navbar {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n background: var(--bs-primary) !important;\n color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-smooth-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n }\n\n .nav-link {\n border: 0;\n text-decoration: none;\n border-bottom: none;\n color: var(--brand);\n &.active {\n color: var(--brand-strong);\n border-bottom: 1px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n text-decoration: none;\n color: var(--brand);\n &.active {\n color: var(--brand-strong);\n background: none;\n border: 1px solid var(--brand);\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}\n","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-smooth {\n background-color: var(--#{$value}-smooth) !important;\n color: var(--on-#{$value}-smooth);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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 &: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);\n }\n \n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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\n.badge-sm {\n @extend .label-text-sm;\n}\n\n.badge-lg {\n @extend .label-text-lg\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".btn {\n @extend .label-text;\n // border-radius: 10px;\n // padding: 8px 18px;\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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .label-text-sm;\n // padding: 8px 16px;\n // border-radius: 8px;\n }\n \n &.btn-lg {\n @extend .label-text-lg;\n // padding: 8px 20px;\n // border-radius: 12px;\n }\n\n .badge {\n top: 0;\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .label-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .label-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .label-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .label-text-lg;\n }\n }\n}"]} \ No newline at end of file diff --git a/package.json b/package.json index 2b1ad3b514c2..14c9ee629f90 100644 --- a/package.json +++ b/package.json @@ -62,7 +62,7 @@ "docs-vnu": "node build/vnu-jar.js", "docs-lint": "npm-run-all --aggregate-output --parallel docs-vnu docs-linkinator docs-spellcheck", "docs-serve": "hugo server --port 9001 --disableFastRender", - "docs-serve-with-cssCompile": "npm-run-all css-compile docs-serve", + "docs-serve-with-css": "npm-run-all css docs-serve", "docs-serve-only": "npx sirv-cli _site --port 9001", "lockfile-lint": "lockfile-lint --allowed-hosts npm --allowed-schemes https: --empty-hostname false --type npm --path package-lock.json", "update-deps": "ncu -u -x eslint,eslint-plugin-unicorn,globby,karma-browserstack-launcher && npm update && echo Manually update site/assets/js/vendor", diff --git a/scss/_badge.scss b/scss/_badge.scss index caefe1a23d34..e78c7e34cd34 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -1,8 +1,9 @@ .badge { + @extend .label-text; margin: 0 0.25rem; - padding: 0.5rem; - color: var(--bs-on-background); - background-color: var(--brand-base); + padding: 0.125rem 0.625rem; + color: var(--on-brand-flat); + background-color: var(--brand-flat); &:first-child { margin-left: 0; @@ -10,6 +11,19 @@ &:last-child { margin-right: 0; } + + &.badge-numerical { + padding: 0 0.5rem; + border-radius: 0.5rem; + } +} + +.badge-sm { + @extend .label-text-sm; +} + +.badge-lg { + @extend .label-text-lg } .badge-collections { diff --git a/scss/_button.scss b/scss/_button.scss index bff829e7d7a7..88113d47a582 100644 --- a/scss/_button.scss +++ b/scss/_button.scss @@ -165,6 +165,10 @@ // padding: 8px 20px; // border-radius: 12px; } + + .badge { + top: 0; + } } /* .btn-link { diff --git a/site/content/docs/components/button.md b/site/content/docs/components/button.md index 2c671aa9d826..e8792202aef0 100644 --- a/site/content/docs/components/button.md +++ b/site/content/docs/components/button.md @@ -37,6 +37,8 @@ group: components {{< example >}}
+ + From 7d0d8364ad1c4310a18b3b5320ddb81b59690c91 Mon Sep 17 00:00:00 2001 From: XanxusX Date: Wed, 23 Mar 2022 17:14:56 +0800 Subject: [PATCH 2/5] Update badge & typography --- dist/css/pdis-design-system.css | 221 ++++++++++++++++-------- dist/css/pdis-design-system.css.map | 2 +- dist/css/pdis-design-system.min.css | 2 +- dist/css/pdis-design-system.min.css.map | 2 +- scss/_badge.scss | 17 +- scss/_button.scss | 102 ++++++++++- scss/_tabs.scss | 99 ++++++++++- scss/_typography.scss | 77 --------- 8 files changed, 359 insertions(+), 163 deletions(-) diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index 527f8d02add7..f61b177e5dc4 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -168,7 +168,7 @@ a:focus { } /* END PDIS's local docs style */ -.label-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .btn, .badge, .sidebar-button-badge, .sidebar-button-badge-round { +.label-text, .tab-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .button-text, .btn, .badge, .sidebar-button-badge, .sidebar-button-badge-round { font-style: normal; font-weight: 500; font-size: 0.875rem; @@ -179,32 +179,11 @@ a:focus { color: var(--on-background); background: none; } -.label-text:hover, .nav-pills .nav-link:hover, .nav-tabs .nav-item .nav-link:hover, .btn:hover, .badge:hover, .sidebar-button-badge:hover, .sidebar-button-badge-round:hover { - color: var(--on-background); - background-color: var(--surface); -} -.label-text:focus, .nav-pills .nav-link:focus, .nav-tabs .nav-item .nav-link:focus, .btn:focus, .badge:focus, .sidebar-button-badge:focus, .sidebar-button-badge-round:focus, .label-text:active, .nav-pills .nav-link:active, .nav-tabs .nav-item .nav-link:active, .btn:active, .badge:active, .sidebar-button-badge:active, .sidebar-button-badge-round:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); -} -.label-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .btn:disabled, .badge:disabled, .sidebar-button-badge:disabled, .sidebar-button-badge-round:disabled { +.label-text:disabled, .tab-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .button-text:disabled, .btn:disabled, .badge:disabled, .sidebar-button-badge:disabled, .sidebar-button-badge-round:disabled { color: var(--outline); } -.label-text i, .nav-pills .nav-link i, .nav-tabs .nav-item .nav-link i, .btn i, .badge i, .sidebar-button-badge i, .sidebar-button-badge-round i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1.125rem; - font-weight: 500; -} -.label-text i:first-child, .nav-pills .nav-link i:first-child, .nav-tabs .nav-item .nav-link i:first-child, .btn i:first-child, .badge i:first-child, .sidebar-button-badge i:first-child, .sidebar-button-badge-round i:first-child { - margin-left: 0; -} -.label-text i:last-child, .nav-pills .nav-link i:last-child, .nav-tabs .nav-item .nav-link i:last-child, .btn i:last-child, .badge i:last-child, .sidebar-button-badge i:last-child, .sidebar-button-badge-round i:last-child { - margin-right: 0; -} -.label-text-sm, .tabs-sm .nav-item .nav-link, .btn.btn-sm, .badge-sm { +.label-text-sm, .tab-text-sm, .tabs-sm .nav-item .nav-link, .button-text-sm, .btn.btn-sm, .badge-sm { font-style: normal; font-weight: 500; font-size: 0.75rem; @@ -215,32 +194,11 @@ a:focus { color: var(--on-background); background: none; } -.label-text-sm:hover, .tabs-sm .nav-item .nav-link:hover, .btn.btn-sm:hover, .badge-sm:hover { - color: var(--on-background); - background-color: var(--surface); -} -.label-text-sm:focus, .tabs-sm .nav-item .nav-link:focus, .btn.btn-sm:focus, .badge-sm:focus, .label-text-sm:active, .tabs-sm .nav-item .nav-link:active, .btn.btn-sm:active, .badge-sm:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); -} -.label-text-sm:disabled, .tabs-sm .nav-item .nav-link:disabled, .btn.btn-sm:disabled, .badge-sm:disabled { +.label-text-sm:disabled, .tab-text-sm:disabled, .tabs-sm .nav-item .nav-link:disabled, .button-text-sm:disabled, .btn.btn-sm:disabled, .badge-sm:disabled { color: var(--outline); } -.label-text-sm i, .tabs-sm .nav-item .nav-link i, .btn.btn-sm i, .badge-sm i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1rem; - font-weight: 500; -} -.label-text-sm i:first-child, .tabs-sm .nav-item .nav-link i:first-child, .btn.btn-sm i:first-child, .badge-sm i:first-child { - margin-left: 0; -} -.label-text-sm i:last-child, .tabs-sm .nav-item .nav-link i:last-child, .btn.btn-sm i:last-child, .badge-sm i:last-child { - margin-right: 0; -} -.label-text-lg, .tabs-lg .nav-item .nav-link, .btn.btn-lg, .badge-lg { +.label-text-lg, .tab-text-lg, .tabs-lg .nav-item .nav-link, .button-text-lg, .btn.btn-lg, .badge-lg { font-style: normal; font-weight: 500; font-size: 1rem; @@ -251,30 +209,9 @@ a:focus { color: var(--on-background); background: none; } -.label-text-lg:hover, .tabs-lg .nav-item .nav-link:hover, .btn.btn-lg:hover, .badge-lg:hover { - color: var(--on-background); - background-color: var(--surface); -} -.label-text-lg:focus, .tabs-lg .nav-item .nav-link:focus, .btn.btn-lg:focus, .badge-lg:focus, .label-text-lg:active, .tabs-lg .nav-item .nav-link:active, .btn.btn-lg:active, .badge-lg:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); -} -.label-text-lg:disabled, .tabs-lg .nav-item .nav-link:disabled, .btn.btn-lg:disabled, .badge-lg:disabled { +.label-text-lg:disabled, .tab-text-lg:disabled, .tabs-lg .nav-item .nav-link:disabled, .button-text-lg:disabled, .btn.btn-lg:disabled, .badge-lg:disabled { color: var(--outline); } -.label-text-lg i, .tabs-lg .nav-item .nav-link i, .btn.btn-lg i, .badge-lg i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1.25rem; - font-weight: 500; -} -.label-text-lg i:first-child, .tabs-lg .nav-item .nav-link i:first-child, .btn.btn-lg i:first-child, .badge-lg i:first-child { - margin-left: 0; -} -.label-text-lg i:last-child, .tabs-lg .nav-item .nav-link i:last-child, .btn.btn-lg i:last-child, .badge-lg i:last-child { - margin-right: 0; -} .bg-brand { background-color: var(--brand) !important; @@ -536,11 +473,91 @@ a:focus { padding: 0 0.5rem; border-radius: 0.5rem; } +.badge.bg-secondary-flat, .bg-secondary-flat.sidebar-button-badge, .bg-secondary-flat.sidebar-button-badge-round { + color: var(--on-surface); + background-color: var(--surface) !important; +} + +.badge-sm.badge-numerical { + padding: 0 0.375rem; + border-radius: 0.375rem; +} + +.badge-lg.badge-numerical { + padding: 0 0.625rem; + border-radius: 0.625rem; +} .badge-collections { margin-bottom: 1rem; } +.button-text:hover, .btn:hover { + color: var(--on-background); + background-color: var(--surface); +} +.button-text:focus, .btn:focus, .button-text:active, .btn:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.button-text i, .btn i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.125rem; + font-weight: 500; +} +.button-text i:first-child, .btn i:first-child { + margin-left: 0; +} +.button-text i:last-child, .btn i:last-child { + margin-right: 0; +} + +.button-text-sm:hover, .btn.btn-sm:hover { + color: var(--on-background); + background-color: var(--surface); +} +.button-text-sm:focus, .btn.btn-sm:focus, .button-text-sm:active, .btn.btn-sm:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.button-text-sm i, .btn.btn-sm i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1rem; + font-weight: 500; +} +.button-text-sm i:first-child, .btn.btn-sm i:first-child { + margin-left: 0; +} +.button-text-sm i:last-child, .btn.btn-sm i:last-child { + margin-right: 0; +} + +.button-text-lg:hover, .btn.btn-lg:hover { + color: var(--on-background); + background-color: var(--surface); +} +.button-text-lg:focus, .btn.btn-lg:focus, .button-text-lg:active, .btn.btn-lg:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.button-text-lg i, .btn.btn-lg i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.25rem; + font-weight: 500; +} +.button-text-lg i:first-child, .btn.btn-lg i:first-child { + margin-left: 0; +} +.button-text-lg i:last-child, .btn.btn-lg i:last-child { + margin-right: 0; +} + .btn { /* .btn-outline-brand { background: none; @@ -1943,6 +1960,72 @@ optgroup { padding: 0.25rem; } +.tab-text:hover, .nav-pills .nav-link:hover, .nav-tabs .nav-item .nav-link:hover { + color: var(--on-background); + background-color: var(--surface); +} +.tab-text:focus, .nav-pills .nav-link:focus, .nav-tabs .nav-item .nav-link:focus, .tab-text:active, .nav-pills .nav-link:active, .nav-tabs .nav-item .nav-link:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.tab-text i, .nav-pills .nav-link i, .nav-tabs .nav-item .nav-link i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.125rem; + font-weight: 500; +} +.tab-text i:first-child, .nav-pills .nav-link i:first-child, .nav-tabs .nav-item .nav-link i:first-child { + margin-left: 0; +} +.tab-text i:last-child, .nav-pills .nav-link i:last-child, .nav-tabs .nav-item .nav-link i:last-child { + margin-right: 0; +} + +.tab-text-sm:hover, .tabs-sm .nav-item .nav-link:hover { + color: var(--on-background); + background-color: var(--surface); +} +.tab-text-sm:focus, .tabs-sm .nav-item .nav-link:focus, .tab-text-sm:active, .tabs-sm .nav-item .nav-link:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.tab-text-sm i, .tabs-sm .nav-item .nav-link i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1rem; + font-weight: 500; +} +.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-lg:hover, .tabs-lg .nav-item .nav-link:hover { + color: var(--on-background); + background-color: var(--surface); +} +.tab-text-lg:focus, .tabs-lg .nav-item .nav-link:focus, .tab-text-lg:active, .tabs-lg .nav-item .nav-link:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); +} +.tab-text-lg i, .tabs-lg .nav-item .nav-link i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.25rem; + font-weight: 500; +} +.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; +} + .nav-tabs { border-bottom: 0; } diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 7f82c88e47de..32a88f530f12 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/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACxHJ;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;;AAYJ;EACE;;;AC7BF;AA+BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAgBJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AC7KA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACtHF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;ACtEJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC9OF;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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 &: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);\n }\n \n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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\n.badge-sm {\n @extend .label-text-sm;\n}\n\n.badge-lg {\n @extend .label-text-lg\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".btn {\n @extend .label-text;\n // border-radius: 10px;\n // padding: 8px 18px;\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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .label-text-sm;\n // padding: 8px 16px;\n // border-radius: 8px;\n }\n \n &.btn-lg {\n @extend .label-text-lg;\n // padding: 8px 20px;\n // border-radius: 12px;\n }\n\n .badge {\n top: 0;\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .label-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .label-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .label-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .label-text-lg;\n }\n }\n}"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;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;;;AC3CF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;ACjQA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACtHF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;ACtEJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC3OA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ 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 4d3f20d7b1f8..64d90603c61b 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round{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:hover,.btn:hover,.label-text:hover,.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.sidebar-button-badge-round:hover,.sidebar-button-badge:hover{color:var(--on-background);background-color:var(--surface)}.badge:active,.badge:focus,.btn:active,.btn:focus,.label-text:active,.label-text:focus,.nav-pills .nav-link:active,.nav-pills .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.sidebar-button-badge-round:active,.sidebar-button-badge-round:focus,.sidebar-button-badge:active,.sidebar-button-badge:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.badge:disabled,.btn:disabled,.label-text:disabled,.nav-pills .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled{color:var(--outline)}.badge i,.btn i,.label-text i,.nav-pills .nav-link i,.nav-tabs .nav-item .nav-link i,.sidebar-button-badge i,.sidebar-button-badge-round i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.badge i:first-child,.btn i:first-child,.label-text i:first-child,.nav-pills .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.sidebar-button-badge i:first-child,.sidebar-button-badge-round i:first-child{margin-left:0}.badge i:last-child,.btn i:last-child,.label-text i:last-child,.nav-pills .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.sidebar-button-badge i:last-child,.sidebar-button-badge-round i:last-child{margin-right:0}.badge-sm,.btn.btn-sm,.label-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-sm:hover,.btn.btn-sm:hover,.label-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.badge-sm:active,.badge-sm:focus,.btn.btn-sm:active,.btn.btn-sm:focus,.label-text-sm:active,.label-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)}.badge-sm:disabled,.btn.btn-sm:disabled,.label-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-sm i,.btn.btn-sm i,.label-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.badge-sm i:first-child,.btn.btn-sm i:first-child,.label-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.badge-sm i:last-child,.btn.btn-sm i:last-child,.label-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.badge-lg,.btn.btn-lg,.label-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:hover,.btn.btn-lg:hover,.label-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.badge-lg:active,.badge-lg:focus,.btn.btn-lg:active,.btn.btn-lg:focus,.label-text-lg:active,.label-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)}.badge-lg:disabled,.btn.btn-lg:disabled,.label-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg i,.btn.btn-lg i,.label-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.badge-lg i:first-child,.btn.btn-lg i:first-child,.label-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.badge-lg i:last-child,.btn.btn-lg i:last-child,.label-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .25rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge-collections{margin-bottom:1rem}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} +@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round,.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-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled,.tab-text:disabled{color:var(--outline)}.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-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)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .25rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat,.bg-secondary-flat.sidebar-button-badge,.bg-secondary-flat.sidebar-button-badge-round{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-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .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)}.nav-pills .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}.nav-pills .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-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.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)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.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-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)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.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}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} /*# 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 f438157b7dad..9c6efd565ec6 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\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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 &: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);\n }\n \n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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.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 &: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);\n }\n\n &:disabled {\n color: var(--outline);\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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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\n.badge-sm {\n @extend .label-text-sm;\n}\n\n.badge-lg {\n @extend .label-text-lg\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".btn {\n @extend .label-text;\n // border-radius: 10px;\n // padding: 8px 18px;\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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .label-text-sm;\n // padding: 8px 16px;\n // border-radius: 8px;\n }\n \n &.btn-lg {\n @extend .label-text-lg;\n // padding: 8px 20px;\n // border-radius: 12px;\n }\n\n .badge {\n top: 0;\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\n}\n",".nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .label-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .label-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .label-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .label-text-lg;\n }\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file diff --git a/scss/_badge.scss b/scss/_badge.scss index e78c7e34cd34..b8b86329bbf5 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -16,14 +16,29 @@ padding: 0 0.5rem; border-radius: 0.5rem; } + + &.bg-secondary-flat { + color: var(--on-surface); + background-color: var(--surface) !important; + } } .badge-sm { @extend .label-text-sm; + + &.badge-numerical { + padding: 0 0.375rem; + border-radius: 0.375rem; + } } .badge-lg { - @extend .label-text-lg + @extend .label-text-lg; + + &.badge-numerical { + padding: 0 0.625rem; + border-radius: 0.625rem; + } } .badge-collections { diff --git a/scss/_button.scss b/scss/_button.scss index 88113d47a582..8034f544cac9 100644 --- a/scss/_button.scss +++ b/scss/_button.scss @@ -1,7 +1,95 @@ -.btn { +.button-text { @extend .label-text; - // border-radius: 10px; - // padding: 8px 18px; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.125rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + +.button-text-sm { + @extend .label-text-sm; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + +.button-text-lg { + @extend .label-text-lg; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.25rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + +.btn { + @extend .button-text; @each $key, $value in $color-envs { &.btn-#{$key} { @@ -155,15 +243,11 @@ } &.btn-sm { - @extend .label-text-sm; - // padding: 8px 16px; - // border-radius: 8px; + @extend .button-text-sm; } &.btn-lg { - @extend .label-text-lg; - // padding: 8px 20px; - // border-radius: 12px; + @extend .button-text-lg; } .badge { diff --git a/scss/_tabs.scss b/scss/_tabs.scss index 83c944c76c8a..0bd01fed2414 100644 --- a/scss/_tabs.scss +++ b/scss/_tabs.scss @@ -1,10 +1,101 @@ +.tab-text { + @extend .label-text; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.125rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + +.tab-text-sm { + @extend .label-text-sm; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + +.tab-text-lg { + @extend .label-text-lg; + + &:hover { + color: var(--on-background); + background-color: var(--surface); + } + + &:focus, &:active { + color: var(--on-background); + background-color: var(--surface-1); + box-shadow: 0 0 0 2px var(--brand-flat-strong); + } + + i { + margin-left: 0.25rem; + margin-right: 0.25rem; + font-size: 1.25rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } +} + + .nav-tabs { border-bottom: 0; .nav-item { display: inline-block; .nav-link { - @extend .label-text; + @extend .tab-text; border: 0; text-decoration: none; border-radius: 8px 8px 0px 0px; @@ -34,7 +125,7 @@ .nav-pills { .nav-link { - @extend .label-text; + @extend .tab-text; text-decoration: none; margin-left: 2px; margin-right: 2px; @@ -76,7 +167,7 @@ .tabs-sm { .nav-item { .nav-link { - @extend .label-text-sm; + @extend .tab-text-sm; } } } @@ -84,7 +175,7 @@ .tabs-lg { .nav-item { .nav-link { - @extend .label-text-lg; + @extend .tab-text-lg; } } } \ No newline at end of file diff --git a/scss/_typography.scss b/scss/_typography.scss index a32a3aa20027..bd7e271b236f 100644 --- a/scss/_typography.scss +++ b/scss/_typography.scss @@ -8,36 +8,10 @@ letter-spacing: 0.1px; color: var(--on-background); background: none; - - &:hover { - color: var(--on-background); - background-color: var(--surface); - } - - &:focus, &:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); - } &:disabled { color: var(--outline); } - - i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1.125rem; - font-weight: 500; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } } .label-text-sm { @@ -51,35 +25,9 @@ color: var(--on-background); background: none; - &:hover { - color: var(--on-background); - background-color: var(--surface); - } - - &:focus, &:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); - } - &:disabled { color: var(--outline); } - - i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1rem; - font-weight: 500; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } } .label-text-lg { @@ -93,33 +41,8 @@ color: var(--on-background); background: none; - &:hover { - color: var(--on-background); - background-color: var(--surface); - } - - &:focus, &:active { - color: var(--on-background); - background-color: var(--surface-1); - box-shadow: 0 0 0 2px var(--brand-flat-strong); - } - &:disabled { color: var(--outline); } - i { - margin-left: 0.25rem; - margin-right: 0.25rem; - font-size: 1.25rem; - font-weight: 500; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } } From ae257ce066e50dac1a219d89d662ba9d4e917c14 Mon Sep 17 00:00:00 2001 From: XanxusX Date: Thu, 24 Mar 2022 14:05:16 +0800 Subject: [PATCH 3/5] Update typography --- scss/_typography.scss | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/scss/_typography.scss b/scss/_typography.scss index bd7e271b236f..ad487a762764 100644 --- a/scss/_typography.scss +++ b/scss/_typography.scss @@ -46,3 +46,42 @@ } } + +.body-text { + font-style: normal; + font-weight: 400; + font-size: 1rem; + line-height: 1.5rem; + letter-spacing: 0.5px; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} + +.body-text-sm { + font-style: normal; + font-weight: 400; + font-size: 0.875rem; + line-height: 1.25rem; + letter-spacing: 0.25px; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} + +.body-text-lg { + font-style: normal; + font-weight: 400; + font-size: 1.125rem; + line-height: 1.6875rem; + letter-spacing: 0.75px; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} \ No newline at end of file From 706f34435dd3ef57191b82288bdc22e98b683bdf Mon Sep 17 00:00:00 2001 From: XanxusX Date: Mon, 28 Mar 2022 11:56:11 +0800 Subject: [PATCH 4/5] Update list --- dist/css/pdis-design-system.css | 93 ++++++++- dist/css/pdis-design-system.css.map | 2 +- dist/css/pdis-design-system.min.css | 2 +- dist/css/pdis-design-system.min.css.map | 2 +- scss/_badge.scss | 2 +- scss/_button.scss | 8 + scss/_list.scss | 68 +++++++ site/content/docs/components/list.md | 247 ++++++++++++------------ 8 files changed, 300 insertions(+), 124 deletions(-) diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index f61b177e5dc4..d1e70663973f 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -213,6 +213,42 @@ a:focus { color: var(--outline); } +.body-text, .list-group .list-group-item { + font-style: normal; + font-weight: 400; + font-size: 1rem; + line-height: 1.5rem; + letter-spacing: 0.5px; + color: var(--on-background); +} +.body-text:disabled, .list-group .list-group-item:disabled { + color: var(--outline); +} + +.body-text-sm, .list-group .list-group-item .list-group-item-subheader { + font-style: normal; + font-weight: 400; + font-size: 0.875rem; + line-height: 1.25rem; + letter-spacing: 0.25px; + color: var(--on-background); +} +.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: 0.75px; + color: var(--on-background); +} +.body-text-lg:disabled { + color: var(--outline); +} + .bg-brand { background-color: var(--brand) !important; color: var(--on-brand); @@ -458,7 +494,7 @@ a:focus { } .badge, .sidebar-button-badge, .sidebar-button-badge-round { - margin: 0 0.25rem; + margin: 0 0.5rem; padding: 0.125rem 0.625rem; color: var(--on-brand-flat); background-color: var(--brand-flat); @@ -1401,6 +1437,13 @@ a:focus { } .btn .badge, .btn .sidebar-button-badge, .btn .sidebar-button-badge-round { top: 0; + margin: 0 0.25rem; +} +.btn .badge:first-child, .btn .sidebar-button-badge:first-child, .btn .sidebar-button-badge-round:first-child { + margin-left: 0; +} +.btn .badge:last-child, .btn .sidebar-button-badge:last-child, .btn .sidebar-button-badge-round:last-child { + margin-right: 0; } /* .btn-link { @@ -1697,6 +1740,54 @@ footer .social-container { margin-right: 0; } +.list-group .list-group-item { + display: flex; + align-items: center; + border: none; +} +.list-group .list-group-item .list-group-item-subheader { + margin-left: 0.5rem; +} +.list-group .list-group-item i { + margin-left: 0.5rem; + margin-right: 0.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:hover, .list-group .list-group-item:focus, .list-group .list-group-item:active { + background-color: var(--surface); +} +.list-group.divider .list-group-item { + border-bottom: 1px solid var(--outline); + border-radius: 0; +} +.list-group.border { + border: 1px solid var(--outline) !important; +} +.list-group.border.divider .list-group-item:first-child { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} +.list-group.border.divider .list-group-item:last-child { + border-bottom: none; + border-radius: 0.5rem; +} +.list-group.twoline * { + display: block; +} +.list-group.twoline .list-group-item { + display: flex; +} +.list-group.twoline .list-group-item .list-group-item-subheader { + margin-left: 0; +} + .list .list-item { display: block; margin: 0; diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 32a88f530f12..7e49eacd2ac1 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/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;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;;;AC3CF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;ACjQA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACtHF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;ACtEJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC3OA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;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;;;ACnFF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACzQA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACrHF;EAEE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;AC9IJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC3OA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list-group {\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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 &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n * {\n display: block;\n }\n \n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n\n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ 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 64d90603c61b..8b3d5f520a89 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round,.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-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled,.tab-text:disabled{color:var(--outline)}.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-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)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .25rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat,.bg-secondary-flat.sidebar-button-badge,.bg-secondary-flat.sidebar-button-badge-round{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-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .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)}.nav-pills .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}.nav-pills .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-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.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)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.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-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)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.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}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} +@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round,.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-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled,.tab-text:disabled{color:var(--outline)}.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-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)}.body-text,.list-group .list-group-item{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.body-text:disabled,.list-group .list-group-item:disabled{color:var(--outline)}.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)}.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)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat,.bg-secondary-flat.sidebar-button-badge,.bg-secondary-flat.sidebar-button-badge-round{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-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0;margin:0 .25rem}.btn .badge:first-child,.btn .sidebar-button-badge-round:first-child,.btn .sidebar-button-badge:first-child{margin-left:0}.btn .badge:last-child,.btn .sidebar-button-badge-round:last-child,.btn .sidebar-button-badge:last-child{margin-right:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list-group .list-group-item{display:flex;align-items:center;border:none}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem}.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:active,.list-group .list-group-item:focus,.list-group .list-group-item:hover{background-color:var(--surface)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.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:none;border-radius:.5rem}.list-group.twoline *{display:block}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .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)}.nav-pills .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}.nav-pills .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-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.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)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.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-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)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.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}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} /*# 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 9c6efd565ec6..85fe2fd5fe98 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\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".badge {\n @extend .label-text;\n margin: 0 0.25rem;\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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list-group {\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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 &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n * {\n display: block;\n }\n \n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n\n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file diff --git a/scss/_badge.scss b/scss/_badge.scss index b8b86329bbf5..8a799b6ec34e 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -1,6 +1,6 @@ .badge { @extend .label-text; - margin: 0 0.25rem; + margin: 0 0.5rem; padding: 0.125rem 0.625rem; color: var(--on-brand-flat); background-color: var(--brand-flat); diff --git a/scss/_button.scss b/scss/_button.scss index 8034f544cac9..8bf28547608d 100644 --- a/scss/_button.scss +++ b/scss/_button.scss @@ -252,6 +252,14 @@ .badge { top: 0; + margin: 0 0.25rem; + + &:first-child { + margin-left: 0; + } + &:last-child { + margin-right: 0; + } } } diff --git a/scss/_list.scss b/scss/_list.scss index e560deec3d7a..7ed2efa4dac0 100644 --- a/scss/_list.scss +++ b/scss/_list.scss @@ -1,3 +1,71 @@ +.list-group { + + .list-group-item { + @extend .body-text; + display: flex; + align-items: center; + border: none; + + .list-group-item-subheader { + @extend .body-text-sm; + margin-left: 0.5rem; + } + + i { + margin-left: 0.5rem; + margin-right: 0.5rem; + font-size: 1.125rem; + font-weight: 500; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } + + &:hover, &:focus, &:active { + background-color: var(--surface); + } + } + + &.divider { + .list-group-item { + border-bottom: 1px solid var(--outline); + border-radius: 0; + } + } + + &.border { + border: 1px solid var(--outline) !important; + + &.divider{ + .list-group-item:first-child { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .list-group-item:last-child { + border-bottom: none; + border-radius: 0.5rem; + } + } + } + + &.twoline { + .list-group-item { + display: flex; + + .list-group-item-subheader { + margin-left: 0; + } + } + } +} + + .list { .list-item { display: block; diff --git a/site/content/docs/components/list.md b/site/content/docs/components/list.md index 8ed24252342e..b406728a3ca3 100644 --- a/site/content/docs/components/list.md +++ b/site/content/docs/components/list.md @@ -41,20 +41,29 @@ toc: true
-
    -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 列表主要文字
      列表補充文字內容
      • +
    • 列表主要文字
      列表補充文字內容
      • +
    • badge
      列表主要文字
      列表補充文字內容

-
    -
  • 標題
    • -
  • 標題
    • -
  • 標題
    • +
      +
    • 標題
      • +
    • 標題
      • +
    • 標題
      • +
    +
+
+
+
+
    +
  • 標題
    • +
  • 標題
    • +
  • badge標題
@@ -69,20 +78,20 @@ toc: true
-
    -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

      • +
    • 標題

      副標題或內文簡單闡述

      • +
    • 標題

      副標題或內文簡單闡述


-
    -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

      • +
    • 標題

      副標題或內文簡單闡述

      • +
    • 標題

      副標題或內文簡單闡述

@@ -97,39 +106,39 @@ toc: true
-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

-

-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

-

-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

-
@@ -144,16 +153,16 @@ toc: true
-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述


-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

@@ -168,16 +177,16 @@ toc: true
-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述


-
    -
  • 標題

    副標題或內文簡單闡述

    • +
      +
    • 標題

      副標題或內文簡單闡述

@@ -192,17 +201,17 @@ toc: true
-
    -
  • 課程代碼

    PCENTER110100901

    • +
      +
    • 課程代碼

      PCENTER110100901


-
    -
  • 歡迎來部落走走 交通部觀光局邀您來當「部落客」！ -

    交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

    +
      +
    • 歡迎來部落走走 交通部觀光局邀您來當「部落客」！ +

      交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

@@ -218,22 +227,22 @@ toc: true
-
    -
  • 請攜帶健保卡
    • -
  • 請配戴口罩
    • -
  • 請與工作人員保持兩公尺距離
    • -
  • 請勿飲食
    • +
      +
    • 請攜帶健保卡
      • +
    • 請配戴口罩
      • +
    • 請與工作人員保持兩公尺距離
      • +
    • 請勿飲食

-
@@ -241,9 +250,9 @@ toc: true
    -
  • 15-18歲
    • -
  • 19-30歲
    • -
  • 31 歲（含）以上
    • +
  • 15-18歲
    • +
  • 19-30歲
    • +
  • 31 歲（含）以上
@@ -258,20 +267,20 @@ toc: true
-
    -
  1. 標題
    2. -
  2. 標題
    3. -
  3. 標題
    4. +
      +
    1. 標題
      2. +
    2. 標題
      3. +
    3. 標題

-
    -
  • 標題
    • -
  • 標題
    • -
  • 標題
    • +
      +
    • 標題
      • +
    • 標題
      • +
    • 標題
@@ -287,23 +296,23 @@ toc: true
    -
  1. 標題
    2. -
  2. 標題
    3. -
  3. 標題
    4. +
  4. 標題
    5. +
  5. 標題
    6. +
  6. 標題
-
    -
  1. 標題
    2. -
  2. 標題
    3. -
  3. 標題
    4. +
      +
    1. 標題
      2. +
    2. 標題
      3. +
    3. 標題
-
    -
  1. 標題
    2. -
  2. 標題
    3. -
  3. 標題
    4. +
      +
    1. 標題
      2. +
    2. 標題
      3. +
    3. 標題
@@ -311,17 +320,17 @@ toc: true
    -
  1. 標題

    副標題或內文簡單闡述

    2. +
  2. 標題

    副標題或內文簡單闡述

-
    -
  1. 標題

    副標題或內文簡單闡述

    2. +
      +
    1. 標題

      副標題或內文簡單闡述

-
    -
  1. 標題

    副標題或內文簡單闡述

    2. +
      +
    1. 標題

      副標題或內文簡單闡述

@@ -329,25 +338,25 @@ toc: true
    -
  1. 標題
    2. +
  2. 標題
      3. -
    1. 標題
      2. +
    2. 標題
-
    -
  1. 標題
    2. +
      +
    1. 標題
        2. -
      1. 標題
        2. +
      2. 標題
-
    -
  1. 標題
    2. +
      +
    1. 標題
        2. -
      1. 標題
        2. +
      2. 標題
@@ -364,9 +373,9 @@ toc: true
    -
  • -
    2021-10-25
    -
    +
  • +
    2021-10-25
    +
    歡迎來部落走走 交通部觀光局邀您來當「部落客」！
    • @@ -377,11 +386,11 @@ toc: true
      -
    • -
      2021-10-25
      -
      +
    • +
      2021-10-25
      +
      歡迎來部落走走 交通部觀光局邀您來當「部落客」！ -

      交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

      +

      交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

    @@ -391,11 +400,11 @@ toc: true
      -
    • -
      2021-10-25
      -
      +
    • +
      2021-10-25
      +
      歡迎來部落走走 交通部觀光局邀您來當「部落客」！ -

      交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

      +

      交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

    @@ -413,10 +422,10 @@ toc: true
      -
    • -
      2021-10-25
      +
    • +
      2021-10-25
      Primary -
      +
      歡迎來部落走走 交通部觀光局邀您來當「部落客」！
      • @@ -427,9 +436,9 @@ toc: true
        -
      • -
        2021-10-25
        -
        +
      • +
        2021-10-25
        +
        歡迎來部落走走 交通部觀光局邀您來當「部落客」！
        Primary @@ -441,12 +450,12 @@ toc: true
          -
        • -
          2021-10-25
          +
        • +
          2021-10-25
          Primary -
          +
          歡迎來部落走走 交通部觀光局邀您來當「部落客」！ -

          交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

          +

          交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

        @@ -464,9 +473,9 @@ toc: true
          -
        • -
          2021-10-25
          -
          +
        • +
          2021-10-25
          +
          歡迎來部落走走 交通部觀光局邀您來當「部落客」！
          • @@ -477,11 +486,11 @@ toc: true
            -
          • -
            +
          • +
            歡迎來部落走走 交通部觀光局邀您來當「部落客」！
            -
            2021-10-25
            +
            2021-10-25
          @@ -498,11 +507,11 @@ toc: true
            -
          • -
            +
          • +
            歡迎來部落走走 交通部觀光局邀您來當「部落客」！
            -
            2021-10-25
            +
            2021-10-25
          @@ -511,10 +520,10 @@ toc: true
            -
          • -
            +
          • +
            歡迎來部落走走 交通部觀光局邀您來當「部落客」！ -

            交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

            +

            交通部觀光局(以下稱觀光局)為宣傳部落特色及觀光成果，自103年起已連續8年舉辦「台灣部落觀光嘉年華」

            2021-10-25
            • From 4fcd9fb216a515b066fdcd02b73d6cd31a3cb784 Mon Sep 17 00:00:00 2001 From: XanxusX Date: Tue, 29 Mar 2022 17:26:45 +0800 Subject: [PATCH 5/5] Update card --- dist/css/pdis-design-system.css | 878 +++++++----------------- dist/css/pdis-design-system.css.map | 2 +- dist/css/pdis-design-system.min.css | 2 +- dist/css/pdis-design-system.min.css.map | 2 +- scss/_card.scss | 85 ++- scss/_general.scss | 8 - scss/_list.scss | 9 +- scss/_typography.scss | 73 ++ scss/pdis-design-system.scss | 9 +- site/content/docs/components/card.md | 84 ++- 10 files changed, 487 insertions(+), 665 deletions(-) diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index d1e70663973f..ebbb4350c247 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @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 { @@ -91,14 +90,6 @@ a:focus { box-shadow: none; } -.image { - width: 100%; - padding-bottom: 75%; - background-size: cover !important; - background-position: center !important; - height: 100%; -} - .icon { margin-right: 0.5rem; } @@ -168,7 +159,7 @@ a:focus { } /* END PDIS's local docs style */ -.label-text, .tab-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .button-text, .btn, .badge, .sidebar-button-badge, .sidebar-button-badge-round { +.label-text, .tab-text, .nav-pills .nav-link, .nav-tabs .nav-item .nav-link, .button-text, .btn, .badge { font-style: normal; font-weight: 500; font-size: 0.875rem; @@ -179,7 +170,7 @@ a:focus { color: var(--on-background); background: none; } -.label-text:disabled, .tab-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .button-text:disabled, .btn:disabled, .badge:disabled, .sidebar-button-badge:disabled, .sidebar-button-badge-round:disabled { +.label-text:disabled, .tab-text:disabled, .nav-pills .nav-link:disabled, .nav-tabs .nav-item .nav-link:disabled, .button-text:disabled, .btn:disabled, .badge:disabled { color: var(--outline); } @@ -213,7 +204,7 @@ a:focus { color: var(--outline); } -.body-text, .list-group .list-group-item { +.body-text, .card .card-body .card-text, .list-group .list-group-item { font-style: normal; font-weight: 400; font-size: 1rem; @@ -221,7 +212,7 @@ a:focus { letter-spacing: 0.5px; color: var(--on-background); } -.body-text:disabled, .list-group .list-group-item:disabled { +.body-text:disabled, .card .card-body .card-text:disabled, .list-group .list-group-item:disabled { color: var(--outline); } @@ -249,6 +240,73 @@ a:focus { color: var(--outline); } +.title-text, .masonry-card .card-header, .card .card-body .card-title { + font-style: normal; + font-weight: 500; + font-size: 1.125rem; + line-height: 1.625rem; + color: var(--on-background); +} +.title-text:disabled, .masonry-card .card-header:disabled, .card .card-body .card-title:disabled { + color: var(--outline); +} + +.title-text-sm { + font-style: normal; + font-weight: 500; + font-size: 1rem; + line-height: 1.5rem; + letter-spacing: 0.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); @@ -403,113 +461,36 @@ a:focus { color: var(--information) !important; } -.accordion .accordion-button::after { - color: var(--brand); - background-image: none; - content: "\f64d"; - /* plus */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .accordion-button:not(.collapsed) { - background-color: var(--brand); - color: var(--on-brand); -} -.accordion .accordion-button:not(.collapsed)::after { - color: var(--on-brand); - background-image: none; - content: "\f63b"; - /* dash */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .accordion-button:active { - box-shadow: none !important; -} -.accordion .accordion-button:focus { - box-shadow: none !important; -} -.accordion .accordion-button-chevron:not(.collapsed)::after { - background-image: none; - content: "\f282"; - /* Chevron down */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .accordion-button-chevron::after { - background-image: none; - content: "\f282"; - /* Chevron down */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .second-layer .accordion-body { - padding-left: 3rem; -} -.accordion .second-layer .accordion-button { - padding-left: 3rem; -} -.accordion .second-layer .accordion-button::after { - color: var(--brand); - background-image: none; - content: "\f4fd"; - /* plus-square */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .second-layer .accordion-button:not(.collapsed) { - background-color: var(--brand); - color: var(--on-brand); -} -.accordion .second-layer .accordion-button:not(.collapsed)::after { - color: var(--on-brand); - background-image: none; - content: "\f2e9"; - /* dash-square */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .second-layer .accordion-button-chevron { - padding-left: 3rem; -} -.accordion .second-layer .accordion-button-chevron::after { - color: var(--brand); - background-image: none; - content: "\f22c"; - /* caret-down */ - font-family: "bootstrap-icons"; - text-align: center; -} -.accordion .second-layer .accordion-button-chevron:not(.collapsed) { - background-color: var(--brand); - color: var(--on-brand); -} -.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after { - color: var(--on-brand); - background-image: none; - content: "\f229"; - /* caret-down-fill */ - font-family: "bootstrap-icons"; - text-align: center; -} - -.badge, .sidebar-button-badge, .sidebar-button-badge-round { +/* @import "accordion"; +@import "badge"; +@import "button"; +@import "card"; +@import "dropdown"; +@import "footer"; +@import "form-control"; +@import "header"; +@import "list"; +@import "offcanvas"; +@import "select"; +@import "sidebar"; +@import "tabs"; */ +.badge { margin: 0 0.5rem; padding: 0.125rem 0.625rem; color: var(--on-brand-flat); background-color: var(--brand-flat); } -.badge:first-child, .sidebar-button-badge:first-child, .sidebar-button-badge-round:first-child { +.badge:first-child { margin-left: 0; } -.badge:last-child, .sidebar-button-badge:last-child, .sidebar-button-badge-round:last-child { +.badge:last-child { margin-right: 0; } -.badge.badge-numerical, .badge-numerical.sidebar-button-badge, .badge-numerical.sidebar-button-badge-round { +.badge.badge-numerical { padding: 0 0.5rem; border-radius: 0.5rem; } -.badge.bg-secondary-flat, .bg-secondary-flat.sidebar-button-badge, .bg-secondary-flat.sidebar-button-badge-round { +.badge.bg-secondary-flat { color: var(--on-surface); background-color: var(--surface) !important; } @@ -1435,14 +1416,14 @@ a:focus { color: var(--outline); background-color: var(--surface); } -.btn .badge, .btn .sidebar-button-badge, .btn .sidebar-button-badge-round { +.btn .badge { top: 0; margin: 0 0.25rem; } -.btn .badge:first-child, .btn .sidebar-button-badge:first-child, .btn .sidebar-button-badge-round:first-child { +.btn .badge:first-child { margin-left: 0; } -.btn .badge:last-child, .btn .sidebar-button-badge:last-child, .btn .sidebar-button-badge-round:last-child { +.btn .badge:last-child { margin-right: 0; } @@ -1452,298 +1433,11 @@ a:focus { color: var(--brand-strong); } } */ -.card { - background: var(--surface); - border: 1px solid var(--outline); -} -.card .card-header { - color: var(--on-surface); - background-color: var(--surface-variant); - font-weight: 500; - padding: 1rem 1.5rem 1rem 1.5rem; -} -.card .card-body { - padding: 1rem 1.5rem 1.5rem 1.5rem; -} -.card .card-body .card-title { - color: var(--on-surface); - margin-bottom: 1rem; - font-weight: 500; -} -.card .card-body .card-text { - color: var(--on-surface-variant); -} - -.text-card .card-body { - padding: 1.5rem; -} -.text-card .card-body .card-title { - font-weight: 900; - margin-bottom: 1rem; -} -.text-card .card-body .card-text { - margin-bottom: 0; -} - -.list-card .card-body { - background-color: var(--surface-1); - padding: 1.5rem; -} -.list-card .card-body .card-title { - font-weight: 900; - margin-bottom: 1rem; -} -.list-card .card-body .card-text { - margin-bottom: 1rem; -} -.list-card .list-group { - background-color: var(--surface); -} -.list-card .list-group .list-group-item { - background-color: var(--surface); - padding: 0.75rem 1.5rem; -} -.list-card .list-group .list-group-item a { - margin: 0 0.5rem; -} -.list-card .list-group .list-group-item a:first-child { - margin-left: 0; -} -.list-card .list-group .list-group-item a:last-child { - margin-right: 0; -} -.list-card .list-group .list-group-item i + a { - margin-left: 0; -} -.list-card .list-group .list-group-item.border-0:last-child { - margin-bottom: 0.5rem; -} - -.dropdown { - /* .dropdown-btn { - &:active, - &:focus { - color: var(--bs-secondary-light); - background-color: var(--bs-primary); - } - } */ -} -.dropdown .dropdown-toggle { - color: var(--on-surface); - text-decoration: underline; - font-weight: 500; -} -.dropdown .dropdown-toggle::after { - background-image: none; - content: "\f282"; - /* Chevron down */ - font-family: "bootstrap-icons"; - text-align: center; - display: inline-block; - margin-left: 1rem; - vertical-align: bottom; - border: 0; -} -.dropdown .dropdown-toggle:hover { - color: var(--information); -} -.dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus { - background-color: var(--accent-flat); - box-shadow: none !important; -} -.dropdown .dropdown-toggle:active::after, .dropdown .dropdown-toggle:focus::after { - background-image: none; - content: "\f286"; - /* Chevron down */ - font-family: "bootstrap-icons"; - text-align: center; - display: inline-block; - margin-left: 1rem; - vertical-align: bottom; - border: 0; -} -.dropdown .dropdown-menu { - border-radius: 0; - background-color: var(--surface); -} -.dropdown .dropdown-menu .dropdown-item { - color: var(--information); -} -.dropdown .dropdown-menu .dropdown-item:hover { - color: var(--information-strong); - background-color: none; -} -.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:focus { - color: var(--on-information-flat); - background-color: var(--accent-flat); -} - -footer .nav { - justify-content: flex-end; -} -@media (max-width: 992px) { - footer .nav { - flex-direction: column; - } -} -footer .top-nav { - justify-content: center; -} -@media (max-width: 992px) { - footer .top-nav { - flex-direction: row; - justify-content: start; - } -} -footer .accessibility-container { - margin: 1rem 0.5rem 1rem 0.75rem; - text-align: end; -} -@media (max-width: 992px) { - footer .accessibility-container { - text-align: start; - } -} -footer .social-container { - margin: 1rem 0.5rem 1rem 0.75rem; - text-align: end; -} -@media (max-width: 992px) { - footer .social-container { - text-align: start; - } -} - -.form-control { - color: var(--outline); - background-color: var(--surface); - border: 1px solid var(--outline); -} -.form-control:focus { - color: var(--on-surface); - box-shadow: 0 0 0 2px var(--brand-flat-strong); -} -.form-control:disabled { - color: var(--surface-variant); - background-color: var(--surface); - border: 1px solid var(--surface-variant); -} - -.input-group .input-group-text { - color: var(--bs-white); - background-color: var(--brand); - border: 1px solid var(--outline); -} - -.navbar { - background-color: var(--surface); -} -@media (max-width: 768px) { - .navbar { - padding-top: 0; - padding-bottom: 0; - } -} -@media (max-width: 768px) { - .navbar .container { - padding-right: 0; - } -} -@media (max-width: 768px) { - .navbar .navbar-brand { - padding-top: 0; - padding-right: 0; - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } -} - -.navbar-toggler { - border-radius: 0; -} -.navbar-toggler:active .navbar-toggler-icon, .navbar-toggler:focus .navbar-toggler-icon { - background-image: none; - width: auto; - font-size: 1rem; -} -.navbar-toggler:active .navbar-toggler-icon::before, .navbar-toggler:focus .navbar-toggler-icon::before { - content: url("data:image/svg+xml; utf8, "); - vertical-align: middle; -} -.navbar-toggler:active .navbar-toggler-icon::after, .navbar-toggler:focus .navbar-toggler-icon::after { - margin-left: 0.25rem; - content: "關閉"; - vertical-align: middle; -} -.navbar-toggler.collapsed { - background: var(--bs-primary) !important; -} -.navbar-toggler.collapsed .navbar-toggler-icon { - background-image: none; - width: auto; - font-size: 1rem; -} -.navbar-toggler.collapsed .navbar-toggler-icon::before { - content: url("data:image/svg+xml; utf8, "); - vertical-align: middle; -} -.navbar-toggler.collapsed .navbar-toggler-icon::after { - margin-left: 0.25rem; - content: "選單"; - vertical-align: middle; -} -.navbar-toggler .navbar-toggler-icon { - background-image: none; - width: auto; - font-size: 1rem; -} -.navbar-toggler .navbar-toggler-icon::before { - content: url("data:image/svg+xml; utf8, "); - vertical-align: middle; -} -.navbar-toggler .navbar-toggler-icon::after { - content: "選單"; - margin-left: 0.25rem; - vertical-align: middle; -} - -.navbar-title { - margin-bottom: 0; - margin-left: 0.5rem; -} - -@media (max-width: 768px) { - .searching { - margin-top: 1rem; - margin-bottom: 1rem; - } -} - -.hot-searching { - margin-left: 0.5rem; - margin-right: 0.5rem; -} - -.nav-social-container { - margin: 1rem; -} - -.nav-social-icon { - margin-left: 0.125rem; - margin-right: 0.125rem; - padding: 0.125rem 0.35rem; -} -.nav-social-icon:first-child { - margin-left: 0; -} -.nav-social-icon:last-child { - margin-right: 0; -} - .list-group .list-group-item { display: flex; align-items: center; border: none; + padding: 1rem; } .list-group .list-group-item .list-group-item-subheader { margin-left: 0.5rem; @@ -1760,6 +1454,9 @@ footer .social-container { .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, .list-group .list-group-item:focus, .list-group .list-group-item:active { background-color: var(--surface); } @@ -1778,9 +1475,6 @@ footer .social-container { border-bottom: none; border-radius: 0.5rem; } -.list-group.twoline * { - display: block; -} .list-group.twoline .list-group-item { display: flex; } @@ -1788,269 +1482,195 @@ footer .social-container { margin-left: 0; } -.list .list-item { - display: block; - margin: 0; - padding: 0.5rem 0; -} -.list .list-item i { - margin-right: 0.5rem; -} -.list .list-item-subheader { - display: inline; - margin-left: 0.5rem; - color: #6b6b6b; -} -.list .list-item-bottom-border { - border: 1px solid rgba(0, 0, 0, 0.125); - border-width: 0 0 1px; -} -.list .list-item-link { - margin-left: 0.5rem; -} -.list .list-item-ordered, .list .list-item-twoline-ordered { - display: list-item; - margin: 0 1.25rem; -} -.list .list-item-twoline *, .list .list-item-twoline-ordered * { - display: block; - margin-left: 0; -} -.list .nested-list { - padding: 0 1rem; -} +/* +.list { + .list-item { + display: block; + margin: 0; + padding: 0.5rem 0; -.time-list .list-item { - display: flex; -} -.time-list .list-item-subheader { - display: block; - margin: 0; - color: #6b6b6b; -} -.time-list .list-item-multiline { - display: block; -} -.time-list .list-item-date { - margin-right: 0.5rem; - min-width: fit-content; -} -.time-list .list-item-content { - overflow: hidden; -} + i { + margin-right: 0.5rem; + } + } -.offcanvas-home { - text-decoration: none; -} + .list-item-subheader { + display: inline; + margin-left: 0.5rem; + color: #6b6b6b; + } -.offcanvas-title { - display: inline; - text-decoration: underline; -} + .list-item-bottom-border { + border: 1px solid rgba(0, 0, 0, 0.125); + border-width: 0 0 1px; + } -.form-select { - color: var(--on-surface); - background-color: var(--surface); - border: 1px solid var(--outline); -} -.form-select:hover { - background-color: var(--surface-1); - border: 1px solid var(--outline); -} -.form-select:active, .form-select:focus { - background-color: var(--surface-1); - border: 1px solid var(--outline); - box-shadow: 0 0 0 2px var(--brand-flat-strong); -} -.form-select:disabled { - color: var(--surface-variant); - background-color: var(--surface); - border: 1px solid var(--outline); - box-shadow: none !important; -} + .list-item-link { + margin-left: 0.5rem; + } -option { - background: var(--surface); - color: var(--on-surface) !important; -} + .list-item-ordered { + display: list-item; + margin: 0 1.25rem; + } -optgroup { - background: var(--surface); - color: var(--on-surface-variant) !important; - font-weight: normal !important; - font-size: 16px !important; -} + .list-item-twoline { + * { + display: block; + margin-left: 0; + } + } -.sidebar-button { - font-weight: 500; -} -.sidebar-button:active { - box-shadow: none !important; -} -.sidebar-button:focus { - box-shadow: none !important; -} -.sidebar-button:not(.collapsed) { - color: var(--brand); - background-color: var(--bs-white); -} -.sidebar-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - transform: rotate(90deg); -} -.sidebar-button::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} -.sidebar-button::after:hover { - color: white; -} -.sidebar-button:hover { - z-index: 2; - background-color: var(--brand); - color: white; -} -.sidebar-button:hover::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} -.sidebar-button.sidebar-second-layer-button { - padding-left: 2rem; - background-color: var(--bs-gray-100); - border: 0; -} -.sidebar-button.sidebar-second-layer-button:hover { - z-index: 2; - background-color: var(--brand); - color: white; -} -.sidebar-button.sidebar-second-layer-button:hover::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); -} + .list-item-twoline-ordered { + @extend .list-item-ordered; + @extend .list-item-twoline; + } -.sidebar-header { - margin-bottom: 0; + .nested-list { + padding: 0 1rem; + } } -.sidebar-body { - padding: 1rem 1.25rem; -} +.time-list { + .list-item { + display: flex; + } -.sidebar-second-layer { - border-top: solid; - border-bottom: solid; - border-width: thin; - border-color: var(--brand); -} + .list-item-subheader { + display: block; + margin: 0; + color: #6b6b6b; + } + + .list-item-multiline { + display: block; + } + + .list-item-date { + margin-right: 0.5rem; + min-width: fit-content; + + } + + .list-item-content { + overflow: hidden; + } -.sidebar-link { - padding-left: 3rem; - color: var(--brand); - text-decoration: underline; - font-weight: 500; - border: 0; -} -.sidebar-link:active { - background-color: var(--accent-flat); - color: var(--brand-strong); -} -.sidebar-link:hover { - z-index: 1; - color: var(--brand-strong); - text-decoration: underline; - background-color: white; -} -.sidebar-link:focus { - color: var(--brand-strong); - text-decoration: underline; } -.sidebar-link:visited { - color: var(--accent-strong); + */ +.card { + border: 1px solid var(--outline); + border-radius: 0.5rem; } - -.active.sidebar-link { - color: var(--brand-strong); - background-color: var(--accent-flat); - border-left: solid; - padding-left: calc(3rem - 3px); +.card .card-body { + padding: 1rem; } - -.sidebar-dense .sidebar-button, -.sidebar-dense .sidebar-second-layer-button, -.sidebar-dense .sidebar-link { - height: 2.5rem; +.card .card-body .card-title { + color: var(--on-surface); + margin-bottom: 0; } - -.sidebar-reversed .sidebar-button::before { - flex-shrink: 0; - width: 1.25rem; - height: 1.25rem; - margin-right: 0.5rem; - content: ""; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-size: 1.25rem; +.card .card-body .card-text { + color: var(--on-surface-variant); } -.sidebar-reversed .sidebar-button:not(.collapsed)::after { - display: none; +.card .card-actions { + padding: 1rem; } -.sidebar-reversed .sidebar-button:not(.collapsed)::before { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - transform: rotate(90deg); +.card .card-img-top { + border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; } -.sidebar-reversed .sidebar-button::after { - display: none; +.card img { + aspect-ratio: 4/3; } -.sidebar-reversed .sidebar-button::before { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +.card .card-image { + width: 100%; + background-size: cover !important; + background-position: center !important; + height: 100%; + aspect-ratio: 2/3; } -.sidebar-reversed .sidebar-button::before:hover { - color: white; +@media (max-width: 768px) { + .card .card-image { + aspect-ratio: 1/1; + } } -.sidebar-reversed .sidebar-button:hover::after { - display: none; +.card.elevated { + background: var(--surface); } -.sidebar-reversed .sidebar-button:hover::before { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +.card.elevated .card-actions { + background: var(--surface); } -.sidebar-caret .sidebar-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e"); +.masonry-card .card-header { + color: var(--on-surface); + background-color: var(--surface-2); + padding: 1rem; + border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; } -.sidebar-caret .sidebar-button::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e"); +.masonry-card .card-body { + background-color: var(--surface); } -.sidebar-caret .sidebar-button:hover::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e"); +.masonry-card .card-body .card-title { + margin-bottom: 1rem; } - -.sidebar-plus .sidebar-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e"); - transform: none; +.masonry-card .card-body ul, .masonry-card .card-body ol { + margin-bottom: 0; } -.sidebar-plus .sidebar-button::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e"); +.masonry-card .card-actions { + background: var(--surface); } -.sidebar-plus .sidebar-button:hover::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e"); +.masonry-card .list-group:last-child { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } -.sidebar-button-badge, .sidebar-button-badge-round { - font-weight: 500; - margin-right: 0.5rem; - padding: 0.25rem 0.5rem; -} +/* +.list-card { + .card-body { + background-color: var(--surface-1); + padding: 1.5rem; -.sidebar-button-container { - width: inherit; -} + .card-title { + font-weight: 900; + margin-bottom: 1rem; + } -.sidebar-button-text { - margin-bottom: 0; -} + .card-text { + margin-bottom: 1rem; + } + } -.sidebar-button-badge-round { - padding: 0.25rem; -} + .list-group { + background-color: var(--surface); + + .list-group-item { + background-color: var(--surface); + padding: 0.75rem 1.5rem; + a { + margin: 0 0.5rem; + + &:first-child { + margin-left: 0; + } + &:last-child { + margin-right: 0; + } + } + + i + a { + margin-left: 0; + } + + &.border-0 { + &:last-child { + margin-bottom: 0.5rem; + } + } + } + } +} */ .tab-text:hover, .nav-pills .nav-link:hover, .nav-tabs .nav-item .nav-link:hover { color: var(--on-background); background-color: var(--surface); diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 7e49eacd2ac1..6fc48065b3fa 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/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/_accordion.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_card.scss","../../scss/_dropdown.scss","../../scss/_footer.scss","../../scss/_form-control.scss","../../scss/_header.scss","../../scss/_list.scss","../../scss/_offcanvas.scss","../../scss/_select.scss","../../scss/_sidebar.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;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,OEjGA;;AFoGF;EACE,OErGA;;AFyGN;EACE,OEzBI;;;AF6BR;EACE,kBEtCS;;;AF2CT;EACE,OErHI;EFsHJ;;AAEA;EAEE,OE1HE;EF2HF;;;AAKN;AGhIA;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;;;ACnFF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACXA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;;AAGF;EACE;;AAMA;EACE;EACA;AAAkB;EAClB;EACA;;AAGJ;EACE;EACA;AAAkB;EAClB;EACA;;AAKF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;AAAkB;EAClB;EACA;;;AC1FV;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACzQA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAIA;EACE;;;AChFV;AA6DE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA5DA;EACE;EAEA;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;AAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;;AAMN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEF;EAEE;EACA;;;ACvDP;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;;AAEA;EAHD;IAIE;IACA;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;EACC;EACA;;AAEA;EAJD;IAKE;;;;AChCH;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;;ACrBJ;EACE;;AAEA;EAHF;IAII;IACA;;;AAGA;EADF;IAEI;;;AAKF;EADF;IAEI;IACA;IACA;IACA;;;;AAYN;EAGE;;AAKE;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;EACA;;;AAIA;EADF;IAEI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACrHF;EAEE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAGF;EACE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AASJ;EACE;;;AAKF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;;;AC9IJ;EACE;;;AAGF;EACE;EACA;;;ACNF;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACnCF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EAGA;;AAIJ;EACE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;;AACA;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;;AASR;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;EAGE;;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EAGA;;AAIJ;EACE;;AAGF;EACE;;AAGA;EACE;;AAKF;EACE;;AAEF;EACE;;;AAWF;EACE;;AAKJ;EACE;;AAMA;EACE;;;AAWF;EACE;EAGA;;AAGJ;EACE;;AAMA;EACE;;;AAQR;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;;;AC3OA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list-group {\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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 &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n * {\n display: block;\n }\n \n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n\n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/pdis-design-system.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_list.scss","../../scss/_card.scss","../../scss/_tabs.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;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;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,OEzFA;;AF4FF;EACE,OE7FA;;AFiGN;EACE,OEjBI;;;AFqBR;EACE,kBE9BS;;;AFmCT;EACE,OE7GI;EF8GJ;;AAEA;EAEE,OElHE;EFmHF;;;AAKN;AGxHA;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;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;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;;;ACLJ;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;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACxQE;EAEE;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;ACvEA;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;;AAGF;EAEE;;AAMJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;;AAEA;EACE;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAGF;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;;AAIN;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACtFE;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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","$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;",".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});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","@use \"sass:map\";\n@import \"variables\";\n\n@import \"root\";\n@import \"general\";\n@import \"typography\";\n@import \"utilities\";\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\";",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 1rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\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-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\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: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ 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 8b3d5f520a89..c275879d8ed1 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.image{width:100%;padding-bottom:75%;background-size:cover!important;background-position:center!important;height:100%}.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,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.sidebar-button-badge,.sidebar-button-badge-round,.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-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.sidebar-button-badge-round:disabled,.sidebar-button-badge:disabled,.tab-text:disabled{color:var(--outline)}.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-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)}.body-text,.list-group .list-group-item{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.body-text:disabled,.list-group .list-group-item:disabled{color:var(--outline)}.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)}.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)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.accordion .accordion-button::after{color:var(--brand);background-image:none;content:"\f64d";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f63b";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button:active{box-shadow:none!important}.accordion .accordion-button:focus{box-shadow:none!important}.accordion .accordion-button-chevron:not(.collapsed)::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .accordion-button-chevron::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-body{padding-left:3rem}.accordion .second-layer .accordion-button{padding-left:3rem}.accordion .second-layer .accordion-button::after{color:var(--brand);background-image:none;content:"\f4fd";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f2e9";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron{padding-left:3rem}.accordion .second-layer .accordion-button-chevron::after{color:var(--brand);background-image:none;content:"\f22c";font-family:bootstrap-icons;text-align:center}.accordion .second-layer .accordion-button-chevron:not(.collapsed){background-color:var(--brand);color:var(--on-brand)}.accordion .second-layer .accordion-button-chevron:not(.collapsed)::after{color:var(--on-brand);background-image:none;content:"\f229";font-family:bootstrap-icons;text-align:center}.badge,.sidebar-button-badge,.sidebar-button-badge-round{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child,.sidebar-button-badge-round:first-child,.sidebar-button-badge:first-child{margin-left:0}.badge:last-child,.sidebar-button-badge-round:last-child,.sidebar-button-badge:last-child{margin-right:0}.badge-numerical.sidebar-button-badge,.badge-numerical.sidebar-button-badge-round,.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat,.bg-secondary-flat.sidebar-button-badge,.bg-secondary-flat.sidebar-button-badge-round{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-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge,.btn .sidebar-button-badge,.btn .sidebar-button-badge-round{top:0;margin:0 .25rem}.btn .badge:first-child,.btn .sidebar-button-badge-round:first-child,.btn .sidebar-button-badge:first-child{margin-left:0}.btn .badge:last-child,.btn .sidebar-button-badge-round:last-child,.btn .sidebar-button-badge:last-child{margin-right:0}.card{background:var(--surface);border:1px solid var(--outline)}.card .card-header{color:var(--on-surface);background-color:var(--surface-variant);font-weight:500;padding:1rem 1.5rem 1rem 1.5rem}.card .card-body{padding:1rem 1.5rem 1.5rem 1.5rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:1rem;font-weight:500}.card .card-body .card-text{color:var(--on-surface-variant)}.text-card .card-body{padding:1.5rem}.text-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.text-card .card-body .card-text{margin-bottom:0}.list-card .card-body{background-color:var(--surface-1);padding:1.5rem}.list-card .card-body .card-title{font-weight:900;margin-bottom:1rem}.list-card .card-body .card-text{margin-bottom:1rem}.list-card .list-group{background-color:var(--surface)}.list-card .list-group .list-group-item{background-color:var(--surface);padding:.75rem 1.5rem}.list-card .list-group .list-group-item a{margin:0 .5rem}.list-card .list-group .list-group-item a:first-child{margin-left:0}.list-card .list-group .list-group-item a:last-child{margin-right:0}.list-card .list-group .list-group-item i+a{margin-left:0}.list-card .list-group .list-group-item.border-0:last-child{margin-bottom:.5rem}.dropdown .dropdown-toggle{color:var(--on-surface);text-decoration:underline;font-weight:500}.dropdown .dropdown-toggle::after{background-image:none;content:"\f282";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-toggle:hover{color:var(--information)}.dropdown .dropdown-toggle:active,.dropdown .dropdown-toggle:focus{background-color:var(--accent-flat);box-shadow:none!important}.dropdown .dropdown-toggle:active::after,.dropdown .dropdown-toggle:focus::after{background-image:none;content:"\f286";font-family:bootstrap-icons;text-align:center;display:inline-block;margin-left:1rem;vertical-align:bottom;border:0}.dropdown .dropdown-menu{border-radius:0;background-color:var(--surface)}.dropdown .dropdown-menu .dropdown-item{color:var(--information)}.dropdown .dropdown-menu .dropdown-item:hover{color:var(--information-strong);background-color:none}.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus{color:var(--on-information-flat);background-color:var(--accent-flat)}footer .nav{justify-content:flex-end}@media (max-width:992px){footer .nav{flex-direction:column}}footer .top-nav{justify-content:center}@media (max-width:992px){footer .top-nav{flex-direction:row;justify-content:start}}footer .accessibility-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .accessibility-container{text-align:start}}footer .social-container{margin:1rem .5rem 1rem .75rem;text-align:end}@media (max-width:992px){footer .social-container{text-align:start}}.form-control{color:var(--outline);background-color:var(--surface);border:1px solid var(--outline)}.form-control:focus{color:var(--on-surface);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-control:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--surface-variant)}.input-group .input-group-text{color:var(--bs-white);background-color:var(--brand);border:1px solid var(--outline)}.navbar{background-color:var(--surface)}@media (max-width:768px){.navbar{padding-top:0;padding-bottom:0}}@media (max-width:768px){.navbar .container{padding-right:0}}@media (max-width:768px){.navbar .navbar-brand{padding-top:0;padding-right:0;margin-top:.5rem;margin-bottom:.5rem}}.navbar-toggler{border-radius:0}.navbar-toggler:active .navbar-toggler-icon,.navbar-toggler:focus .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler:active .navbar-toggler-icon::before,.navbar-toggler:focus .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler:active .navbar-toggler-icon::after,.navbar-toggler:focus .navbar-toggler-icon::after{margin-left:.25rem;content:"關閉";vertical-align:middle}.navbar-toggler.collapsed{background:var(--bs-primary)!important}.navbar-toggler.collapsed .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler.collapsed .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler.collapsed .navbar-toggler-icon::after{margin-left:.25rem;content:"選單";vertical-align:middle}.navbar-toggler .navbar-toggler-icon{background-image:none;width:auto;font-size:1rem}.navbar-toggler .navbar-toggler-icon::before{content:url("data:image/svg+xml; utf8, ");vertical-align:middle}.navbar-toggler .navbar-toggler-icon::after{content:"選單";margin-left:.25rem;vertical-align:middle}.navbar-title{margin-bottom:0;margin-left:.5rem}@media (max-width:768px){.searching{margin-top:1rem;margin-bottom:1rem}}.hot-searching{margin-left:.5rem;margin-right:.5rem}.nav-social-container{margin:1rem}.nav-social-icon{margin-left:.125rem;margin-right:.125rem;padding:.125rem .35rem}.nav-social-icon:first-child{margin-left:0}.nav-social-icon:last-child{margin-right:0}.list-group .list-group-item{display:flex;align-items:center;border:none}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem}.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:active,.list-group .list-group-item:focus,.list-group .list-group-item:hover{background-color:var(--surface)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.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:none;border-radius:.5rem}.list-group.twoline *{display:block}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0}.list .list-item{display:block;margin:0;padding:.5rem 0}.list .list-item i{margin-right:.5rem}.list .list-item-subheader{display:inline;margin-left:.5rem;color:#6b6b6b}.list .list-item-bottom-border{border:1px solid rgba(0,0,0,.125);border-width:0 0 1px}.list .list-item-link{margin-left:.5rem}.list .list-item-ordered,.list .list-item-twoline-ordered{display:list-item;margin:0 1.25rem}.list .list-item-twoline *,.list .list-item-twoline-ordered *{display:block;margin-left:0}.list .nested-list{padding:0 1rem}.time-list .list-item{display:flex}.time-list .list-item-subheader{display:block;margin:0;color:#6b6b6b}.time-list .list-item-multiline{display:block}.time-list .list-item-date{margin-right:.5rem;min-width:fit-content}.time-list .list-item-content{overflow:hidden}.offcanvas-home{text-decoration:none}.offcanvas-title{display:inline;text-decoration:underline}.form-select{color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline)}.form-select:hover{background-color:var(--surface-1);border:1px solid var(--outline)}.form-select:active,.form-select:focus{background-color:var(--surface-1);border:1px solid var(--outline);box-shadow:0 0 0 2px var(--brand-flat-strong)}.form-select:disabled{color:var(--surface-variant);background-color:var(--surface);border:1px solid var(--outline);box-shadow:none!important}option{background:var(--surface);color:var(--on-surface)!important}optgroup{background:var(--surface);color:var(--on-surface-variant)!important;font-weight:400!important;font-size:16px!important}.sidebar-button{font-weight:500}.sidebar-button:active{box-shadow:none!important}.sidebar-button:focus{box-shadow:none!important}.sidebar-button:not(.collapsed){color:var(--brand);background-color:var(--bs-white)}.sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button::after:hover{color:#fff}.sidebar-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-button.sidebar-second-layer-button{padding-left:2rem;background-color:var(--bs-gray-100);border:0}.sidebar-button.sidebar-second-layer-button:hover{z-index:2;background-color:var(--brand);color:#fff}.sidebar-button.sidebar-second-layer-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-header{margin-bottom:0}.sidebar-body{padding:1rem 1.25rem}.sidebar-second-layer{border-top:solid;border-bottom:solid;border-width:thin;border-color:var(--brand)}.sidebar-link{padding-left:3rem;color:var(--brand);text-decoration:underline;font-weight:500;border:0}.sidebar-link:active{background-color:var(--accent-flat);color:var(--brand-strong)}.sidebar-link:hover{z-index:1;color:var(--brand-strong);text-decoration:underline;background-color:#fff}.sidebar-link:focus{color:var(--brand-strong);text-decoration:underline}.sidebar-link:visited{color:var(--accent-strong)}.active.sidebar-link{color:var(--brand-strong);background-color:var(--accent-flat);border-left:solid;padding-left:calc(3rem - 3px)}.sidebar-dense .sidebar-button,.sidebar-dense .sidebar-link,.sidebar-dense .sidebar-second-layer-button{height:2.5rem}.sidebar-reversed .sidebar-button::before{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c5ab4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem}.sidebar-reversed .sidebar-button:not(.collapsed)::after{display:none}.sidebar-reversed .sidebar-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(90deg)}.sidebar-reversed .sidebar-button::after{display:none}.sidebar-reversed .sidebar-button::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-reversed .sidebar-button::before:hover{color:#fff}.sidebar-reversed .sidebar-button:hover::after{display:none}.sidebar-reversed .sidebar-button:hover::before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-caret .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3e%3cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230969a2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");transform:none}.sidebar-plus .sidebar-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-plus .sidebar-button:hover::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e")}.sidebar-button-badge,.sidebar-button-badge-round{font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.sidebar-button-container{width:inherit}.sidebar-button-text{margin-bottom:0}.sidebar-button-badge-round{padding:.25rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .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)}.nav-pills .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}.nav-pills .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-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.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)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.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-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)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.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}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} +@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}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-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,.btn,.button-text,.label-text,.nav-pills .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-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.tab-text:disabled{color:var(--outline)}.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-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)}.body-text,.card .card-body .card-text,.list-group .list-group-item{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.body-text:disabled,.card .card-body .card-text:disabled,.list-group .list-group-item:disabled{color:var(--outline)}.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)}.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,.masonry-card .card-header,.title-text{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.625rem;color:var(--on-background)}.card .card-body .card-title:disabled,.masonry-card .card-header:disabled,.title-text: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)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.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}.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-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px 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.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.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{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.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{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.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{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.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{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.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{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.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{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.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{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge{top:0;margin:0 .25rem}.btn .badge:first-child{margin-left:0}.btn .badge:last-child{margin-right:0}.list-group .list-group-item{display:flex;align-items:center;border:none;padding:1rem}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem}.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:active,.list-group .list-group-item:focus,.list-group .list-group-item:hover{background-color:var(--surface)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.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:none;border-radius:.5rem}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0}.card{border:1px solid var(--outline);border-radius:.5rem}.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)}.card .card-actions{padding:1rem}.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:2/3}@media (max-width:768px){.card .card-image{aspect-ratio:1/1}}.card.elevated{background:var(--surface)}.card.elevated .card-actions{background:var(--surface)}.masonry-card .card-header{color:var(--on-surface);background-color:var(--surface-2);padding:1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.masonry-card .card-body{background-color:var(--surface)}.masonry-card .card-body .card-title{margin-bottom:1rem}.masonry-card .card-body ol,.masonry-card .card-body ul{margin-bottom:0}.masonry-card .card-actions{background:var(--surface)}.masonry-card .list-group:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .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)}.nav-pills .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}.nav-pills .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-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.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)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.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-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)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.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}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.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)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.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} /*# 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 85fe2fd5fe98..c6b385896d4a 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\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_accordion.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_dropdown.scss","..\\..\\scss\\_footer.scss","..\\..\\scss\\_form-control.scss","..\\..\\scss\\_header.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_offcanvas.scss","..\\..\\scss\\_select.scss","..\\..\\scss\\_sidebar.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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.image {\n width: 100%;\n padding-bottom: 75%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\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","$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;",".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}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".accordion {\n .accordion-button {\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F64D\"; /* plus */\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: \"\\F63B\"; /* dash */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\n }\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\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 .second-layer {\n .accordion-body {\n padding-left: 3rem;\n }\n\n .accordion-button {\n padding-left: 3rem;\n &::after { \n color: var(--brand);\n background-image: none;\n content: \"\\F4FD\"; /* plus-square */\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: \"\\F2E9\"; /* dash-square */\n font-family: \"bootstrap-icons\";\n text-align: center;\n }\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",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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} */",".card {\n background: var(--surface);\n border: 1px solid var(--outline);\n\n .card-header {\n color: var(--on-surface);\n background-color: var(--surface-variant);\n font-weight: 500;\n padding: 1rem 1.5rem 1rem 1.5rem;\n }\n\n .card-body {\n padding: 1rem 1.5rem 1.5rem 1.5rem;\n\n .card-title {\n color: var(--on-surface);\n margin-bottom: 1rem;\n font-weight: 500;\n }\n \n .card-text {\n color: var(--on-surface-variant);\n }\n }\n}\n\n.text-card {\n .card-body {\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 0;\n }\n }\n}\n\n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n}",".dropdown {\n .dropdown-toggle {\n color: var(--on-surface);\n //background-color: var(--surface);\n text-decoration: underline;\n font-weight: 500;\n\n &::after {\n background-image: none;\n content: \"\\F282\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n\n &:hover {\n color: var(--information);\n }\n\n &:active,\n &:focus {\n background-color: var(--accent-flat);\n box-shadow: none !important;\n\n &::after {\n background-image: none;\n content: \"\\F286\"; /* Chevron down */\n font-family: \"bootstrap-icons\";\n text-align: center;\n display: inline-block;\n margin-left: 1rem;\n vertical-align: bottom;\n border: 0;\n \n }\n }\n }\n\n .dropdown-menu {\n border-radius: 0;\n background-color: var(--surface);\n \n .dropdown-item {\n color: var(--information);\n\n &:hover {\n color: var(--information-strong);\n background-color: none;\n }\n &:active,\n &:focus {\n color: var(--on-information-flat);\n background-color: var(--accent-flat);\n }\n }\n }\n\n /* .dropdown-btn {\n &:active,\n &:focus {\n color: var(--bs-secondary-light);\n background-color: var(--bs-primary);\n }\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",".form-control {\n color: var(--outline);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n &:focus {\n color: var(--on-surface);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--surface-variant);\n }\n}\n\n.input-group {\n .input-group-text {\n color: var(--bs-white);\n background-color: var(--brand);\n border: 1px solid var(--outline);\n }\n}\n",".navbar {\n background-color: var(--surface);\n \n @media (max-width: 768px) {\n padding-top: 0;\n padding-bottom: 0;\n }\n .container { \n @media (max-width: 768px) {\n padding-right: 0;\n }\n }\n\n .navbar-brand {\n @media (max-width: 768px) {\n padding-top: 0;\n padding-right: 0;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n}\n\n.navbar-nav {\n .nav-link \n {\n //color: var(--bs-primary) !important;\n }\n}\n\n.navbar-toggler {\n // background: var(--bs-primary) !important;\n // color: white !important;\n border-radius: 0;\n\n &:active,\n &:focus {\n //background: var(--bs-primary-dark) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"關閉\";\n vertical-align: middle;\n }\n }\n }\n\n &.collapsed {\n background: var(--bs-primary) !important;\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n margin-left: 0.25rem;\n content: \"選單\";\n vertical-align: middle;\n }\n }\n }\n\n .navbar-toggler-icon {\n background-image: none;\n width: auto;\n font-size: 1rem;\n &::before {\n content: url(\"data:image/svg+xml; utf8, \");\n vertical-align: middle;\n }\n &::after {\n content: \"選單\";\n margin-left: 0.25rem;\n vertical-align: middle;\n }\n }\n}\n\n.navbar-title {\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.searching {\n @media (max-width: 768px) {\n margin-top: 1rem;\n margin-bottom: 1rem;\n }\n}\n\n.hot-searching {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.nav-social-container {\n margin: 1rem;\n}\n\n.nav-social-icon {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n padding: 0.125rem 0.35rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}",".list-group {\n\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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 &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n * {\n display: block;\n }\n \n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n\n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n",".offcanvas-home {\n text-decoration: none;\n}\n\n.offcanvas-title {\n display: inline;\n text-decoration: underline;\n}",".form-select {\n color: var(--on-surface);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n\n \n &:hover {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n }\n\n &:active,\n &:focus {\n background-color: var(--surface-1);\n border: 1px solid var(--outline);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n &:disabled {\n color: var(--surface-variant);\n background-color: var(--surface);\n border: 1px solid var(--outline);\n box-shadow: none !important;\n }\n}\n\noption {\n background: var(--surface);\n color: var(--on-surface) !important;\n}\n\noptgroup {\n background: var(--surface);\n color: var(--on-surface-variant) !important;\n font-weight: normal !important;\n font-size: 16px !important;\n}",".sidebar-button {\n font-weight: 500;\n\n &:active {\n box-shadow: none !important;\n }\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(.collapsed) {\n color: var(--brand);\n background-color: var(--bs-white);\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n\n &.sidebar-second-layer-button {\n padding-left: 2rem;\n background-color: var(--bs-gray-100);\n border: 0;\n\n &:hover {\n z-index: 2;\n background-color: var(--brand);\n color: white;\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n\n}\n\n.sidebar-header {\n margin-bottom: 0;\n}\n\n.sidebar-body {\n padding: 1rem 1.25rem;\n}\n\n.sidebar-second-layer {\n border-top: solid;\n border-bottom: solid;\n border-width: thin;\n border-color: var(--brand);\n}\n\n.sidebar-link {\n padding-left: 3rem;\n color: var(--brand);\n text-decoration: underline;\n font-weight: 500;\n border: 0;\n &:active {\n background-color: var(--accent-flat);\n color: var(--brand-strong);\n }\n &:hover {\n z-index: 1;\n color: var(--brand-strong);\n text-decoration: underline;\n background-color: white;\n }\n &:focus {\n color: var(--brand-strong);\n text-decoration: underline;\n }\n\n &:visited {\n color: var(--accent-strong);\n }\n}\n\n.active.sidebar-link {\n color: var(--brand-strong);\n background-color: var(--accent-flat);\n border-left: solid;\n padding-left: calc(3rem - 3px);\n}\n\n.sidebar-dense {\n .sidebar-button,\n .sidebar-second-layer-button,\n .sidebar-link {\n height: 2.5rem;\n }\n}\n\n.sidebar-reversed {\n .sidebar-button {\n &::before {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 0.5rem;\n content: \"\";\n background-image: escape-svg(url(\"data:image/svg+xml,\"));\n background-repeat: no-repeat;\n background-size: 1.25rem;\n }\n\n &:not(.collapsed) {\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: rotate(90deg);\n }\n }\n\n &::after {\n display: none;\n }\n\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n &:hover {\n color: white;\n }\n }\n\n &:hover {\n &::after {\n display: none;\n }\n &::before {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-caret {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-plus {\n .sidebar-button {\n &:not(.collapsed) {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n transform: none;\n }\n }\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n\n &:hover {\n &::after {\n background-image: escape-svg(\n url(\"data:image/svg+xml,\")\n );\n }\n }\n }\n}\n\n.sidebar-button-badge {\n @extend .badge;\n font-weight: 500;\n margin-right: 0.5rem;\n padding: 0.25rem 0.5rem;\n}\n\n.sidebar-button-container {\n width: inherit;\n}\n\n.sidebar-button-text {\n margin-bottom: 0;\n}\n\n.sidebar-button-badge-round {\n @extend .sidebar-button-badge;\n padding: 0.25rem;\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_tabs.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 color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\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","$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;",".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});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".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-collections {\n margin-bottom: 1rem;\n}",".button-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);\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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px 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 @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, &: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) !important;\n }\n \n &:disabled {\n color: var(--outline);\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, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\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, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px 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 .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 1rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\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, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\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: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\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-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\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: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\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);\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.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);\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.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);\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\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\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\n // &:hover {\n // background-color: var(--surface);\n // }\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 }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\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}\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}"]} \ No newline at end of file diff --git a/scss/_card.scss b/scss/_card.scss index 9215014b65ec..356e2711e3a8 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -1,44 +1,93 @@ .card { - background: var(--surface); border: 1px solid var(--outline); - - .card-header { - color: var(--on-surface); - background-color: var(--surface-variant); - font-weight: 500; - padding: 1rem 1.5rem 1rem 1.5rem; - } + border-radius: 0.5rem; .card-body { - padding: 1rem 1.5rem 1.5rem 1.5rem; + padding: 1rem; .card-title { + @extend .title-text; color: var(--on-surface); - margin-bottom: 1rem; - font-weight: 500; + margin-bottom: 0; } .card-text { + @extend .body-text; color: var(--on-surface-variant); + //margin-bottom: 1rem; + } + + } + + .card-actions { + padding: 1rem + } + + .card-img-top { + border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; + } + + img { + aspect-ratio: 4 / 3; + } + + .card-image { + width: 100%; + background-size: cover !important; + background-position: center !important; + height: 100%; + aspect-ratio: 2/3; + + @media (max-width: 768px) { + aspect-ratio: 1/1; + } + } + + &.elevated { + background: var(--surface); + + .card-actions { + background: var(--surface); } } } -.text-card { +.masonry-card { + .card-header { + @extend .title-text; + color: var(--on-surface); + background-color: var(--surface-2); + padding: 1rem; + border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; + } + .card-body { - padding: 1.5rem; + background-color: var(--surface); .card-title { - font-weight: 900; + @extend .heading-text; margin-bottom: 1rem; } - - .card-text { + + ul, ol { margin-bottom: 0; } } -} + .card-actions { + background: var(--surface); + } + + .list-group { + &:last-child { + border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + } +} +/* .list-card { .card-body { background-color: var(--surface-1); @@ -83,4 +132,4 @@ } } } -} \ No newline at end of file +} */ \ No newline at end of file diff --git a/scss/_general.scss b/scss/_general.scss index b7ee41182e81..b50e75fb1611 100644 --- a/scss/_general.scss +++ b/scss/_general.scss @@ -34,14 +34,6 @@ a { } } -.image { - width: 100%; - padding-bottom: 75%; - background-size: cover !important; - background-position: center !important; - height: 100%; -} - .icon { margin-right: 0.5rem; } diff --git a/scss/_list.scss b/scss/_list.scss index 7ed2efa4dac0..e18d124d0094 100644 --- a/scss/_list.scss +++ b/scss/_list.scss @@ -1,10 +1,10 @@ .list-group { - .list-group-item { @extend .body-text; display: flex; align-items: center; border: none; + padding: 1rem; .list-group-item-subheader { @extend .body-text-sm; @@ -26,6 +26,10 @@ } } + a { + text-decoration: none; + } + &:hover, &:focus, &:active { background-color: var(--surface); } @@ -65,7 +69,7 @@ } } - +/* .list { .list-item { display: block; @@ -140,3 +144,4 @@ } } + */ \ No newline at end of file diff --git a/scss/_typography.scss b/scss/_typography.scss index ad487a762764..4e411622e527 100644 --- a/scss/_typography.scss +++ b/scss/_typography.scss @@ -81,6 +81,79 @@ letter-spacing: 0.75px; color: var(--on-background); + &:disabled { + color: var(--outline); + } +} + +.title-text { + font-style: normal; + font-weight: 500; + font-size: 1.125rem; + line-height: 1.625rem; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} + +.title-text-sm { + font-style: normal; + font-weight: 500; + font-size: 1rem; + line-height: 1.5rem; + letter-spacing: 0.1px; + color: var(--on-background); + + &: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); + + &:disabled { + color: var(--outline); + } +} + +.heading-text { + font-style: normal; + font-weight: 400; + font-size: 1.75rem; + line-height: 2.25rem; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} + +.heading-text-sm { + font-style: normal; + font-weight: 400; + font-size: 1.5rem; + line-height: 2rem; + color: var(--on-background); + + &:disabled { + color: var(--outline); + } +} + +.heading-text-lg { + font-style: normal; + font-weight: 400; + font-size: 2rem; + line-height: 2.5rem; + color: var(--on-background); + &:disabled { color: var(--outline); } diff --git a/scss/pdis-design-system.scss b/scss/pdis-design-system.scss index 63d5350d793b..092568d6045c 100644 --- a/scss/pdis-design-system.scss +++ b/scss/pdis-design-system.scss @@ -6,7 +6,7 @@ @import "typography"; @import "utilities"; -@import "accordion"; +/* @import "accordion"; @import "badge"; @import "button"; @import "card"; @@ -18,5 +18,10 @@ @import "offcanvas"; @import "select"; @import "sidebar"; -@import "tabs"; +@import "tabs"; */ +@import "badge"; +@import "button"; +@import "list"; +@import "card"; +@import "tabs"; \ No newline at end of file diff --git a/site/content/docs/components/card.md b/site/content/docs/components/card.md index 0c33c6210f69..25028f4faf26 100644 --- a/site/content/docs/components/card.md +++ b/site/content/docs/components/card.md @@ -49,14 +49,92 @@ group: components
            - ... + ...
            -
            標題文字
            -

            此部分為卡片之內文。

            +
            標題文字
            +
            此部分為卡片之內文部分文字或副標題內容
            +
            +
            + +
            +
            +
            +
            + + +
            +
            +
            +
            +
            +
            +
            +
            +
            +
            標題文字
            +
            此部分為卡片之內文部分文字或副標題內容
            +
            +
            + +
            +
            +
            +
            +
            +
            +
            +
            +
            +
            +
            服務項目類別
            +
            +
            標題
            +
            卡片內文或補充說明。 +
              +
            1. 文字列表
              2. +
            2. 文字列表
              3. +
            +
            +
            + +
            +
            +
            +
            +
            +
            +
            服務項目類別
            +
            +
            標題
            +
            卡片內文或補充說明。 +
              +
            1. 文字列表
              2. +
            2. 文字列表
              3. +
            +
            +
            +
            + +
            + +
            +
            +
            + {{< /example >}}