@charset "UTF-8";
/* -------------------------------------------------------------
 * Variables (custom properties)
 * ------------------------------------------------------------- */
:root {
  --duration--default: 0.15s;
  --duration--carousel: 0.6s;
  --timing-function--default: ease-in-out;
}

:root {
  --color-palette--lightest-green: 60,255,218;
  --color-palette--lighter-green: 131,221,204;
  --color-palette--light-green: 20,181,150;
  --color-palette--green: 36,131,112;
  --color-palette--dark-green: 15,78,66;
  --color-palette--darker-green: 9,62,52;
  --color-palette--light-alt-green: 29,170,162;
  --color-palette--alt-green: 13,130,124;
  --color-palette--light-teal: 17,212,177;
  --color-palette--teal: 70,175,190;
  --color-palette--dark-teal: 27,146,170;
  --color-palette--blue: 70,102,175;
  --color-palette--red: 244,113,92;
  --color-palette--white: 255,255,255;
  --color-palette--light-gray: 228,228,228;
  --color-palette--gray: 196,196,196;
  --color-palette--lighter-hksarg-blue: 131,189,221;
  --color-palette--dark-hksarg-blue: 15,52,78;
  --color-palette--dark: var(--color-palette--dark-green);
  --color-palette--darker: var(--color-palette--darker-green);
  --color-palette--light: var(--color-palette--white);
  --color-palette--bg-light: 222,236,233;
  --color-palette--bg-light-darker: 195,217,211;
  --color-palette--bg-dark: var(--color-palette--dark-green);
  --color-palette--bg-darker: var(--color-palette--darker-green);
  --color-palette--fg-dark: var(--color-palette--dark-green);
  --color-palette--fg-darker: var(--color-palette--darker-green);
  --color-palette--link: var(--color-palette--alt-green);
  --color-palette--border: var(--color-palette--light-gray);
  --color-palette--bg--site-footer: var(--color-palette--alt-green);
  --color-palette--bg--site-overlay: 138,138,138;
  --color-palette--bg--page--header: var(--color-palette--bg-light);
  --color-palette--page--header: var(--color-palette--darker);
  --color-palette--bg--page-home--sidebar: var(--color-palette--light);
  --color-palette--bg--card-grid--striped: 238,247,245;
  --color-palette--bg--button--active: var(--color-palette--lighter-green);
  --color-palette--button--active: var(--color-palette--darker-green);
  --color-palette--border--form: var(--color-palette--gray);
  --color-palette--border--site-header: 217,217,217;
  --color--lightest-green: rgb(var(--color-palette--lightest-green));
  --color--lighter-green: rgb(var(--color-palette--lighter-green));
  --color--light-green: rgb(var(--color-palette--light-green));
  --color--green: rgb(var(--color-palette--green));
  --color--dark-green: rgb(var(--color-palette--dark-green));
  --color--darker-green: rgb(var(--color-palette--darker-green));
  --color--light-alt-green: rgb(var(--color-palette--light-alt-green));
  --color--alt-green: rgb(var(--color-palette--alt-green));
  --color--light-teal: rgb(var(--color-palette--light-teal));
  --color--teal: rgb(var(--color-palette--teal));
  --color--dark-teal: rgb(var(--color-palette--dark-teal));
  --color--blue: rgb(var(--color-palette--blue));
  --color--red: rgb(var(--color-palette--red));
  --color--white: rgb(var(--color-palette--white));
  --color--light-gray: rgb(var(--color-palette--light-gray));
  --color--gray: rgb(var(--color-palette--gray));
  --color--lighter-hksarg-blue: rgb(var(--color-palette--lighter-hksarg-blue));
  --color--dark-hksarg-blue: rgb(var(--color-palette--dark-hksarg-blue));
  --color--dark: rgb(var(--color-palette--dark));
  --color--darker: rgb(var(--color-palette--darker));
  --color--light: rgb(var(--color-palette--light));
  --color--bg-light: rgb(var(--color-palette--bg-light));
  --color--bg-light-darker: rgb(var(--color-palette--bg-light-darker));
  --color--bg-dark: rgb(var(--color-palette--bg-dark));
  --color--bg-darker: rgb(var(--color-palette--bg-darker));
  --color--fg-dark: rgb(var(--color-palette--fg-dark));
  --color--fg-darker: rgb(var(--color-palette--fg-darker));
  --color--link: rgb(var(--color-palette--link));
  --color--border: rgb(var(--color-palette--border));
  --color--bg--site-footer: rgb(var(--color-palette--bg--site-footer));
  --color--bg--site-overlay: rgb(var(--color-palette--bg--site-overlay));
  --color--bg--page--header: rgb(var(--color-palette--bg--page--header));
  --color--page--header: rgb(var(--color-palette--page--header));
  --color--bg--page-home--sidebar: rgb(var(--color-palette--bg--page-home--sidebar));
  --color--bg--card-grid--striped: rgb(var(--color-palette--bg--card-grid--striped));
  --color--bg--button--active: rgb(var(--color-palette--bg--button--active));
  --color--button--active: rgb(var(--color-palette--button--active));
  --color--border--form: rgb(var(--color-palette--border--form));
  --color--border--site-header: rgb(var(--color-palette--border--site-header));
}

.hksarg {
  --color-palette--bg-light: 222,229,236;
  --color-palette--bg-light-darker: 208,218,227;
  --color-palette--bg-dark: var(--color-palette--dark-hksarg-blue);
  --color-palette--bg-darker: var(--color-palette--dark-hksarg-blue);
  --color-palette--fg-dark: var(--color-palette--dark-hksarg-blue);
  --color-palette--fg-darker: var(--color-palette--dark-hksarg-blue);
  --color-palette--bg--site-footer: var(--color-palette--dark-hksarg-blue);
  --color-palette--bg--page--header: var(--color-palette--dark-hksarg-blue);
  --color-palette--page--header: var(--color-palette--light);
  --color-palette--bg--page-home--sidebar: 233,239,246;
  --color-palette--bg--card-grid--striped: 221,232,238;
  --color-palette--button--active: var(--color-palette--dark-hksarg-blue);
  --color--bg-light: rgb(var(--color-palette--bg-light));
  --color--bg-light-darker: rgb(var(--color-palette--bg-light-darker));
  --color--bg-dark: rgb(var(--color-palette--bg-dark));
  --color--bg-darker: rgb(var(--color-palette--bg-dark));
  --color--fg-dark: rgb(var(--color-palette--fg-dark));
  --color--fg-darker: rgb(var(--color-palette--fg-darker));
  --color--bg--site-footer: rgb(var(--color-palette--bg--site-footer));
  --color--bg--page--header: rgb(var(--color-palette--bg--page--header));
  --color--page--header: rgb(var(--color-palette--page--header));
  --color--bg--page-home--sidebar: rgb(var(--color-palette--bg--page-home--sidebar));
  --color--bg--card-grid--striped: rgb(var(--color-palette--bg--card-grid--striped));
  --color--button--active: rgb(var(--color-palette--button--active));
}

:root {
  --dvh: 1vh;
  --lvh: 1vh;
  --svh: 1vh;
}
@supports (height: 100dvh) {
  :root {
    --dvh: 1dvh;
  }
}
@supports (height: 100lvh) {
  :root {
    --lvh: 1lvh;
  }
}
@supports (height: 100svh) {
  :root {
    --svh: 1svh;
  }
}

:root {
  --height--site-header: 66;
  --z-index--site-header: 1000;
  --z-index--back-to-top: 1000;
  --unit-width--viewport: calc(100vw - calc(1px * var(--width--scrollbar, 0)));
  --unit-width--container: var(--unit-width--viewport);
  --unit-width--container-margin:
  	calc(
  		(
  			var(--unit-width--viewport) -
  			var(--unit-width--container)
  		) / 2
  	);
  --unit-width--max: 999999vmax;
}
@media screen and (min-width: 576px) {
  :root {
    --unit-width--container: 540px;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --height--site-header: 84;
    --unit-width--container: 720px;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --unit-width--container: 960px;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --unit-width--container: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --unit-width--container: 1320px;
  }
}

:root {
  --font-family-subset--en:
  	Helvetica,
  	Arial;
  --font-family-subset--mono--en:
  	"DejaVu Sans Mono",
  	Menlo,
  	Consolas,
  	"Lucida Console";
  --font-family-subset--sans-serif--hk:
  	"思源黑體 香港 VF", "Source Han Sans HC VF",
  	"思源黑體 香港", "Source Han Sans HC",
  	"思源黑體 HK VF", "Source Han Sans HK VF",
  	"思源黑體 HK", "Source Han Sans HK",
  	"Noto Sans CJK HK",
  	"Noto Sans HK",
  	"蘋方-港", "苹方-港", "PingFang HK",
  	"黑體-繁", "黑体-繁", "Heiti TC",
  	"微軟正黑體", "Microsoft JhengHei";
  --font-family-subset--sans-serif--sc:
  	"思源黑体 VF", "Source Han Sans SC VF",
  	"思源黑体", "Source Han Sans SC",
  	"思源黑体 CN VF", "Source Han Sans CN VF",
  	"思源黑体 CN", "Source Han Sans CN",
  	"Noto Sans CJK SC",
  	"Noto Sans SC",
  	"苹方-简", "蘋方-簡", "PingFang SC",
  	"黑体-简", "黑體-簡", "Heiti SC",
  	"微软雅黑", "Microsoft YaHei";
  --font-family-subset--sans-serif--tc:
  	"思源黑體 VF", "Source Han Sans TC VF",
  	"思源黑體", "Source Han Sans TC",
  	"思源黑體 TW VF", "Source Han Sans TW VF",
  	"思源黑體 TW", "Source Han Sans TW",
  	"Noto Sans CJK TC",
  	"Noto Sans TC",
  	"蘋方-繁", "苹方-繁", "PingFang TC",
  	"黑體-繁", "黑体-繁", "Heiti TC",
  	"微軟正黑體", "Microsoft JhengHei";
  --font-family-subset--serif--hk:
  	"思源宋體 香港 VF", "Source Han Serif HC VF",
  	"思源宋體 香港", "Source Han Serif HC",
  	"思源宋體 HK VF", "Source Han Serif HK VF",
  	"思源宋體 HK", "Source Han Serif HK",
  	"Noto Serif CJK HK",
  	"Noto Serif HK",
  	"宋體-繁", "宋体-繁", "Songti TC",
  	"新細明體", PMingLiU;
  --font-family-subset--serif--sc:
  	"思源宋体 VF", "Source Han Serif SC VF",
  	"思源宋体", "Source Han Serif SC",
  	"思源宋体 CN VF", "Source Han Serif CN VF",
  	"思源宋体 CN", "Source Han Serif CN",
  	"Noto Serif CJK SC",
  	"Noto Serif SC",
  	"宋体-简", "宋體-簡", "Songti SC",
  	"宋体", SimSun;
  --font-family-subset--serif--tc:
  	"思源宋體 VF", "Source Han Serif TC VF",
  	"思源宋體", "Source Han Serif TC",
  	"思源宋體 TW VF", "Source Han Serif TW VF",
  	"思源宋體 TW", "Source Han Serif TW",
  	"Noto Serif CJK TC",
  	"Noto Serif TC",
  	"宋體-繁", "宋体-繁", "Songti TC",
  	"新細明體", PMingLiU;
}

:root,
[lang] {
  --font-family-subset--zh: var(--font-family-subset--sans-serif--hk);
}

[lang|=zh i] {
  --font-family-subset--zh: var(--font-family-subset--sans-serif--sc);
}

[lang|=zh-hant i],
[lang|=zh-hk i],
[lang|=zh-tw i] {
  --font-family-subset--zh: var(--font-family-subset--sans-serif--hk);
}

/* -------------------------------------------------------------
 * Base
 * --------------------------------------------------------------*/
/* Page
 * ---------------------------------------------- */
html {
  height: 100%;
}
@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: 6.75rem;
  }
}

body {
  height: 100%;
  overflow-y: scroll;
}

/* Content
 * ---------------------------------------------- */
address,
blockquote,
details,
form,
p,
pre {
  margin: 0;
  margin-bottom: 1.25rem;
}

.h1,
h1 {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.1;
  text-wrap: balance;
  word-break: keep-all;
}

.h2,
h2 {
  font-weight: bold;
}

.h3,
h3 {
  font-weight: bold;
}

.h4,
h4 {
  font-weight: bold;
}

.h5,
h5 {
  font-weight: bold;
}

.h6,
h6 {
  font-weight: bold;
}

a {
  color: var(--color--link);
}

dl,
ol,
ul {
  margin: 0;
  margin-bottom: 1.25rem;
  padding: 0;
}

dd,
ol,
ul {
  padding-left: 1.25rem;
}

dd {
  margin-bottom: 0.625rem;
  margin-right: 0;
  margin-top: 0;
}

li > ol,
li > ul {
  margin-bottom: 0;
}

embed,
iframe,
object,
video {
  max-width: 100%;
}

figure {
  margin: 0;
  margin-bottom: 1.25rem;
}

img {
  max-width: 100%;
}

/* -------------------------------------------------------------
 * Bootstrap overrides/customizations
 * --------------------------------------------------------------*/
:root {
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.25;
  --bs-body-color: var(--color--dark);
  --bs-body-color-rgb: var(--color-palette--dark);
  --bs-link-color: var(--color--link);
  --bs-link-color-rgb: var(--color-palette--link);
  --bs-link-hover-color: var(--color--link);
  --bs-link-hover-color-rgb: var(--color-palette--link);
  --bs-border-color: var(--color--border);
}

:root,
[lang] {
  --bs-font-sans-serif:
  	var(--font-family-subset--en),
  	var(--font-family-subset--zh),
  	sans-serif;
  --bs-font-monospace:
  	var(--font-family-subset--mono--en),
  	var(--font-family-subset--zh),
  	monospace;
}

:root,
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

ul.row {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.table {
  --bs-table-color: var(--color--darker);
  --bs-table-striped-color: var(--color--darker);
  --bs-table-striped-bg: #f0f0f0;
  border-radius: 0.625rem;
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.table > :not(caption) > * > * {
  padding: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .table > :not(caption) > * > * {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.table > :not(caption) > * > th {
  background-color: var(--color--bg-light);
  color: var(--color--fg-darker);
}

.table-striped {
  --bs-table-border-color: var(--color--gray);
}
.table-striped > :not(caption) > * > * {
  border-bottom: 0;
  border-right-width: 0.0625rem;
}
.table-striped > :not(caption) > * > *:last-child {
  border-right: 0;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
}
.table-striped > tbody > tr:nth-of-type(2n) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-responsive {
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table-responsive.faux-overlay-scrollbars {
  overflow-x: var(--faux-overlay-scrollbars--overflow-x);
}

.table-responsive-sm.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 575.98px) {
  .table-responsive-sm {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .table-responsive-sm.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-md.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 767.98px) {
  .table-responsive-md {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .table-responsive-md.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-lg.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 991.98px) {
  .table-responsive-lg {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .table-responsive-lg.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-xl.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 1199.98px) {
  .table-responsive-xl {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .table-responsive-xl.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-xxl.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 1399.98px) {
  .table-responsive-xxl {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .table-responsive-xxl.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.form-control:focus {
  box-shadow: none;
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3e%3cpath fill='%23083e33' d='m0 0 6 6 6-6h-2L6 4 2 0z'/%3e%3c/svg%3e");
  background-position: right 1rem center;
  background-size: auto;
  border-color: var(--color--border--form);
  border-radius: var(--unit-width--max);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-bottom: 0.5625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.5625rem;
}
.form-select:focus {
  border-color: var(--color--link);
  box-shadow: none;
}
@media (any-hover: hover) {
  .form-select:hover {
    border-color: var(--color--link);
  }
}

.btn {
  --bs-btn-border-radius: var(--unit-width--max);
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: bold;
  --bs-btn-line-height: calc(18 / 14);
  --bs-btn-padding-x: 1.6875rem;
  --bs-btn-padding-y: 0.5rem;
}
.btn:focus-visible {
  box-shadow: none;
  outline: auto;
}

.btn-primary,
.btn-secondary,
.btn-light,
.btn-dark,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark {
  --bs-btn-hover-color: var(--color--button--active);
  --bs-btn-hover-bg: var(--color--bg--button--active);
  --bs-btn-hover-border-color: var(--color--bg--button--active);
  --bs-btn-active-color: var(--color--button--active);
  --bs-btn-active-bg: var(--color--bg--button--active);
  --bs-btn-active-border-color: var(--color--bg--button--active);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

.btn-primary {
  --bs-btn-color: var(--color--button--active);
  --bs-btn-bg: var(--color--bg--button--active);
  --bs-btn-border-color: var(--color--bg--button--active);
}

.btn-secondary {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: #aaabab;
  --bs-btn-border-color: #aaabab;
}

.btn-light {
  --bs-btn-color: var(--color--fg-darker);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--light);
}

.btn-dark {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: var(--color--darker);
  --bs-btn-border-color: var(--darker);
}

.btn-outline-primary {
  --bs-btn-color: var(--color--button--active);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--bg--button--active);
}

.btn-outline-secondary {
  --bs-btn-color: #aaabab;
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: #aaabab;
}

.btn-outline-dark {
  --bs-btn-color: var(--color--darker);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--darker);
}

.btn-link {
  --bs-btn-disabled-color: var(--bs-btn-color);
}

.nav-link:focus-visible {
  box-shadow: none;
  outline: auto;
}

.nav-pills {
  --link-bg-color: var(--color--darker);
  --link-color: var(--color--light);
  --spacing-block: 24;
  --spacing-inline: 28;
  --spacing-row: 16;
  --spacing-column: 14;
  background-color: var(--color--bg-light-darker);
  padding-bottom: calc(1rem * (var(--spacing-block) - var(--spacing-row) / 2) / 16);
  padding-left: calc(1rem * (var(--spacing-inline) - var(--spacing-column) / 2) / 16);
  padding-right: calc(1rem * (var(--spacing-inline) - var(--spacing-column) / 2) / 16);
  padding-top: calc(1rem * (var(--spacing-block) - var(--spacing-row) / 2) / 16);
}
@media screen and (min-width: 768px) {
  .nav-pills {
    --spacing-block: 20;
    --spacing-column: 20;
  }
}
.nav-pills--light {
  --link-bg-color: var(--color--light);
  --link-color: var(--color--darker);
}
@media screen and (max-width: 767.98px) {
  .nav-pills--mobile-full-width {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width--viewport) / 2);
    position: relative;
    width: var(--unit-width--viewport);
  }
  .nav-pills--mobile-full-width:first-child {
    margin-top: -1.25rem;
  }
}
@media screen and (max-width: 767.98px) {
  .nav-pills--full-width {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width--viewport) / 2);
    position: relative;
    width: var(--unit-width--viewport);
  }
}
@media screen and (min-width: 768px) {
  .nav-pills--full-width {
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    position: relative;
  }
  .nav-pills--full-width::before {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width--viewport) / 2);
    position: relative;
    width: var(--unit-width--viewport);
    background-color: var(--color--bg-light-darker);
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
  }
  .nav-pills--full-width > * {
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .nav-pills--full-width {
    --spacing-block: 24;
  }
}
.nav-pills--full-width:first-child {
  margin-top: -1.25rem;
}
.nav-pills--with-description {
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 992px) {
  .nav-pills--with-description {
    flex-direction: row;
    align-items: center;
  }
}
.hksarg .nav-pills {
  --link-bg-color: var(--color--light);
  --link-color: var(--color--dark-hksarg-blue);
}
.nav-pills .nav-description {
  color: var(--color--fg-darker);
  flex: none;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2857142857;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 992px) {
  .nav-pills .nav-description {
    margin-bottom: 0;
    margin-right: 1.25rem;
    width: 19.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .nav-pills .nav-description {
    margin-right: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .nav-pills .nav-description {
    margin-right: 3.75rem;
  }
}
.nav-pills .nav-items {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
  margin-left: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
  margin-right: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
  margin-top: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
  padding-left: 0;
}
.nav-pills .nav-item {
  margin-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  margin-left: calc(1rem * var(--spacing-column) / 2 / 16);
  margin-right: calc(1rem * var(--spacing-column) / 2 / 16);
  margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.nav-pills .nav-link {
  border-radius: var(--unit-width--max);
  --icon-color: var(--color--light-alt-green);
  align-items: center;
  background-color: var(--link-bg-color);
  color: var(--link-color);
  display: flex;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2857142857;
  padding-bottom: 0.5625rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5625rem;
  text-align: left;
}
.nav-pills .nav-link:focus:where(:not(:focus-visible)) {
  --icon-color: var(--color--light-alt-green);
  background-color: var(--link-bg-color);
  color: var(--link-color);
}
.nav-pills .nav-link:where(:focus) {
  --icon-color: var(--color--button--active);
  background-color: var(--color--bg--button--active);
  color: var(--color--button--active);
}
.nav-pills .nav-link:focus-visible {
  --icon-color: var(--color--button--active);
  background-color: var(--color--bg--button--active);
  color: var(--color--button--active);
}
@media (any-hover: hover) {
  .nav-pills .nav-link:hover {
    --icon-color: var(--color--button--active);
    background-color: var(--color--bg--button--active);
    color: var(--color--button--active);
  }
}
.nav-pills .nav-link.active {
  --icon-color: var(--color--button--active);
  background-color: var(--color--bg--button--active);
  color: var(--color--button--active);
}
.nav-pills .nav-link .icon {
  color: var(--icon-color);
  flex: none;
  margin-right: 1rem;
  order: -1;
  transition-duration: var(--duration--default);
  transition-property: color;
  transition-timing-function: var(--timing-function--default);
  width: 0.9375rem;
}

.card {
  --bs-card-border-color: rgb(196 196 196 / 0.5);
  --bs-card-border-radius: 0.625rem;
  --bs-card-border-width: 0.0625rem;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0.625rem;
  --card--box-shadow-offset-x: 0;
  --card--box-shadow-offset-y: 4;
  --card--box-shadow-blur-radius: 15;
  --card--box-shadow-spread-radius: 0;
  --card--box-shadow-color: rgb(0 0 0 / 0.15);
  border: 0;
  box-shadow: calc(1rem * var(--card--box-shadow-offset-x) / 16) calc(1rem * var(--card--box-shadow-offset-y) / 16) calc(1rem * var(--card--box-shadow-blur-radius) / 16) calc(1rem * var(--card--box-shadow-spread-radius) / 16) var(--card--box-shadow-color);
  transition-duration: var(--duration--default);
  transition-property: box-shadow;
  transition-timing-function: var(--timing-function--default);
}
.card a {
  text-decoration: none;
  color: inherit;
}
.card a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.card a:where(:focus) {
  text-decoration: underline;
}
.card a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .card a:hover {
    text-decoration: underline;
  }
}
.card--hover:focus-within, .card--link:focus-within {
  --card--box-shadow-color: rgb(0 0 0 / 0.3);
}
@media (any-hover: hover) {
  .card--hover:hover, .card--link:hover {
    --card--box-shadow-color: rgb(0 0 0 / 0.3);
  }
}
.card--link a::after {
  border-radius: var(--bs-card-inner-border-radius);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.card-header {
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0;
}
.card-header--has-date {
  align-items: flex-start;
  display: flex;
}

.card-date {
  color: var(--color--darker);
  display: flex;
  flex: none;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  margin-left: auto;
  margin-top: 0.125rem;
  padding-left: 1rem;
}
.card-date .icon {
  margin-right: 0.5rem;
  margin-top: calc(1rem * (16 - var(--sprite-icons--height) / var(--sprite-icons--width) * 15) / 16);
  width: 0.9375rem;
}

.card-footer {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  line-height: 1.2857142857;
}
.card-footer .icon {
  margin-right: 0.625rem;
  order: -1;
}

.pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  --link-bg-width: 36;
  --spacing-column: 4;
  --bs-pagination-border-radius: var(--unit-width--max);
}
@media (min-width: 360px) {
  .pagination {
    --spacing-column: 8;
  }
}
@media (min-width: 380px) {
  .pagination {
    --spacing-column: 12;
  }
}
@media (min-width: 400px) {
  .pagination {
    --spacing-column: 16;
  }
}
@media (min-width: 420px) {
  .pagination {
    --spacing-column: 20;
  }
}

.page-item {
  --color: inherit;
  margin-bottom: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
  margin-top: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
}
.page-item--first, .page-item--prev, .page-item--next, .page-item--last {
  --color: var(--color--link);
}
@media screen and (max-width: 575.98px) {
  .page-item--first, .page-item--last {
    display: none;
  }
}

.page-link {
  align-items: center;
  display: flex;
  justify-content: center;
  --bs-border-width: 0;
  background-color: transparent;
  border: 0;
  border-radius: var(--unit-width--max);
  color: var(--color);
  font-size: inherit;
  height: calc(1rem * (var(--link-bg-width) + var(--spacing-column)) / 16);
  line-height: inherit;
  min-width: calc(1rem * (var(--link-bg-width) + var(--spacing-column)) / 16);
  padding: 0;
  position: relative;
}
.page-link::before {
  background-color: var(--color--link);
  border-radius: var(--unit-width--max);
  content: "";
  height: calc(1rem * var(--link-bg-width) / 16);
  left: 50%;
  margin-left: calc(1rem * -1 * var(--link-bg-width) / 2 / 16);
  margin-top: calc(1rem * -1 * var(--link-bg-width) / 2 / 16);
  opacity: 0;
  position: absolute;
  top: 50%;
  transition-duration: var(--duration--default);
  transition-property: opacity;
  transition-timing-function: var(--timing-function--default);
  width: calc(1rem * var(--link-bg-width) / 16);
}
.page-link:focus {
  box-shadow: none;
}
.page-link:focus-visible {
  outline: auto;
  outline-color: var(--color--dark);
}
.page-link:focus:where(:not(:focus-visible)) {
  background-color: transparent;
  color: var(--color);
}
.page-link:focus:where(:not(:focus-visible))::before {
  opacity: 0;
}
.page-link:where(:focus) {
  background-color: transparent;
  color: var(--color--light);
}
.page-link:where(:focus)::before {
  opacity: 1;
}
.page-link:focus-visible {
  background-color: transparent;
  color: var(--color--light);
}
.page-link:focus-visible::before {
  opacity: 1;
}
@media (any-hover: hover) {
  .page-link:hover {
    background-color: transparent;
    color: var(--color--light);
  }
  .page-link:hover::before {
    opacity: 1;
  }
}
.active > .page-link, .page-link.active {
  background-color: transparent;
  color: var(--color--light);
}
.active > .page-link::before, .page-link.active::before {
  opacity: 1;
}
.page-link .num {
  position: relative;
}

.modal {
  --bs-modal-color: var(--color--fg-dark);
}

.modal-backdrop {
  --bs-backdrop-bg: var(--color--bg--site-overlay);
  --bs-backdrop-opacity: 1;
  mix-blend-mode: multiply;
}

.modal-title {
  font-size: inherit;
  line-height: inherit;
}

/* -------------------------------------------------------------
 * Components
 * --------------------------------------------------------------*/
/* SVG sprite
 * ---------------------------------------------- */
.sprite-icons {
  --ratio-percent: calc(var(--sprite-icons--height) / var(--sprite-icons--width));
  display: block;
  overflow: hidden;
  position: relative;
  display: inline-block;
  fill: currentcolor;
  vertical-align: middle;
  width: calc(1rem * var(--sprite-icons--width) / 16);
}
.sprite-icons::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% * var(--ratio-percent));
  width: 0;
}
.sprite-icons > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sprite-icons > img,
.sprite-icons > video {
  object-fit: cover;
}

.sprite-icons--angle-down {
  --sprite-icons--height: 6;
  --sprite-icons--width: 12;
}

.sprite-icons--angle-left {
  --sprite-icons--height: 12;
  --sprite-icons--width: 6;
}

.sprite-icons--angle-right {
  --sprite-icons--height: 12;
  --sprite-icons--width: 6;
}

.sprite-icons--angles-left {
  --sprite-icons--height: 12;
  --sprite-icons--width: 12;
}

.sprite-icons--angles-right {
  --sprite-icons--height: 12;
  --sprite-icons--width: 12;
}

.sprite-icons--bell {
  --sprite-icons--height: 18;
  --sprite-icons--width: 16;
}

.sprite-icons--calendar {
  --sprite-icons--height: 10;
  --sprite-icons--width: 9;
}

.sprite-icons--caret-up {
  --sprite-icons--height: 6;
  --sprite-icons--width: 12;
}

.sprite-icons--catalog {
  --sprite-icons--height: 18;
  --sprite-icons--width: 18;
}

.sprite-icons--circle-angle-right {
  --sprite-icons--height: 22;
  --sprite-icons--width: 22;
}

.sprite-icons--circle-arrow-right {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--circle-exclamation {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--click {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--close {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--database {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--dataset-exclamation {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--download {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--eye {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--location-dot {
  --sprite-icons--height: 18;
  --sprite-icons--width: 13;
}

.sprite-icons--map {
  --sprite-icons--height: 18;
  --sprite-icons--width: 22;
}

.sprite-icons--menu {
  --sprite-icons--height: 15;
  --sprite-icons--width: 19;
}

.sprite-icons--pause {
  --sprite-icons--height: 9;
  --sprite-icons--width: 9;
}

.sprite-icons--play {
  --sprite-icons--height: 11;
  --sprite-icons--width: 9;
}

.sprite-icons--seal-exclamation {
  --sprite-icons--height: 16;
  --sprite-icons--width: 17;
}

.sprite-icons--search {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--shapes {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--square-gear {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--square-lines {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--squares-plus {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

.sprite-icons--triangle-exclamation {
  --sprite-icons--height: 16;
  --sprite-icons--width: 16;
}

/* Site-wide
 * ---------------------------------------------- */
.g-app {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}

.skip-to-content {
  border-radius: var(--unit-width--max);
  background-color: var(--color--bg--button--active);
  color: var(--color--button--active);
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2857142857;
  left: 0.75rem;
  margin-top: -1.125rem;
  padding-bottom: 0.5625rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5625rem;
  position: absolute;
  text-decoration: none;
  top: calc(1rem * var(--height--site-header) / 2 / 16);
  z-index: calc(var(--z-index--site-header) + 1);
}
@media screen and (min-width: 768px) {
  .skip-to-content {
    left: 1rem;
  }
}

.site-header {
  display: flex;
  flex: none;
  height: calc(1rem * var(--height--site-header) / 16);
  position: relative;
  z-index: var(--z-index--site-header);
}
@media screen and (max-width: 767.98px) {
  .site-header {
    order: -1;
  }
}
.site-header button {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.site-header__user-notifications {
  color: var(--color--green);
  display: none;
  padding-right: 0.375rem;
  position: relative;
  margin-left: 0.375rem;
  transform: translateY(-0.125rem);
}
.site-header__user-notifications__count {
  background-color: var(--color--red);
  border-radius: 50%;
  color: var(--color--light);
  font-size: 0.6875rem;
  font-weight: bold;
  height: 1.125rem;
  line-height: 1.0625rem;
  margin-right: -0.375rem;
  margin-top: -0.875rem;
  position: absolute;
  padding-top: 0.0625rem;
  right: 0;
  text-align: center;
  top: 0;
  width: 1.125rem;
}

.site-nav {
  background-color: var(--color--light);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.site-nav a,
.site-nav button {
  color: inherit;
  position: relative;
  text-decoration: none;
}
.site-nav a::before,
.site-nav button::before {
  border-top-color: var(--color--green);
  border-top-style: solid;
  border-top-width: 0.375rem;
  bottom: 0;
  content: "";
  display: none;
  left: 0;
  position: absolute;
  width: 100%;
}
.site-nav a:focus:where(:not(:focus-visible))::before,
.site-nav button:focus:where(:not(:focus-visible))::before {
  display: none;
}
.site-nav a:where(:focus)::before,
.site-nav button:where(:focus)::before {
  display: block;
}
.site-nav a:focus-visible::before,
.site-nav button:focus-visible::before {
  display: block;
}
@media (any-hover: hover) {
  .site-nav a:hover::before,
  .site-nav button:hover::before {
    display: block;
  }
}
.site-nav a.active::before,
.site-nav button.active::before {
  display: block;
}
.site-nav__main {
  list-style: none;
  margin: 0;
  padding: 0;
  --scale-factor: calc(14 / 18);
  color: var(--color--green);
  display: flex;
  font-size: calc(1rem * 16 * var(--scale-factor) / 16);
  width: 100%;
}
@media screen and (min-width: 576px) {
  .site-nav__main {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .site-nav__main {
    --scale-factor: 1;
  }
}
.site-nav__main > * {
  border-right-color: var(--color--border--site-header);
  border-right-style: solid;
  border-right-width: 0.0625rem;
  display: flex;
  flex: none;
}
@media screen and (max-width: 575.98px) {
  .site-nav__main > *:last-child {
    border-right: 0;
  }
}
.site-nav__main a,
.site-nav__main button {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: calc(1rem * 18 * var(--scale-factor) / 16);
  padding-right: calc(1rem * 18 * var(--scale-factor) / 16);
  width: 100%;
}
.site-nav__main .icon {
  width: calc(1rem * var(--sprite-icons--width) * var(--scale-factor) / 16);
}
.site-nav__menu .icon {
  padding-bottom: 0.00125rem;
}
.site-nav__logo {
  min-width: calc(1rem * 218 * var(--scale-factor) / 16);
}
@media (max-width: 399.98px) {
  .site-nav__logo {
    min-width: auto;
  }
}
.site-nav__logo a {
  align-items: flex-start;
}
.site-nav__logo img {
  height: calc(1rem * 60 * var(--scale-factor) / 16);
  transform: translateY(calc(1rem * -4 * var(--scale-factor) / 16));
}
@media (max-width: 359.98px) {
  .site-nav__logo img {
    height: 2.375rem;
  }
}
.site-nav__catalog, .site-nav__map {
  min-width: calc(1rem * 137 * var(--scale-factor) / 16);
}
@media screen and (max-width: 575.98px) {
  .site-nav__catalog, .site-nav__map {
    flex: auto;
    min-width: auto;
    width: 100%;
  }
}
.site-nav__catalog .text, .site-nav__map .text {
  font-weight: bold;
  margin-top: calc(1rem * 6 * var(--scale-factor) / 16);
  text-transform: uppercase;
}
.site-nav__utils {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #555555;
  display: none;
  font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
  .site-nav__utils {
    display: flex;
  }
}
.site-nav__utils > * {
  border-left-color: var(--color--border--site-header);
  border-left-style: solid;
  border-left-width: 0.0625rem;
  display: flex;
  flex: none;
}
.site-nav__utils a,
.site-nav__utils button {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.site-nav__lang ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex: none;
}
.site-nav__lang li {
  display: flex;
  flex: none;
  padding-left: 0.0625rem;
  position: relative;
}
.site-nav__lang li::after {
  border-left-color: var(--color--border--site-header);
  border-left-style: solid;
  border-left-width: 0.0625rem;
  content: "";
  height: 0.75rem;
  left: 0;
  margin-top: -0.375rem;
  position: absolute;
  top: 50%;
}
.site-nav__lang li:nth-child(1 of :not(.hidden)) {
  padding-left: 0;
}
.site-nav__lang li:nth-child(1 of :not(.hidden))::after {
  display: none;
}
.site-nav__lang li.hidden {
  display: none;
}
.site-nav__lang button {
  min-width: 2.46875rem;
}
.site-nav__user img {
  margin-right: 0.5rem;
  transform: translateY(-0.125rem);
}

.site-menu {
  --spacing-block: 54;
  --spacing-inline: 44;
  --spacing-row: 14;
  background-image: url(/csdi-webpage/resources/2024-revamp/images/bg-menu.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color--light);
  font-size: 1.1875rem;
  left: 0;
  line-height: 1.3684210526;
  max-height: calc(var(--svh) * 100 - 1rem * var(--height--site-header) / 16);
  padding-bottom: calc(1rem * var(--spacing-block) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16 - var(--bs-gutter-x) / 2);
  padding-right: calc(1rem * var(--spacing-inline) / 16 - var(--bs-gutter-x) / 2);
  padding-top: calc(1rem * var(--spacing-block) / 2 / 16);
  position: absolute;
  top: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .site-menu {
    --spacing-inline: 56;
  }
}
.site-menu h3 {
  font-size: 1.375rem;
  line-height: 1.1818181818;
  margin-bottom: 2rem;
  margin-top: calc(1rem * var(--spacing-block) / 2 / 16);
}
.site-menu h4 {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0;
}
.site-menu a,
.site-menu button {
  text-decoration: none;
  color: var(--color--light-teal);
  font-weight: bold;
}
.site-menu a:focus:where(:not(:focus-visible)),
.site-menu button:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.site-menu a:where(:focus),
.site-menu button:where(:focus) {
  text-decoration: underline;
}
.site-menu a:focus-visible,
.site-menu button:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .site-menu a:hover,
  .site-menu button:hover {
    text-decoration: underline;
  }
}
.site-menu h3 a,
.site-menu h4 a {
  color: inherit;
}
.site-menu li li a {
  color: #6acddb;
}
.site-menu .site-menu__close {
  align-items: center;
  display: flex;
  justify-content: center;
  color: inherit;
  height: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
}
.site-menu .site-menu__close:focus:where(:not(:focus-visible)) {
  background-color: transparent;
}
.site-menu .site-menu__close:where(:focus) {
  background-color: var(--color--light-teal);
}
.site-menu .site-menu__close:focus-visible {
  background-color: var(--color--light-teal);
}
@media (any-hover: hover) {
  .site-menu .site-menu__close:hover {
    background-color: var(--color--light-teal);
  }
}
.site-menu__login {
  margin-top: calc(1rem * var(--spacing-block) / 2 / 16);
}
@media screen and (min-width: 992px) {
  .site-menu__login {
    display: none;
  }
}
.site-menu .site-header__user-notifications {
  color: inherit;
}
.site-menu__user-logout {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(1rem * var(--spacing-block) / 2 / 16);
}
@media screen and (min-width: 992px) {
  .site-menu__user-logout {
    display: none;
  }
}
.site-menu__user {
  align-items: center;
  display: flex;
  flex: none;
}
.site-menu__user img {
  margin-right: 0.5rem;
  transform: translateY(-0.125rem);
}
.site-menu__lang {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  margin-bottom: calc(1rem * var(--spacing-block) / 2 / 16);
  margin-top: calc(1rem * var(--spacing-row) / 16);
}
@media screen and (min-width: 992px) {
  .site-menu__lang {
    display: none;
  }
}
.site-menu__lang li::before {
  content: "  | ";
}
.site-menu__lang li:nth-child(1 of :not(.hidden))::before {
  content: none;
}
.site-menu__lang li.hidden {
  display: none;
}
.site-menu__links {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 2 / 16);
}
.site-menu__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 1.25rem;
}
.site-menu__links li {
  margin-top: calc(1rem * var(--spacing-row) / 16);
}
.site-menu__links li:not(:last-child) ul {
  margin-bottom: 1.75rem;
}

.site-notification {
  --spacing-block: 16;
  --spacing-inline: 28;
  --font-size: 16;
  --line-height: 20;
  align-items: flex-start;
  background-color: var(--color--lighter-green);
  color: var(--color--fg-darker);
  display: flex;
  font-size: calc(1rem * var(--font-size) / 16);
  line-height: calc(var(--line-height) / var(--font-size));
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 576px) {
  .site-notification {
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .site-notification {
    position: relative;
    z-index: var(--z-index--site-header);
  }
}
@media screen and (min-width: 992px) {
  .site-notification {
    --spacing-block: 12;
    --font-size: 18;
    --line-height: 22;
  }
}
.site-notification--preset-2 {
  background-color: #fac53d;
}
.site-notification.hidden {
  display: none;
}
.site-notification a {
  color: inherit;
}
.site-notification__close {
  --icon-width: 16;
  background-color: transparent;
  border: 0;
  display: flex;
  flex: none;
  margin-bottom: calc(1rem * -1 * var(--spacing-block) / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-top: calc(1rem * -1 * var(--spacing-block) / 16);
  order: 1;
  padding-bottom: calc(1rem * (var(--spacing-block) + (var(--line-height) - var(--icon-width)) / 2) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * (var(--spacing-block) + (var(--line-height) - var(--icon-width)) / 2) / 16);
}
.site-notification__close:focus:where(:not(:focus-visible)) {
  color: inherit;
}
.site-notification__close:where(:focus) {
  color: var(--color--light);
}
.site-notification__close:focus-visible {
  color: var(--color--light);
}
@media (any-hover: hover) {
  .site-notification__close:hover {
    color: var(--color--light);
  }
}
.site-notification__text {
  flex: auto;
  font-weight: bold;
}
.site-notification .icon {
  --icon-width: 22;
  flex: none;
  margin-bottom: calc(1rem * (var(--line-height) - var(--icon-width)) / 2 / 16);
  margin-right: 1.25rem;
  margin-top: calc(1rem * (var(--line-height) - var(--icon-width)) / 2 / 16);
  order: -1;
  width: calc(1rem * var(--icon-width) / 16);
}
@media screen and (min-width: 992px) {
  .site-notification .icon {
    --icon-width: 24;
    margin-right: 1.5rem;
  }
}

.site-footer {
  --spacing-block: 24;
  --spacing-inline: 24;
  background-color: var(--color--bg--site-footer);
  color: var(--color--light);
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4285714286;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16 - var(--bs-gutter-x) / 2);
  padding-right: calc(1rem * var(--spacing-inline) / 16 - var(--bs-gutter-x) / 2);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 768px) {
  .site-footer {
    --spacing-block: 24;
  }
}
.site-footer a {
  text-decoration: none;
  color: inherit;
}
.site-footer a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.site-footer a:where(:focus) {
  text-decoration: underline;
}
.site-footer a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .site-footer a:hover {
    text-decoration: underline;
  }
}
.site-footer__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 991.98px) {
  .site-footer__nav ul {
    column-gap: 1.125rem;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    row-gap: 0.25rem;
  }
}
@media screen and (min-width: 992px) {
  .site-footer__nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  .site-footer__nav li:not(:last-child)::after {
    content: "| ";
  }
}
.site-footer__info {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .site-footer__info {
    flex-direction: column-reverse;
    margin-top: 0;
  }
}
.site-footer__copyright {
  margin-right: 1.125rem;
}
@media screen and (min-width: 768px) {
  .site-footer__copyright {
    margin-right: 0;
    margin-top: 1.125rem;
    text-align: right;
  }
}
.site-footer__wcag {
  flex: none;
}
.site-footer__wcag img {
  height: 2.5rem;
}
.site-footer .ftVersion {
  display: none;
}

@media (max-width: 768px) {
  #ftCopyright {
    line-height: inherit;
    padding-right: 0;
  }
}
.site-main {
  background-color: #f9f9f9;
  background-image: url(/csdi-webpage/resources/2024-revamp/images/bg-content.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  flex: auto;
}

.site-overlay {
  background-color: var(--color--bg--site-overlay);
  bottom: 0;
  display: none;
  left: 0;
  mix-blend-mode: multiply;
  position: fixed;
  right: 0;
  top: 0;
  z-index: calc(var(--z-index--site-header) - 1);
}

.page__header {
  background-color: var(--color--bg--page--header);
  color: var(--color--page--header);
  display: grid;
  grid-template-areas: ".     text  .    " "image image image";
  grid-template-columns: var(--unit-width--container-margin) 1fr var(--unit-width--container-margin);
}
@media screen and (min-width: 992px) {
  .page__header:not(.page__header--text-only) {
    grid-template-areas: ". text image";
    grid-template-columns: var(--unit-width--container-margin) calc(19.375rem + var(--bs-gutter-x) / 2) 1fr;
    min-height: 11.25rem;
  }
}
.page__header-text {
  grid-area: text;
  padding-bottom: 1.5rem;
  padding-left: calc(1rem + var(--bs-gutter-x) / 2 + 1.25rem);
  padding-right: calc(1rem + var(--bs-gutter-x) / 2 + 1.25rem);
  padding-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .page__header-text {
    padding-left: calc(var(--bs-gutter-x) / 2);
    padding-right: 2.25rem;
  }
  .page__header--text-only .page__header-text {
    padding-right: calc(var(--bs-gutter-x) / 2);
  }
}
.page__header-title {
  margin-bottom: 0;
}
.page__header-description {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2857142857;
  margin-bottom: 0;
  margin-top: 0.75rem;
}
.page__header-image {
  grid-area: image;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .page__header-image {
    height: 12.5rem;
    width: 100%;
  }
}
.page__header-image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.page__content {
  margin-top: 1.25rem;
}
@media screen and (max-width: 575.98px) {
  .page__content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.back-to-top {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  opacity: 0;
  transition-delay: var(--duration), 0s, 0s;
  transition-duration: 0s, var(--duration), var(--duration);
  transition-property: visibility, opacity, color;
  transition-timing-function: var(--timing-function);
  visibility: hidden;
  --bg-color: var(--color--bg-darker);
  --color: var(--color--light);
  --duration: var(--duration--default);
  --spacing-inline: 24;
  --timing-function: var(--timing-function--default);
  --width: 32;
  bottom: 0;
  color: var(--color);
  height: calc(1rem * (var(--width) + var(--spacing-inline) * 2) / 16);
  margin-left: auto;
  margin-right: 0.25rem;
  position: sticky;
  width: calc(1rem * (var(--width) + var(--spacing-inline) * 2) / 16);
  z-index: var(--z-index--back-to-top);
}
.back-to-top:focus:where(:not(:focus-visible)) {
  --bg-color: var(--color--bg-dark);
  --color: var(--color--light);
}
.back-to-top:where(:focus) {
  --bg-color: var(--color--bg--button--active);
  --color: var(--color--button--active);
}
.back-to-top:focus-visible {
  --bg-color: var(--color--bg--button--active);
  --color: var(--color--button--active);
}
@media (any-hover: hover) {
  .back-to-top:hover {
    --bg-color: var(--color--bg--button--active);
    --color: var(--color--button--active);
  }
}
.show-back-to-top .back-to-top {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, var(--duration), var(--duration);
  transition-property: visibility, opacity, color;
  transition-timing-function: var(--timing-function);
  visibility: visible;
}
.back-to-top::before {
  border-radius: var(--unit-width--max);
  background-color: var(--bg-color);
  content: "";
  height: calc(1rem * var(--width) / 16);
  left: 50%;
  margin-left: calc(1rem * -1 * var(--width) / 2 / 16);
  margin-top: calc(1rem * -1 * var(--width) / 2 / 16);
  position: absolute;
  transition-duration: var(--duration);
  transition-property: background-color;
  transition-timing-function: var(--timing-function);
  top: 50%;
  width: calc(1rem * var(--width) / 16);
}
.back-to-top .icon {
  position: relative;
  z-index: 1;
}

.alphabet-nav {
  --link-width: 36;
  --spacing-block: 12;
  align-items: center;
  background-color: var(--color--bg-light-darker);
  color: var(--color--fg-darker);
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.25rem;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
  position: sticky;
  top: 0;
  z-index: 500;
}
@media screen and (max-width: 767.98px) {
  .alphabet-nav {
    display: none;
  }
}
@media screen and (min-width: 1400px) {
  .alphabet-nav {
    --spacing-block: 20;
  }
}
.alphabet-nav:first-child {
  margin-top: -1.25rem;
}
.alphabet-nav::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width--viewport) / 2);
  position: relative;
  width: var(--unit-width--viewport);
  background-color: var(--color--bg-light-darker);
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
}
.alphabet-nav > * {
  position: relative;
}
.alphabet-nav__title {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0;
}
.alphabet-nav__letters {
  list-style: none;
  margin: 0;
  padding: 0;
  --cols: 13;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(var(--cols), calc(1rem * var(--link-width) / 16));
}
@media screen and (min-width: 1400px) {
  .alphabet-nav__letters {
    --cols: 26;
  }
}
.alphabet-nav__letter--disabled {
  opacity: 0.15;
}
.alphabet-nav__letter--disabled a {
  pointer-events: none;
}
.alphabet-nav__link {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  background-color: transparent;
  color: inherit;
  font-weight: bold;
  height: calc(1rem * var(--link-width) / 16);
  text-decoration: none;
  width: calc(1rem * var(--link-width) / 16);
}
.alphabet-nav__link:focus:where(:not(:focus-visible)) {
  background-color: transparent;
}
.alphabet-nav__link:where(:focus) {
  background-color: var(--color--light);
}
.alphabet-nav__link:focus-visible {
  background-color: var(--color--light);
}
@media (any-hover: hover) {
  .alphabet-nav__link:hover {
    background-color: var(--color--light);
  }
}

:root {
  --card-grid--auto-sizing: auto-fit;
  --card-grid--num-preview-rows: 2;
  --card-grid--card-box-shadow-x: 20;
  --card-grid--card-box-shadow-y: 58;
  --card-grid--card-min-width: 270;
}
@media (max-width: 359.98px) {
  :root {
    --card-grid--card-min-width: 250;
  }
}
@media screen and (min-width: 576px) {
  :root {
    --card-grid--card-min-width: 300;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --card-grid--card-min-width: 340;
  }
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(var(--card-grid--auto-sizing), minmax(calc(1rem * var(--card-grid--card-min-width) / 16 + var(--bs-gutter-x)), 1fr));
}
.can-expand:not(.expand) .card-grid {
  grid-auto-rows: 0;
  grid-template-rows: repeat(var(--card-grid--num-preview-rows), auto) calc(1rem * var(--card-grid--card-box-shadow-y) / 16);
  margin-bottom: calc(1rem * -1 * var(--card-grid--card-box-shadow-y) / 16);
  margin-left: calc(1rem * -1 * var(--card-grid--card-box-shadow-x) / 16);
  margin-right: calc(1rem * -1 * var(--card-grid--card-box-shadow-x) / 16);
  overflow: hidden;
  overflow: clip;
  padding-left: calc(1rem * var(--card-grid--card-box-shadow-x) / 16 - var(--bs-gutter-x) / 2);
  padding-right: calc(1rem * var(--card-grid--card-box-shadow-x) / 16 - var(--bs-gutter-x) / 2);
}
.can-expand:not(.expand) .card-grid::before {
  content: "";
  grid-column: 1/-1;
  grid-row: calc(var(--card-grid--num-preview-rows) + 1);
}
.card-grid .card {
  height: 100%;
}
.card-grid--striped .card {
  --bs-card-color: var(--color--fg-dark);
}
.card-grid--striped > :nth-child(even) .card {
  --bs-card-bg: var(--color--bg--card-grid--striped);
}

.card-tab-pane {
  padding-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .card-tab-pane {
    background-color: var(--color--light);
    padding-bottom: 1.5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.catalog-search {
  --border-radius: 10;
  --border-width: 5;
  --height: 55;
  --bg-color: var(--color--lighter-green);
}
.catalog-search__form-control-wrapper {
  align-items: stretch;
  display: flex;
}
.catalog-search__form-control-wrapper, .catalog-search__form-control-wrapper > .form-control {
  flex: auto;
  position: relative;
  width: 1%;
}
.catalog-search .form-control {
  --font-size: 14;
  --line-height: 16;
  border-color: var(--bg-color);
  border-radius: calc(1rem * var(--border-radius) / 16);
  border-width: calc(1rem * var(--border-width) / 16);
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: var(--color--darker);
  font-size: calc(1rem * var(--font-size) / 16);
  line-height: calc(var(--line-height) / var(--font-size));
  padding-bottom: calc(1rem * (var(--height) - var(--border-width) * 2 - var(--line-height)) / 2 / 16);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: calc(1rem * (var(--height) - var(--border-width) * 2 - var(--line-height)) / 2 / 16);
}
@media screen and (min-width: 768px) {
  .catalog-search .form-control {
    --font-size: 16;
    --line-height: 20;
  }
}
.catalog-search .form-control::placeholder {
  color: var(--color--darker);
  opacity: 0.6666666667;
  text-overflow: ellipsis;
}
.catalog-search .btn {
  --font-size: 14;
  --line-height: 26;
  --spacing-inline: 15;
  --bs-border-width: calc(1rem * var(--border-width) / 16);
  align-items: center;
  background-color: var(--bg-color);
  border-color: var(--bg-color);
  border-radius: calc(1rem * var(--border-radius) / 16);
  border-width: calc(1rem * var(--border-width) / 16);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: var(--color--fg-darker);
  display: flex;
  font-size: calc(1rem * var(--font-size) / 16);
  font-weight: bold;
  line-height: calc(var(--line-height) / var(--font-size));
  padding-bottom: calc(1rem * (var(--height) - var(--border-width) * 2 - var(--line-height)) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * (var(--height) - var(--border-width) * 2 - var(--line-height)) / 2 / 16);
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .catalog-search .btn {
    --font-size: 18;
    --line-height: 22;
    --spacing-inline: 31;
  }
}
.catalog-search .btn .text {
  margin-left: 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .catalog-search .btn .text {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
  .catalog-search .btn .text:not(caption) {
    position: absolute !important;
  }
}
.catalog-search .btn .icon {
  color: inherit;
  flex: none;
  order: -1;
  transition-duration: var(--duration--default);
  transition-property: color;
  transition-timing-function: var(--timing-function--default);
}
@media screen and (max-width: 767.98px) {
  .catalog-search .btn .icon {
    width: calc(1rem * var(--line-height) / 16);
  }
}
.catalog-search .btn:focus:where(:not(:focus-visible)) .icon {
  color: inherit;
}
.catalog-search .btn:where(:focus) .icon {
  color: var(--color--light);
}
.catalog-search .btn:focus-visible .icon {
  color: var(--color--light);
}
@media (any-hover: hover) {
  .catalog-search .btn:hover .icon {
    color: var(--color--light);
  }
}
.catalog-search__instant-results {
  display: none;
  left: 0;
  padding-top: 0.25rem;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}
.catalog-search__instant-results-list {
  --border-color: var(--bg-color);
  --border-radius: 10;
  --border-width: 5;
  --spacing-inline: 20;
  --spacing-block: 13;
  --spacing-row: 16;
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--color--darker);
  font-size: 0.875rem;
  line-height: 1.1428571429;
}
.catalog-search__instant-results-list li {
  background-color: var(--color--light);
  border-color: var(--border-color);
  border-left-style: solid;
  border-right-style: solid;
  border-width: calc(1rem * var(--border-width) / 16);
}
.catalog-search__instant-results-list li:first-child {
  border-top-left-radius: calc(1rem * var(--border-radius) / 16);
  border-top-right-radius: calc(1rem * var(--border-radius) / 16);
  border-top-style: solid;
  padding-top: calc(1rem * (var(--spacing-block) - var(--spacing-row) / 2) / 16);
}
.catalog-search__instant-results-list li:last-child {
  border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
  border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
  border-bottom-style: solid;
  padding-bottom: calc(1rem * (var(--spacing-block) - var(--spacing-row) / 2) / 16);
}
.catalog-search__instant-results-list a {
  color: inherit;
  flex-wrap: wrap;
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .catalog-search__instant-results-list a {
    flex-wrap: nowrap;
  }
}
.catalog-search__instant-results-list div {
  font-weight: bold;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .catalog-search__instant-results-list div {
    flex: none;
    margin-right: 1.25rem;
    min-width: 5rem;
    width: auto;
  }
}
.catalog-search__instant-results-list .dataset {
  color: var(--color--alt-green);
}
.catalog-search__instant-results-list .category {
  color: var(--color--blue);
}
.catalog-search__instant-results-list .provider {
  color: var(--color--darker-green);
}
.catalog-search__instant-results-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
}
@media (any-hover: hover) {
  .catalog-search__instant-results-list a:hover span {
    text-decoration: underline;
  }
}

.js .count-up {
  display: inline-block;
  text-align: right;
}
.js .count-up:not(.show),
.js .count-up:not(.show) + .count-up-suffix {
  opacity: 0;
}

.highlight-section {
  --header-bg-color: var(--color--alt-green);
  --header-accent-color: var(--color--light-teal);
  --spacing-inline: 28;
  --border-radius: 10;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .highlight-section {
    --spacing-inline: 24;
  }
}
.highlight-section--preset-2 {
  --header-bg-color: var(--color--darker);
}
.highlight-section--preset-4 {
  --header-bg-color: var(--color--blue);
}
.highlight-section__header {
  --spacing-block: 18;
  --font-size: 16;
  --line-height: 20;
  align-items: center;
  background-color: var(--header-bg-color);
  color: var(--color--light);
  display: flex;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (max-width: 767.98px) {
  .highlight-section__header {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width--viewport) / 2);
    position: relative;
    width: var(--unit-width--viewport);
  }
}
@media screen and (min-width: 768px) {
  .highlight-section__header {
    border-top-left-radius: calc(1rem * var(--border-radius) / 16);
    border-top-right-radius: calc(1rem * var(--border-radius) / 16);
  }
}
.highlight-section__title {
  color: inherit;
  font-size: calc(1rem * var(--font-size) / 16);
  font-weight: bold;
  line-height: calc(var(--line-height) / var(--font-size));
  margin-bottom: 0;
  margin-top: 0;
}
.highlight-section__icon {
  color: var(--header-accent-color);
  flex: none;
  margin-right: 1.25rem;
  order: -1;
  width: calc(1rem * var(--line-height) / 16);
}
.highlight-section__number {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  background-color: var(--header-accent-color);
  color: var(--color--darker);
  flex: none;
  font-size: 0.875rem;
  font-weight: bold;
  height: 1.375rem;
  line-height: 1.2857142857;
  margin-bottom: -0.0625rem;
  margin-right: 0.5rem;
  margin-top: -0.0625rem;
  min-width: 1.375rem;
  order: -1;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.highlight-section__expand {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: 0;
  color: inherit;
  display: none;
  flex: none;
  height: calc(1rem * (var(--line-height) + var(--spacing-block) * 2) / 16);
  margin-bottom: calc(1rem * -1 * var(--spacing-block) / 16);
  margin-left: auto;
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-top: calc(1rem * -1 * var(--spacing-block) / 16);
  padding-bottom: 0;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .highlight-section__expand {
    border-top-right-radius: calc(1rem * var(--border-radius) / 16);
  }
}
.can-expand .highlight-section__expand {
  display: block;
}
.highlight-section__expand-icon {
  transition-duration: var(--duration--default);
  transition-property: transform;
  transition-timing-function: linear;
}
.expand .highlight-section__expand-icon {
  transform: rotate(-0.5turn);
}
.highlight-section__body {
  --spacing-block: 28;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 768px) {
  .highlight-section__body {
    background-color: var(--color--light);
    border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
    border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
  }
}

.pagination-nav {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
@media screen and (max-width: 575.98px) {
  .pagination-nav {
    margin-bottom: 0.5rem;
  }
}
.pagination-nav__description {
  color: rgb(var(--color-palette--dark), 0.8);
  margin-bottom: 0;
  margin-top: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 575.98px) {
  .pagination-nav__description {
    display: none;
  }
}
.pagination-nav .pagination {
  margin-bottom: 0;
  order: -1;
}

.no-results {
  align-items: center;
  display: flex;
  justify-content: center;
  --spacing-block: 32;
  color: var(--color--darker);
  flex-direction: column;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(1rem * var(--spacing-block) / 16);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .no-results {
    --spacing-block: 64;
  }
}
.no-results .icon {
  color: var(--color--bg-light-darker);
  margin-bottom: 1.5rem;
  width: 5rem;
}

/* Content
 * ---------------------------------------------- */
.dataset-card {
  --spacing-inline: 20;
}
.dataset-card .card-header {
  padding-bottom: 1rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1rem;
}
.dataset-card .card-header a {
  color: var(--color--link);
}
.dataset-card .card-body {
  padding-bottom: 2.5rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1.25rem;
}
.dataset-card .card-body a {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
}

.full-width-link-card {
  --card--box-shadow-offset-y: 0;
}
.full-width-link-card .card-body {
  --spacing-block: 20;
  --spacing-inline: 24;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
@media screen and (min-width: 768px) {
  .full-width-link-card .card-body {
    --spacing-block: 24;
    --spacing-inline: 32;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.card-grid--full-width-link {
  --page-cards--gutter-y: 16;
  grid-template-columns: 1fr;
}

.landscape-icon-card {
  --body-padding-left: 20;
  --body-padding-right: 20;
  --icon-width: 76;
  --icon-scale: 1;
  flex-direction: row;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.1333333333;
  min-height: 4.375rem;
}
@media (min-width: 390px) {
  .landscape-icon-card {
    --body-padding-left: 8;
    --body-padding-right: 4;
    --icon-width: 46;
    --icon-scale: 0.75;
  }
}
@media (min-width: 420px) {
  .landscape-icon-card {
    --icon-width: 56;
    --icon-scale: 1;
  }
}
@media screen and (min-width: 576px) {
  .landscape-icon-card {
    --body-padding-left: 16;
    --body-padding-right: 16;
    --icon-width: 60;
  }
}
@media screen and (min-width: 992px) {
  .landscape-icon-card {
    --body-padding-left: 20;
    --body-padding-right: 20;
    --icon-width: 76;
  }
}
.landscape-icon-card .card-body {
  align-items: center;
  display: flex;
  overflow-wrap: break-word;
  padding-bottom: 1.125rem;
  padding-left: calc(1rem * var(--body-padding-left) / 16);
  padding-right: calc(1rem * var(--body-padding-right) / 16);
  padding-top: 1.125rem;
}
.landscape-icon-card .card-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  flex: none;
  position: relative;
  width: calc(1rem * var(--icon-width) / 16);
}
.landscape-icon-card .card-icon::before {
  border-left-color: var(--color--border);
  border-left-style: solid;
  border-left-width: 0.0625rem;
  bottom: 1rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  top: 1rem;
}
.landscape-icon-card .card-icon img {
  transform: scale(var(--icon-scale));
}

.card-grid--landscape-icon {
  --card-grid--card-min-width: 225;
}
@media (min-width: 390px) {
  .card-grid--landscape-icon {
    --card-grid--card-min-width: 165;
  }
}
@media (min-width: 420px) {
  .card-grid--landscape-icon {
    --card-grid--card-min-width: 175;
  }
}
@media screen and (min-width: 576px) {
  .card-grid--landscape-icon {
    --card-grid--card-min-width: 200;
  }
}
@media screen and (min-width: 992px) {
  .card-grid--landscape-icon {
    --card-grid--card-min-width: 225;
  }
}

.plain-card {
  --spacing-inline: 20;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .plain-card {
    --spacing-inline: 40;
  }
}
.plain-card .card-header {
  padding-bottom: 0.625rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 0.625rem;
}
.plain-card .card-body {
  padding-bottom: 1.5rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1.5rem;
}
.plain-card .card-body h2,
.plain-card .card-body h3 {
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 1.25rem;
  margin-top: 0;
}
.plain-card .card-body h2:not(:first-child) {
  margin-top: 2rem;
}
.plain-card .card-header + .card-body {
  padding-top: 1rem;
}
.plain-card a {
  color: var(--color--link);
  text-decoration: underline;
}
.plain-card a.underline-highlight {
  text-decoration: none;
}
.plain-card a.underline-highlight:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.plain-card a.underline-highlight:where(:focus) {
  text-decoration: underline;
}
.plain-card a.underline-highlight:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .plain-card a.underline-highlight:hover {
    text-decoration: underline;
  }
}

.portrait-icon-card {
  --body-padding-bottom: 14;
  --body-padding-inline: 18;
  --body-padding-top: 14;
  --line-height: 17;
  --icon-bg-height: 80;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: calc(var(--line-height) / 15);
}
@media screen and (min-width: 768px) {
  .portrait-icon-card {
    --body-padding-bottom: 20;
    --body-padding-inline: 10;
    --body-padding-top: 10;
    --icon-bg-height: 70;
  }
}
.portrait-icon-card .card-body {
  min-height: calc(1rem * (var(--body-padding-top) + var(--line-height) * 2 + var(--body-padding-bottom)) / 16);
  overflow-wrap: break-word;
  padding-bottom: calc(1rem * var(--body-padding-bottom) / 16);
  padding-left: calc(1rem * var(--body-padding-inline) / 16);
  padding-right: calc(1rem * var(--body-padding-inline) / 16);
  padding-top: calc(1rem * var(--body-padding-inline) / 16);
}
.portrait-icon-card .card-icon {
  align-items: center;
  background-color: var(--icon-bg-color, #527e39);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  display: flex;
  height: calc(1rem * var(--icon-bg-height) / 16);
  justify-content: flex-end;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.card-grid--portrait-icon {
  --card-grid--card-min-width: 150;
}
@media screen and (min-width: 768px) {
  .card-grid--portrait-icon {
    --card-grid--card-min-width: 130;
  }
}

.portrait-logo-card {
  --card--box-shadow-offset-y: 0;
}
.portrait-logo-card .card-logo {
  align-items: center;
  display: flex;
  justify-content: center;
  border-bottom-color: var(--bs-card-border-color);
  border-bottom-style: solid;
  border-bottom-width: var(--bs-card-border-width);
  min-height: 11rem;
  padding: 1rem;
}
.portrait-logo-card .card-logo img {
  max-height: 5rem;
  max-width: 5rem;
}
.portrait-logo-card .card-logo img.landscape {
  max-height: 3.75rem;
  max-width: 10rem;
}
.portrait-logo-card .card-logo img.square {
  max-height: 4.125rem;
  max-width: 4.125rem;
}
.portrait-logo-card .card-logo img.regional-emblem {
  height: 6.875rem;
  max-height: none;
  max-width: none;
}
.portrait-logo-card .card-logo img.regional-emblem:lang(en) {
  height: 8.8125rem;
}
.portrait-logo-card .card-body {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 5.25rem;
  padding-bottom: 0.75rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.75rem;
  text-align: center;
}

.card-grid--portrait-logo {
  --card-grid--auto-sizing: auto-fill;
  --card-grid--card-min-width: 260;
}
@media screen and (min-width: 768px) {
  .card-grid--portrait-logo {
    --page-cards--gutter-x: 48;
    --page-cards--gutter-y: 40;
  }
}
@media screen and (min-width: 992px) {
  .card-grid--portrait-logo {
    --page-cards--gutter-x: 32;
    --page-cards--gutter-y: 28;
  }
}
@media screen and (min-width: 1200px) {
  .card-grid--portrait-logo {
    --page-cards--gutter-x: 24;
    --page-cards--gutter-y: 24;
  }
}
@media screen and (min-width: 1400px) {
  .card-grid--portrait-logo {
    --page-cards--gutter-x: 80;
    --page-cards--gutter-y: 80;
  }
}

.resource-card {
  --icon-width: 76;
  flex-direction: row;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  min-height: 6.25rem;
}
.resource-card .card-body {
  color: var(--color--light);
  padding-bottom: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  padding-top: 0.875rem;
  position: relative;
  z-index: 3;
}
.resource-card a::after {
  width: calc(100% + 1rem * var(--icon-width) / 16);
}
.resource-card .card-img {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: calc(100% - 1rem * var(--icon-width) / 16);
  z-index: 2;
}
.resource-card .card-icon {
  align-items: flex-end;
  display: flex;
  flex: none;
  justify-content: center;
  padding: 0.75rem;
  width: calc(1rem * var(--icon-width) / 16);
}
.resource-card .card-badge {
  --badge-bg-color: var(--color--light-alt-green);
  --badge-color: var(--color--light);
  --border-color: var(--color--light-alt-green);
  --border-width: 2;
  border-radius: var(--bs-card-border-radius);
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.resource-card .card-badge--preset-featured {
  --badge-bg-color: #5156da;
}
.resource-card .card-badge--preset-new {
  --badge-bg-color: #ff8100;
}
.resource-card .card-badge--preset-beta {
  --badge-bg-color: rgb(0, 128, 255);
}
.resource-card .card-badge--border {
  box-shadow: inset 0 0 0 calc(1rem * var(--border-width) / 16) var(--border-color);
}
.resource-card .card-badge .badge {
  background-color: var(--badge-bg-color);
  border-radius: 0;
  color: var(--badge-color);
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.3333333333;
  padding-bottom: 0.25rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.25rem;
  position: absolute;
  right: calc(1rem * -1 * var(--icon-width) / 16);
  top: -0.75rem;
  transform: rotate(0.125turn) translateY(2.1875rem);
  width: calc(1rem * var(--icon-width) * 2 / 16);
}
.resource-card .card-badge .badge:lang(en) {
  font-size: 0.625rem;
  line-height: 1.6;
}

.card-grid--resource {
  --card-grid--auto-sizing: auto-fill;
  --card-grid--card-min-width: 260;
}
@media screen and (min-width: 768px) {
  .card-grid--resource {
    --card-grid--card-min-width: 250;
  }
}

.side-image-card {
  --card-img-width: 50%;
  position: relative;
}
.side-image-card .card-header,
.side-image-card .card-body,
.side-image-card .card-footer {
  margin-right: var(--card-img-width);
}
.side-image-card .card-img {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--card-img-width);
}

.text-card {
  --card--box-shadow-offset-y: 0;
  --spacing-inline: 20;
}
@media screen and (min-width: 768px) {
  .text-card {
    --spacing-inline: 40;
  }
}
.text-card .card-header {
  padding-bottom: 0.625rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 0.625rem;
}
.text-card .card-body {
  padding-bottom: 1.5rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1.5rem;
}
.text-card .card-body h2,
.text-card .card-body h3 {
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 1.25rem;
  margin-top: 0;
}
.text-card .card-body h2:not(:first-child) {
  margin-top: 2rem;
}
.text-card .card-header + .card-body {
  padding-top: 1rem;
}
.text-card a {
  color: var(--color--link);
  text-decoration: underline;
}
.text-card a.underline-highlight {
  text-decoration: none;
}
.text-card a.underline-highlight:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.text-card a.underline-highlight:where(:focus) {
  text-decoration: underline;
}
.text-card a.underline-highlight:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .text-card a.underline-highlight:hover {
    text-decoration: underline;
  }
}

.whats-new-card {
  --spacing-inline: 20;
}
.whats-new-card .card-header {
  color: var(--color--alt-green);
  padding-bottom: 1rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1rem;
}
.whats-new-card .card-body {
  padding-bottom: 1.5rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1.25rem;
}
.whats-new-card .card-body a {
  color: var(--color--link);
  text-decoration: underline;
}
.whats-new-card .card-body a.underline-highlight {
  text-decoration: none;
}
.whats-new-card .card-body a.underline-highlight:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.whats-new-card .card-body a.underline-highlight:where(:focus) {
  text-decoration: underline;
}
.whats-new-card .card-body a.underline-highlight:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .whats-new-card .card-body a.underline-highlight:hover {
    text-decoration: underline;
  }
}
.whats-new-card .card-title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.25rem;
  margin-top: 0;
}

.card-grid--whats-new {
  --page-cards--gutter-y: 24;
  grid-template-columns: 1fr;
}

.image-notes {
  --marker-bg-color: #ffa951;
  --marker-color: #36210b;
}
@media screen and (min-width: 992px) {
  .image-notes {
    align-items: flex-start;
    display: flex;
  }
}
.highlight-section__body > .image-notes {
  margin-bottom: calc(1rem * -1 * var(--spacing-block) / 16);
  margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-top: calc(1rem * -1 * var(--spacing-block) / 16);
}
@media screen and (min-width: 768px) {
  .highlight-section__body > .image-notes {
    border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
    border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
    overflow: hidden;
  }
}
@media screen and (max-width: 767.98px) {
  .image-notes__images {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width--viewport) / 2);
    position: relative;
    width: var(--unit-width--viewport);
  }
}
@media screen and (min-width: 992px) {
  .image-notes__images {
    flex: none;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .image-notes__images {
    width: 66.6666666667%;
  }
}
.image-notes__image {
  --ratio-percent: calc(var(--image-height) / var(--image-width));
  display: block;
  overflow: hidden;
  position: relative;
}
.image-notes__image::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% * var(--ratio-percent));
  width: 0;
}
.image-notes__image > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-notes__image > img,
.image-notes__image > video {
  object-fit: cover;
}
.image-notes__image:not(:first-child) {
  margin-top: 1rem;
}
.image-notes__image span {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  background-color: var(--marker-bg-color);
  color: var(--marker-color);
  font-size: 0.875rem;
  font-weight: bold;
  height: 1.375rem;
  left: calc(100% * var(--x) / var(--image-width));
  line-height: 1.2857142857;
  min-width: 1.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  top: calc(100% * var(--y) / var(--image-height));
  transform: translate(-50%, -50%);
  width: auto;
}
.image-notes__description {
  padding: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .image-notes__description {
    background-color: var(--color--light);
    border-radius: 0.625rem;
    box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.15);
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .image-notes__description {
    flex: auto;
  }
}
.image-notes__description > :first-child {
  margin-top: 0;
}
.image-notes__description > :last-child {
  margin-bottom: 0;
}
.image-notes__notes {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1.25rem;
}
.image-notes__notes > li {
  padding-left: 2rem;
  position: relative;
}
.image-notes__notes > li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.image-notes__notes > li::before {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  background-color: var(--marker-bg-color);
  color: var(--marker-color);
  content: attr(data-marker);
  font-size: 0.875rem;
  font-weight: bold;
  height: 1.375rem;
  left: -0.0625rem;
  line-height: 1.2857142857;
  min-width: 1.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  position: absolute;
  top: -0.0625rem;
}
.image-notes__notes > li > ol,
.image-notes__notes > li > ul {
  margin-bottom: 1.25rem;
}
.image-notes__notes > li > ul {
  list-style: disc;
}
.image-notes__notes > li > :first-child {
  margin-top: 0;
}
.image-notes__notes > li > :last-child {
  margin-bottom: 0;
}

.code-listing {
  background-color: var(--color--bg-dark);
  border-radius: 0.625rem;
  color: var(--color--light);
  font-size: inherit;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  white-space: pre-wrap;
}
.code-listing code {
  word-break: break-all;
}
.code-listing a {
  color: inherit;
}

/* -------------------------------------------------------------
 * Pages
 * --------------------------------------------------------------*/
/* General pages
 * ---------------------------------------------- */
.page-cards {
  --page-cards--gutter-x: 24;
  --page-cards--gutter-y: 20;
}
.page-cards .card-grid {
  --bs-gutter-x: calc(1rem * var(--page-cards--gutter-x) / 16);
  --bs-gutter-y: calc(1rem * var(--page-cards--gutter-y) / 16);
}

@media screen and (min-width: 768px) {
  .page-text__content-body {
    background-color: var(--color--light);
    padding-bottom: 1.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.75rem;
  }
}
.tab-pane .page-text__content-body {
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .tab-pane .page-text__content-body {
    margin-top: 1.5rem;
  }
}
.tab-pane .page-text__content-body:first-child {
  margin-top: 1.25rem;
}
.page-text .text-card {
  margin-bottom: 1.75rem;
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .page-text .text-card {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}
.page-text .text-card:first-child {
  margin-top: 0;
}
.page-text .text-card:last-child {
  margin-bottom: 0;
}

/* Specific pages
 * ---------------------------------------------- */
.page-home {
  --sidebar-width: 0;
  display: grid;
  grid-template-areas: "sidebar content";
  grid-template-columns: calc(1rem * var(--sidebar-width) / 16) minmax(0, 1fr);
}
@media screen and (min-width: 1200px) {
  .page-home {
    --sidebar-width: 55;
  }
  .page-home.show-sidebar {
    --sidebar-width: 410;
  }
}
.page-home__content {
  --unit-width--container-margin:
  	calc(
  		(
  			var(--unit-width--viewport) -
  			calc(1rem * var(--sidebar-width) / 16) -
  			var(--unit-width--container)
  		) / 2
  	);
  grid-area: content;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .page-home__content {
    --unit-width--container: 960px;
  }
}
@media screen and (min-width: 1400px) {
  .page-home__content {
    --unit-width--container: 1140px;
  }
}
@media (min-width: 1600px) {
  .page-home__content {
    --unit-width--container: 1320px;
  }
}
@media screen and (min-width: 1200px) {
  .show-sidebar .page-home__content {
    --unit-width--container: 720px;
  }
}
@media screen and (min-width: 1400px) {
  .show-sidebar .page-home__content {
    --unit-width--container: 960px;
  }
}
@media (min-width: 1600px) {
  .show-sidebar .page-home__content {
    --unit-width--container: 1140px;
  }
}
@media (min-width: 1800px) {
  .show-sidebar .page-home__content {
    --unit-width--container: 1320px;
  }
}
.page-home__content .container {
  max-width: var(--unit-width--container);
}
.page-home__header {
  background-color: var(--color--bg-darker);
  color: var(--color--light);
  padding-bottom: 1.5rem;
  padding-left: calc(1.75rem - var(--bs-gutter-x) / 2);
  padding-right: calc(1.75rem - var(--bs-gutter-x) / 2);
  padding-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-home__header {
    padding-bottom: 1.75rem;
    padding-top: 1.25rem;
  }
}
.page-home__title {
  font-size: 2.875rem;
  letter-spacing: 0.05em;
  line-height: 1.1304347826;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .page-home__title {
    display: inline-block;
    margin-bottom: 0.75rem;
    margin-right: 2.5rem;
    margin-top: 0.375rem;
  }
}
.page-home__title:lang(en) {
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .page-home__title:lang(en) {
    font-size: 3.125rem;
    line-height: 1.16;
  }
}
.page-home__title .light {
  color: var(--color--light-teal);
}
.page-home__title .light:lang(en) {
  font-weight: bold;
}
.page-home__title .for-government {
  background-color: var(--color--lightest-green);
  color: var(--color--fg-darker);
  display: none;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.1333333333;
  padding: 0.625rem;
  vertical-align: middle;
}
.page-home__title .for-government:lang(en) {
  letter-spacing: normal;
  margin-bottom: 0.625rem;
}
.hksarg .page-home__title .for-government {
  display: inline-block;
}
.page-home__statistics {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
  .page-home__statistics {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistics {
    margin-bottom: 0.5rem;
  }
}
.page-home__statistic {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .page-home__statistic {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 576px) {
  .page-home__statistic:not(:last-child) {
    margin-right: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic:not(:last-child) {
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic:not(:last-child):lang(en) {
    margin-right: 2.5rem;
  }
}
.page-home__statistic dt {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.1666666667;
  margin-right: 0.5rem;
  min-width: 5rem;
}
@media screen and (min-width: 576px) {
  .page-home__statistic dt {
    min-width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic dt {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic dt:not(:lang(en)) {
    font-size: 0.625rem;
    line-height: 1.2;
  }
}
.page-home__statistic dt:lang(en) {
  letter-spacing: normal;
  min-width: 4.75rem;
}
@media screen and (min-width: 576px) {
  .page-home__statistic dt:lang(en) {
    min-width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic dt:lang(en) {
    margin-top: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic dt .narrow {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .page-home__statistic dt .wide {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
  .page-home__statistic dt .wide:not(caption) {
    position: absolute !important;
  }
}
.page-home__statistic dd {
  display: inline;
  font-size: 2.8125rem;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 1.1555555556;
  margin-bottom: 0;
  padding-left: 0;
  white-space: nowrap;
}
@media (max-width: 359.98px) {
  .page-home__statistic dd {
    font-size: 2.5rem;
    line-height: 1.15;
  }
}
@media screen and (min-width: 768px) {
  .page-home__statistic dd {
    order: -1;
  }
}
.page-home__statistic dd .unit:not(:lang(en)) {
  font-size: 2.5rem;
  line-height: 1.15;
}
@media (max-width: 359.98px) {
  .page-home__statistic dd .unit:not(:lang(en)) {
    font-size: 2.25rem;
    line-height: 1.1666666667;
  }
}
.page-home__statistic dd .plus {
  color: var(--color--light-teal);
  font-weight: normal;
}
.page-home .catalog-search {
  margin-bottom: 0;
}
.page-home__new-popular-datasets {
  background-color: var(--color--bg-light);
  padding-left: calc(1.75rem - var(--bs-gutter-x) / 2);
  padding-right: calc(1.75rem - var(--bs-gutter-x) / 2);
}
.page-home__new-popular-datasets .nav-pills {
  background-color: var(--color--bg-light);
  margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
}
.page-home__banners {
  --banner-bg-color: var(--color--light-gray);
}
.page-home__banners .carousel-indicators {
  justify-content: flex-start;
  margin-bottom: 0.75rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page-home__banners .carousel-indicators {
    justify-content: flex-end;
    left: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(var(--unit-width--container) - var(--bs-gutter-x));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    right: 1.75rem;
  }
}
.page-home__banners .carousel-indicators [data-bs-target] {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  flex: none;
  margin: 0;
  opacity: 1;
}
.page-home__banners .carousel-indicators .carousel-toggle {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  background-color: var(--color--dark-teal);
  color: var(--color--light);
  height: 1.375rem;
  margin-right: 0.3125rem;
  width: 1.375rem;
}
.page-home__banners .carousel-indicators .carousel-toggle .play,
.page-home__banners .carousel-indicators .carousel-toggle .pause {
  align-items: center;
  display: flex;
  justify-content: center;
}
.page-home__banners .carousel-indicators .carousel-dots {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: var(--unit-width--max);
  background-color: var(--color--dark-teal);
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target] {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  --color: var(--color--teal);
  height: 1.375rem;
  width: 1.375rem;
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target]:focus:where(:not(:focus-visible)) {
  --color: var(--color--teal);
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target]:where(:focus) {
  --color: var(--color--light);
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target]:focus-visible {
  --color: var(--color--light);
}
@media (any-hover: hover) {
  .page-home__banners .carousel-indicators .carousel-dots [data-bs-target]:hover {
    --color: var(--color--light);
  }
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target].active {
  --color: var(--color--light);
}
.page-home__banners .carousel-indicators .carousel-dots [data-bs-target]::before {
  border-radius: var(--unit-width--max);
  background-color: var(--color);
  content: "";
  height: 0.5rem;
  transition-duration: var(--duration--carousel);
  transition-property: background-color;
  transition-timing-function: var(--timing-function--default);
  width: 0.5rem;
}
.page-home__banners .carousel:not(.playing) .carousel-toggle .pause,
.page-home__banners .carousel:not(.paused) .carousel-toggle .play {
  display: none;
}
.page-home__banners .carousel-item {
  background-color: var(--banner-bg-color);
}
@media screen and (min-width: 768px) {
  .page-home__banners .carousel-item {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.page-home__banners-link {
  --ratio-percent: 0.4166666667;
  display: block;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.page-home__banners-link::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% * var(--ratio-percent));
  width: 0;
}
.page-home__banners-link > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-home__banners-link > img,
.page-home__banners-link > video {
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .page-home__banners-link {
    max-width: calc(var(--unit-width--container) - var(--bs-gutter-x));
  }
}
.page-home__banners-image, .page-home__banners-video {
  object-position: center top;
}
@media screen and (min-width: 768px) {
  .page-home__cards-section {
    padding-left: calc(1.75rem - var(--bs-gutter-x) / 2);
    padding-right: calc(1.75rem - var(--bs-gutter-x) / 2);
  }
}
@media screen and (max-width: 767.98px) {
  .page-home__cards-section .highlight-section {
    --spacing-inline: 24;
    margin-top: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .page-home__cards-section .highlight-section__body {
    margin-left: calc(-1 * var(--bs-gutter-x) / 2);
    margin-right: calc(-1 * var(--bs-gutter-x) / 2);
  }
}
.page-home__cards-section .highlight-section__body > .row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 1rem;
}
@media screen and (min-width: 768px) {
  .page-home__cards-section .highlight-section__body > .row {
    --bs-gutter-x: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-home__cards-section--get-involved {
    --card-grid--card-min-width: 300;
  }
}
@media screen and (min-width: 1400px) {
  .page-home__cards-section--get-involved {
    --card-grid--card-min-width: 320;
  }
}
@media screen and (min-width: 1400px) {
  .show-sidebar .page-home__cards-section--get-involved {
    --card-grid--card-min-width: 300;
  }
}
@media (min-width: 1600px) {
  .show-sidebar .page-home__cards-section--get-involved {
    --card-grid--card-min-width: 320;
  }
}
.page-home__cards-section--get-involved .card {
  --card-img-width: calc(100% * 180 / 385);
  font-size: 0.9375rem;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
  min-height: 6.25rem;
}
@media screen and (min-width: 992px) {
  .page-home__cards-section--get-involved .card {
    --card-img-width: calc(100% * 120 / 320);
  }
}
.page-home__cards-section--get-involved .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
}
.page-home__cards-section--get-involved .card-title {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 991.98px) {
  .page-home .back-to-top {
    margin-right: 0;
  }
}
.page-home__sidebar {
  background-color: var(--color--bg--page-home--sidebar);
  border-top-color: var(--color--border--site-header);
  border-top-style: solid;
  border-top-width: 0.0625rem;
  display: none;
  grid-area: sidebar;
}
@media screen and (min-width: 1200px) {
  .page-home__sidebar {
    display: flex;
    flex-direction: column;
  }
}
.page-home__sidebar-button {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: 0;
  color: var(--color--darker);
  padding-bottom: 1.4375rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1.4375rem;
}
.page-home__sidebar-button:focus:where(:not(:focus-visible)) {
  color: var(--color--darker);
}
.page-home__sidebar-button:where(:focus) {
  color: var(--color--link);
}
.page-home__sidebar-button:focus-visible {
  color: var(--color--link);
}
@media (any-hover: hover) {
  .page-home__sidebar-button:hover {
    color: var(--color--link);
  }
}
.show-sidebar .page-home__sidebar-button {
  align-self: flex-end;
  padding-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.show-sidebar .page-home__sidebar-button .icon {
  transform: rotate(0.5turn);
}
.page-home__sidebar-items {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom-color: var(--color--border--site-header);
  border-bottom-style: solid;
  border-bottom-width: 0.0625rem;
}
.show-sidebar .page-home__sidebar-items {
  border-bottom: 0;
}
.page-home__sidebar-item {
  border-top-color: var(--color--border--site-header);
  border-top-style: solid;
  border-top-width: 0.0625rem;
  position: relative;
}
.show-sidebar .page-home__sidebar-item:first-child {
  border-top: 0;
}
.page-home__sidebar-item::before {
  background-color: var(--color--bg--site-overlay);
  bottom: 0;
  display: none;
  left: calc(1rem * var(--sidebar-width) / 16);
  mix-blend-mode: multiply;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.page-home__sidebar-item--has-subitems::before {
  content: "";
}
.show-sidebar .page-home__sidebar-item--has-subitems::before {
  content: none;
}
.page-home__sidebar-link {
  text-decoration: none;
  align-items: flex-start;
  color: var(--color--darker);
  display: flex;
  font-weight: bold;
  justify-content: center;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  position: relative;
}
.page-home__sidebar-link:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.page-home__sidebar-link:where(:focus) {
  text-decoration: underline;
}
.page-home__sidebar-link:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .page-home__sidebar-link:hover {
    text-decoration: underline;
  }
}
.show-sidebar .page-home__sidebar-link {
  justify-content: normal;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.page-home__sidebar-link .text {
  display: none;
}
.show-sidebar .page-home__sidebar-link .text {
  display: block;
}
.page-home__sidebar-link .title {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.show-sidebar .page-home__sidebar-link .title {
  display: none;
}
.page-home__sidebar-link .icon {
  color: var(--accent-color);
  flex: none;
  margin-bottom: 0.1875rem;
  margin-top: 0.0625rem;
  order: -1;
}
.show-sidebar .page-home__sidebar-link .icon {
  margin-right: calc(1rem * (12 - (var(--sprite-icons--width) - 16)) / 16);
}
.page-home__sidebar-link:focus:where(:not(:focus-visible)) {
  background-color: transparent;
}
.page-home__sidebar-link:focus:where(:not(:focus-visible)) .icon {
  color: var(--accent-color);
}
.page-home__sidebar-link:where(:focus) {
  background-color: var(--accent-color);
}
.page-home__sidebar-link:where(:focus) .icon {
  color: var(--color--light);
}
.show-sidebar .page-home__sidebar-link:where(:focus) {
  background-color: transparent;
}
.show-sidebar .page-home__sidebar-link:where(:focus) .icon {
  color: var(--accent-color);
}
.page-home__sidebar-link:focus-visible {
  background-color: var(--accent-color);
}
.page-home__sidebar-link:focus-visible .icon {
  color: var(--color--light);
}
.show-sidebar .page-home__sidebar-link:focus-visible {
  background-color: transparent;
}
.show-sidebar .page-home__sidebar-link:focus-visible .icon {
  color: var(--accent-color);
}
@media (any-hover: hover) {
  .page-home__sidebar-link:hover {
    background-color: var(--accent-color);
  }
  .page-home__sidebar-link:hover .icon {
    color: var(--color--light);
  }
  .show-sidebar .page-home__sidebar-link:hover {
    background-color: transparent;
  }
  .show-sidebar .page-home__sidebar-link:hover .icon {
    color: var(--accent-color);
  }
}
.page-home__sidebar-subitems {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--color--light);
  border-color: var(--color--border--site-header);
  border-style: solid;
  border-width: 0.0625rem;
  display: none;
  left: calc(1rem * var(--sidebar-width) / 16);
  padding: 1rem;
  position: absolute;
  top: 0;
  width: 23.75rem;
  z-index: 100;
}
.show-sidebar .page-home__sidebar-subitems {
  background-color: transparent;
  border: 0;
  display: block;
  padding-bottom: 1.75rem;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  padding-top: 0;
  position: static;
  width: auto;
}
.page-home__sidebar-subitems li:not(:last-child) {
  margin-bottom: 1rem;
}
.page-home__sidebar-item:focus-within::before,
.page-home__sidebar-item:focus-within .page-home__sidebar-subitems {
  display: block;
}
@media (any-hover: hover) {
  .page-home__sidebar-item:hover::before,
  .page-home__sidebar-item:hover .page-home__sidebar-subitems {
    display: block;
  }
}

.page-map-apis .card {
  --card-img-width: calc(100% * 175 / 374);
  --spacing-inline: 20;
  min-height: 10rem;
}
@media screen and (min-width: 768px) {
  .page-map-apis .card {
    --card-img-width: calc(100% * 216 / 463);
    --spacing-inline: 24;
    min-height: 15rem;
  }
}
.page-map-apis .card-header {
  padding-bottom: 0.75rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 1.25rem;
}
.page-map-apis .card-body {
  padding-bottom: 0.75rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 0.75rem;
}
.page-map-apis .card-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--num-lines);
  --num-lines: 2;
}
@media screen and (min-width: 768px) {
  .page-map-apis .card-text {
    --num-lines: 5;
  }
}
.page-map-apis .card-footer {
  border: 0;
  color: var(--color--link);
  padding-bottom: 1.125rem;
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .page-map-apis .card-footer {
    padding-bottom: 1.25rem;
  }
}

/* -------------------------------------------------------------
 * Utilities
 * ------------------------------------------------------------- */
/* Components
 * ---------------------------------------------- */
:root {
  --faux-overlay-scrollbars--color--track--normal--dark: transparent;
  --faux-overlay-scrollbars--color--thumb--normal--dark: transparent;
  --faux-overlay-scrollbars--color--track--content-hover--dark: rgb(255 255 255 / 0.2);
  --faux-overlay-scrollbars--color--thumb--content-hover--dark: rgb(0 0 0 / 0.4);
  --faux-overlay-scrollbars--color--thumb--thumb-hover--dark: rgb(0 0 0 / 0.8);
  --faux-overlay-scrollbars--color--track--normal--light: transparent;
  --faux-overlay-scrollbars--color--thumb--normal--light: transparent;
  --faux-overlay-scrollbars--color--track--content-hover--light: rgb(0 0 0 / 0.2);
  --faux-overlay-scrollbars--color--thumb--content-hover--light: rgb(255 255 255 / 0.4);
  --faux-overlay-scrollbars--color--thumb--thumb-hover--light: rgb(255 255 255 / 0.8);
  --faux-overlay-scrollbars--overflow-x: auto;
  --faux-overlay-scrollbars--overflow-y: auto;
  --faux-overlay-scrollbars--width--track--normal: 12;
  --faux-overlay-scrollbars--width--thumb--normal: 3;
  --faux-overlay-scrollbars--width--track--content-hover: 12;
  --faux-overlay-scrollbars--width--thumb--content-hover: 3;
  --faux-overlay-scrollbars--width--thumb--thumb-hover: 6;
}

:root,
.faux-overlay-scrollbars--dark {
  --faux-overlay-scrollbars--color--track--normal: var(--faux-overlay-scrollbars--color--track--normal--dark);
  --faux-overlay-scrollbars--color--thumb--normal: var(--faux-overlay-scrollbars--color--thumb--normal--dark);
  --faux-overlay-scrollbars--color--track--content-hover: var(--faux-overlay-scrollbars--color--track--content-hover--dark);
  --faux-overlay-scrollbars--color--thumb--content-hover: var(--faux-overlay-scrollbars--color--thumb--content-hover--dark);
  --faux-overlay-scrollbars--color--thumb--thumb-hover: var(--faux-overlay-scrollbars--color--thumb--thumb-hover--dark);
}

.faux-overlay-scrollbars--light {
  --faux-overlay-scrollbars--color--track--normal: var(--faux-overlay-scrollbars--color--track--normal--light);
  --faux-overlay-scrollbars--color--thumb--normal: var(--faux-overlay-scrollbars--color--thumb--normal--light);
  --faux-overlay-scrollbars--color--track--content-hover: var(--faux-overlay-scrollbars--color--track--content-hover--light);
  --faux-overlay-scrollbars--color--thumb--content-hover: var(--faux-overlay-scrollbars--color--thumb--content-hover--light);
  --faux-overlay-scrollbars--color--thumb--thumb-hover: var(--faux-overlay-scrollbars--color--thumb--thumb-hover--light);
}

@supports (overflow: overlay) {
  .classic-scrollbars {
    --faux-overlay-scrollbars--overflow-x: overlay;
    --faux-overlay-scrollbars--overflow-y: overlay;
  }
}
.faux-overlay-scrollbars {
  overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  overflow-y: var(--faux-overlay-scrollbars--overflow-y);
}

.classic-scrollbars .faux-overlay-scrollbars {
  --faux-overlay-scrollbars--color--track: var(--faux-overlay-scrollbars--color--track--normal);
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--normal);
  --faux-overlay-scrollbars--width--track: var(--faux-overlay-scrollbars--width--track--normal);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--normal);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar {
  height: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
  width: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-track {
  background-color: var(--faux-overlay-scrollbars--color--track);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-thumb {
  background-color: var(--faux-overlay-scrollbars--color--thumb);
  background-clip: padding-box;
  border-color: transparent;
  border-radius: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
  border-style: solid;
  border-width: calc(1rem * (var(--faux-overlay-scrollbars--width--track) - var(--faux-overlay-scrollbars--width--thumb)) / 2 / 16);
}
.classic-scrollbars .faux-overlay-scrollbars:hover {
  --faux-overlay-scrollbars--color--track: var(--faux-overlay-scrollbars--color--track--content-hover);
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--content-hover);
  --faux-overlay-scrollbars--width--track: var(--faux-overlay-scrollbars--width--track--content-hover);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--content-hover);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-thumb:hover {
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--thumb-hover);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--thumb-hover);
}
@supports (scrollbar-width: thin) {
  .classic-scrollbars .faux-overlay-scrollbars {
    scrollbar-color: var(--faux-overlay-scrollbars--color--thumb) var(--faux-overlay-scrollbars--color--track);
    scrollbar-width: thin;
    transition-duration: var(--duration--default);
    transition-property: scrollbar-color;
    transition-timing-function: var(--timing-function--default);
  }
  .classic-scrollbars .faux-overlay-scrollbars:hover {
    --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--thumb-hover);
    --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--thumb-hover);
  }
}

/* Helpers
 * ---------------------------------------------- */
.block-list li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.block-list ol,
.block-list ul {
  margin-top: 1.25rem;
}
.block-list ol:last-child,
.block-list ul:last-child {
  margin-bottom: 0;
}

.custom-list-item-markers li {
  list-style-type: var(--marker);
}
@supports not (list-style-type: "") {
  .custom-list-item-markers li {
    list-style-type: none;
    position: relative;
  }
  .custom-list-item-markers li::before {
    content: var(--marker);
    position: absolute;
    right: 100%;
    top: 0;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    unicode-bidi: isolate;
    white-space: pre;
  }
}

.list-style-none {
  list-style: none;
}

/*# sourceMappingURL=style.css.map */