@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--dark-gray: 164,164,164;
  --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-main: 249,249,249;
  --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--dark-gray: rgb(var(--color-palette--dark-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-main: rgb(var(--color-palette--bg--site-main));
  --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:has(.alphabet-nav) {
    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,
picture {
  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;
}

[hidden=until-found] {
  display: revert !important;
}

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-control-with-icons {
  --form-control-padding-x: 12;
  --form-control-padding-left: var(--form-control-padding-x);
  --form-control-padding-right: var(--form-control-padding-x);
  --type-icon-gap: 12;
  --type-icon-height: 16;
  --type-icon-width: 16;
  --dropdown-icon-gap: var(--form-control-padding-x);
  --dropdown-icon-height: 6;
  --dropdown-icon-width: 12;
  --clear-icon-height: 16;
  --clear-icon-width: 16;
  position: relative;
}
.form-control-with-icons--type {
  --form-control-padding-left:
  	calc(
  		var(--form-control-padding-x) +
  		var(--type-icon-width) +
  		var(--type-icon-gap)
  	);
}
.form-control-with-icons--dropdown, .form-control-with-icons--clear {
  --form-control-padding-right:
  	calc(
  		var(--form-control-padding-x) +
  		var(--dropdown-icon-width) +
  		var(--dropdown-icon-gap)
  	);
}
.form-control-with-icons .form-control {
  padding-left: calc(1rem * var(--form-control-padding-left) / 16);
  padding-right: calc(1rem * var(--form-control-padding-right) / 16);
}
.form-control-with-icons .type-icon {
  left: calc(var(--bs-border-width) + 1rem * var(--form-control-padding-x) / 16);
  margin-top: calc(1rem * -1 * var(--type-icon-height) / 2 / 16);
  pointer-events: none;
  position: absolute;
  top: 50%;
}
.form-control-with-icons .dropdown-icon {
  color: #083e33;
  margin-top: calc(1rem * -1 * var(--dropdown-icon-height) / 2 / 16);
  pointer-events: none;
  position: absolute;
  right: calc(var(--bs-border-width) + 1rem * var(--form-control-padding-x) / 16);
  top: 50%;
}
.form-control-with-icons__clear {
  align-items: center;
  display: flex;
  justify-content: center;
  --bs-btn-color: #083e33;
  --bs-btn-hover-color: var(--color--link);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-color: var(--color--link);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--bs-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: var(--bs-border-radius);
  height: 100%;
  padding-bottom: 0;
  padding-left: calc(1rem * var(--dropdown-icon-gap) / 16 - var(--bs-btn-border-width));
  padding-right: calc(1rem * var(--form-control-padding-x) / 16 - var(--bs-btn-border-width));
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.form-control:placeholder-shown ~ .form-control-with-icons__clear,
.form-control-with-icons .form-control:not(:placeholder-shown) ~ .dropdown-icon {
  display: none;
}
.form-control-with-icons .clear-icon {
  margin-left: calc(1rem * (var(--dropdown-icon-width) - var(--clear-icon-width)) / 2 / 16);
  margin-right: calc(1rem * (var(--dropdown-icon-width) - var(--clear-icon-width)) / 2 / 16);
}

.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: 2.625rem;
  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;
}

a.btn:not(.btn-link) {
  text-decoration: none;
}

.btn-primary,
.btn-secondary,
.btn-light,
.btn-dark,
.btn-light-green,
.btn-green,
.btn-teal,
.btn-bg-dark,
.btn-bg-darker,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-light-green,
.btn-outline-green,
.btn-outline-teal,
.btn-outline-fg-dark,
.btn-outline-fg-darker {
  --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(--color--darker);
}

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

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

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

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

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

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

.btn-outline-secondary {
  --bs-btn-color: #aaabab;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #aaabab;
}

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

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

.btn-outline-green {
  --bs-btn-color: var(--color--green);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color--green);
}

.btn-outline-teal {
  --bs-btn-color: var(--color--teal);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color--teal);
}

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

.btn-outline-fg-darker {
  --bs-btn-color: var(--color--fg-darker);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color--fg-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;
}
@media screen and (min-width: 768px) {
  .nav-pills {
    --spacing-block: 20;
    --spacing-column: 20;
  }
}
.nav-pills {
  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);
}
.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;
  text-decoration: none;
}
.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);
  overflow-wrap: anywhere;
  transition-duration: var(--duration--default);
  transition-property: box-shadow;
  transition-timing-function: var(--timing-function--default);
  word-break: break-word;
}
.card a {
  text-decoration: none;
}
.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 a {
  color: inherit;
}
.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;
}

a.page-link:hover, a.page-link:active {
  text-decoration: none;
}

.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;
}
.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 {
  display: inline-block;
  fill: currentcolor;
  vertical-align: middle;
  width: calc(1rem * var(--sprite-icons--width) / 16);
}

.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--angle-up {
  --sprite-icons--height: 6;
  --sprite-icons--width: 12;
}

.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--clear {
  --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--dropdown {
  --sprite-icons--height: 5;
  --sprite-icons--width: 7;
}

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

.sprite-icons--eye-alt {
  --sprite-icons--height: 13;
  --sprite-icons--width: 23;
}

.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--showcase-gallery {
  --sprite-icons--height: 28;
  --sprite-icons--width: 25;
}

.sprite-icons--sliders {
  --sprite-icons--height: 19;
  --sprite-icons--width: 19;
}

.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;
}

.sprite-icons--upload {
  --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 {
  --scale-factor: calc(14 / 18);
  --inverse-scale-factor: 1;
  --logo-min-width: calc(218 * var(--scale-factor));
  --logo-img-height: calc(60 * var(--scale-factor));
  --main-spacing-inline: calc(18 * var(--scale-factor));
  --utils-spacing-inline: 10;
  --main-menu-item-horizontal-icon-scale-factor: 1;
  background-color: var(--color--light);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 399.98px) {
  .site-nav {
    --logo-min-width: 0;
  }
}
@media (max-width: 359.98px) {
  .site-nav {
    --logo-img-height: 38;
  }
}
@media screen and (min-width: 768px) {
  .site-nav {
    --scale-factor: 1;
    --inverse-scale-factor: calc(18 / 14);
  }
}
@media screen and (max-width: 991.98px) {
  .site-nav--mobile-utils {
    --utils-spacing-inline: 14;
  }
}
@media (max-width: 439.98px) {
  .site-nav--mobile-utils {
    --logo-min-width: 0;
  }
}
@media (max-width: 429.98px) {
  .site-nav--mobile-utils {
    --utils-spacing-inline: 10;
  }
}
@media (max-width: 409.98px) {
  .site-nav--mobile-utils {
    --main-spacing-inline: 12;
    --utils-spacing-inline: 8;
  }
}
@media (max-width: 389.98px) {
  .site-nav--mobile-utils {
    --logo-img-height: 38;
    --main-menu-item-horizontal-icon-scale-factor: 0.8125;
  }
}
.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 {
  border-top-color: var(--color--green);
  display: none;
}
.site-nav a:where(:focus)::before,
.site-nav button:where(:focus)::before {
  border-top-color: var(--color--light-teal);
  display: block;
}
.site-nav a:focus-visible::before,
.site-nav button:focus-visible::before {
  border-top-color: var(--color--light-teal);
  display: block;
}
@media (any-hover: hover) {
  .site-nav a:hover::before,
  .site-nav button:hover::before {
    border-top-color: var(--color--light-teal);
    display: block;
  }
}
.hksarg .site-nav a:focus:where(:not(:focus-visible))::before,
.hksarg .site-nav button:focus:where(:not(:focus-visible))::before {
  border-top-color: var(--color--green);
}
.hksarg .site-nav a:where(:focus)::before,
.hksarg .site-nav button:where(:focus)::before {
  border-top-color: #6acddb;
}
.hksarg .site-nav a:focus-visible::before,
.hksarg .site-nav button:focus-visible::before {
  border-top-color: #6acddb;
}
@media (any-hover: hover) {
  .hksarg .site-nav a:hover::before,
  .hksarg .site-nav button:hover::before {
    border-top-color: #6acddb;
  }
}
.site-nav a.active::before,
.site-nav button.active::before {
  display: block;
}
.site-nav__main {
  list-style: none;
  margin: 0;
  padding: 0;
  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;
  }
}
.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 * var(--main-spacing-inline) / 16);
  padding-right: calc(1rem * var(--main-spacing-inline) / 16);
  width: 100%;
}
.site-nav__main .icon {
  width: calc(1rem * var(--sprite-icons--width) * var(--scale-factor) / 16);
}
.site-nav--showcase-gallery .site-nav__main {
  width: auto;
}
.site-nav__menu .icon {
  padding-bottom: 0.00125rem;
}
.site-nav__logo {
  min-width: calc(1rem * var(--logo-min-width) / 16);
}
.site-nav__logo a {
  align-items: flex-start;
}
.site-nav__logo img {
  height: calc(1rem * var(--logo-img-height) / 16);
  transform: translateY(calc(1rem * -4 * var(--scale-factor) / 16));
}
.site-nav__main-menu-item, .site-nav__catalog, .site-nav__map {
  min-width: calc(1rem * 137 * var(--scale-factor) / 16);
}
@media screen and (max-width: 575.98px) {
  .site-nav__main-menu-item, .site-nav__catalog, .site-nav__map {
    flex: auto;
    min-width: auto;
    width: 100%;
  }
}
.site-nav__main-menu-item .text, .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__main-menu-item--horizontal a,
.site-nav__main-menu-item--horizontal button {
  flex-direction: row;
}
.site-nav__main-menu-item--horizontal .icon {
  width: calc(1rem * var(--sprite-icons--width) * var(--main-menu-item-horizontal-icon-scale-factor) / 16);
}
.site-nav__main-menu-item--horizontal .text {
  margin-left: calc(1rem * 10 * var(--scale-factor) / 16);
  margin-top: 0;
}
.site-nav__main-menu-item--mobile-icon-size .icon {
  width: calc(1rem * var(--sprite-icons--width) * var(--inverse-scale-factor) / 16);
}
.site-nav__main-menu-item--horizontal.site-nav__main-menu-item--mobile-icon-size .icon {
  width: calc(1rem * var(--sprite-icons--width) * var(--inverse-scale-factor) * var(--main-menu-item-horizontal-icon-scale-factor) / 16);
}
.site-nav__main-menu-item--showcase-gallery:last-child {
  border-right-color: var(--color--border--site-header);
  border-right-style: solid;
  border-right-width: 0.0625rem;
}
.site-nav__main-menu-item--showcase-gallery .text {
  text-transform: none;
}
.site-nav__mobile-utils {
  list-style: none;
  margin: 0;
  padding: 0;
  --line-height: 24;
  border-left-color: var(--color--border--site-header);
  border-left-style: solid;
  border-left-width: 0.0625rem;
  color: #555555;
  display: flex;
  font-size: 1.125rem;
  line-height: calc(var(--line-height) / 18);
}
@media screen and (min-width: 992px) {
  .site-nav__mobile-utils {
    display: none;
  }
}
.site-nav__mobile-utils > * {
  display: flex;
  flex: none;
}
.site-nav__mobile-utils > *:not(:first-child) {
  padding-left: 0.0625rem;
}
.site-nav__mobile-utils > *:not(:first-child)::after {
  border-left-color: var(--color--border--site-header);
  border-left-style: solid;
  border-left-width: 0.0625rem;
  content: "";
  height: 0.9375rem;
  margin-left: -0.0625rem;
  margin-top: -0.46875rem;
  position: absolute;
  top: 50%;
}
.site-nav__mobile-utils > * > a,
.site-nav__mobile-utils > * > button {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: calc(1rem * var(--utils-spacing-inline) / 16);
  padding-right: calc(1rem * var(--utils-spacing-inline) / 16);
}
.site-nav--showcase-gallery .site-nav__mobile-utils {
  border-left-width: 0;
}
@media (max-width: 359.98px) {
  .site-nav__mobile-utils .site-nav__text-size {
    display: none;
  }
  .site-nav__mobile-utils .site-nav__text-size + * {
    padding-left: 0;
  }
  .site-nav__mobile-utils .site-nav__text-size + *::after {
    display: none;
  }
}
.site-nav__mobile-utils .site-nav__menu .icon {
  color: #b9b9b9;
  margin-left: calc(1rem * (var(--utils-spacing-inline) - 2) / 16);
  padding-bottom: 0;
}
.site-nav__mobile-utils .site-nav__menu [aria-expanded=true],
.site-nav__mobile-utils .site-nav__menu [aria-expanded=true] .icon {
  color: var(--color--green);
}
.site-nav__utils {
  list-style: none;
  margin: 0;
  padding: 0;
  --line-height: var(--bs-body-line-height);
  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: calc(1rem * var(--utils-spacing-inline) / 16);
  padding-right: calc(1rem * var(--utils-spacing-inline) / 16);
}
.site-nav__text-size .small {
  font-size: 0.875rem;
  line-height: calc(var(--line-height) / 14);
}
.site-nav__text-size .large {
  font-size: 1.25rem;
  line-height: calc(var(--line-height) / 20);
}
.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(/gallery/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--mobile-utils {
  --utils-spacing-inline: 10;
  --spacing-block: 20;
  --spacing-inline: calc(var(--utils-spacing-inline) * 2 - 2 + 7);
  --spacing-row: calc(var(--spacing-block) / 2);
  background-color: var(--color--dark-green);
  background-image: none;
  height: auto !important;
}
@media screen and (max-width: 991.98px) {
  .site-menu--mobile-utils {
    --utils-spacing-inline: 14;
  }
}
@media (max-width: 429.98px) {
  .site-menu--mobile-utils {
    --utils-spacing-inline: 10;
  }
}
@media (max-width: 409.98px) {
  .site-menu--mobile-utils {
    --utils-spacing-inline: 8;
  }
}
.site-menu--mobile-utils .container {
  max-width: none;
}
.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;
}
.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 a,
.site-menu button {
  color: var(--color--light-teal);
  font-weight: bold;
}
.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--mobile-utils .site-menu__lang {
  justify-content: flex-end;
}
.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;
}
.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 a {
  color: inherit;
}
.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: var(--color--bg--site-main);
  background-image: url(/gallery/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[href] {
  text-decoration: none;
}
.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--hidden-until-found.row > * {
  margin-top: 0;
}
.card-grid--hidden-until-found.row > * > .card {
  height: calc(100% - var(--bs-gutter-y));
  margin-top: var(--bs-gutter-y);
}
.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(search-text-match) {
  background-color: var(--color--teal);
  color: var(--color--light);
}

.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;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@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 {
  align-items: center;
  display: grid;
  grid-template-areas: "pagination" "description";
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (max-width: 575.98px) {
  .pagination-nav {
    margin-bottom: 0.5rem;
  }
}
.pagination-nav--with-posts-per-page {
  grid-template-areas: "pagination" "description" "posts-per-page";
}
@media screen and (min-width: 1200px) {
  .pagination-nav--with-posts-per-page {
    grid-template-areas: ".           pagination  posts-per-page" "description description description";
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .pagination-nav--hide-pagination.pagination-nav--with-posts-per-page {
    grid-template-areas: ". description posts-per-page";
  }
}
.pagination-nav__description {
  color: rgb(var(--color-palette--dark), 0.8);
  grid-area: description;
  margin-bottom: 0;
  margin-top: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 575.98px) {
  .pagination-nav__description {
    display: none;
  }
}
.pagination-nav--hide-pagination .pagination-nav__description {
  margin-top: 0;
}
.pagination-nav .pagination {
  grid-area: pagination;
  margin-bottom: 0;
}
.pagination-nav--hide-pagination .pagination {
  display: none;
}
.pagination-nav__posts-per-page {
  grid-area: posts-per-page;
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .pagination-nav__posts-per-page {
    justify-self: end;
    margin-top: 0;
  }
}
.pagination-nav__posts-per-page .form-select {
  border-radius: 0.625rem;
  width: min-content;
}
@media screen and (max-width: 575.98px) {
  .pagination-nav--hide-pagination .pagination-nav__posts-per-page {
    margin-top: 0;
  }
}
.pagination-nav__posts-per-page-field {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagination-nav__posts-per-page-label {
  flex: none;
  font-weight: bold;
  margin-right: 1rem;
}

.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;
}

.whats-new-filters {
  --spacing-row: 12;
  --spacing-column: 16;
  column-gap: calc(1rem * var(--spacing-column) / 16);
  display: grid;
  grid-template-areas: "toggle" "categories" "date-range" "search";
  margin-bottom: 1.5rem;
  margin-top: -1.25rem;
}
@media screen and (min-width: 768px) {
  .whats-new-filters {
    grid-template-areas: "toggle     toggle     toggle" "categories categories categories" ".          date-range ." ".          search     .";
    grid-template-columns: minmax(0, 1fr) 32.25rem minmax(0, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .whats-new-filters {
    grid-template-areas: "toggle     toggle" "categories categories" "date-range search";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.whats-new-filters .form-control-with-icons {
  --bs-border-radius: 0.625rem;
  --form-control-padding-x: 15;
}
.whats-new-filters .form-control-with-icons .type-icon {
  color: #000000;
}
.whats-new-filters .form-control {
  --bs-border-color: var(--color--border--form);
  font-size: inherit;
  line-height: inherit;
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
}
.whats-new-filters .form-control:focus {
  border-color: var(--color--link);
}
@media (any-hover: hover) {
  .whats-new-filters .form-control:hover {
    border-color: var(--color--link);
  }
}
.whats-new-filters .form-control::placeholder {
  color: var(--bs-body-color);
  opacity: 0.65;
}
.whats-new-filters .form-select {
  border-radius: 0.625rem;
  width: min-content;
}
.whats-new-filters__field--with-label {
  display: flex;
}
.whats-new-filters__field-label {
  flex: none;
  font-weight: bold;
}
.whats-new-filters > * {
  position: relative;
}
.whats-new-filters > *::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width--viewport) / 2);
  position: relative;
  width: var(--unit-width--viewport);
  background-color: var(--bg-color);
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
}
.whats-new-filters > * > * {
  position: relative;
}
.whats-new-filters__toggle {
  --bg-color: var(--color--bg-light-darker);
}
.hksarg .whats-new-filters__toggle {
  --bg-color: var(--color--bg-light);
}
.whats-new-filters__categories {
  --bg-color: var(--color--bg-darker);
}
.hksarg .whats-new-filters__categories {
  --bg-color: var(--color--bg-light-darker);
}
.whats-new-filters__date-range, .whats-new-filters__search {
  --bg-color: var(--color--bg--site-main);
}
.whats-new-filters__date-range, .whats-new-filters__search {
  padding-bottom: 1.5rem;
}
.whats-new-filters__date-range {
  padding-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .whats-new-filters > ::before {
    left: 0;
    margin-left: calc(-1 * (var(--unit-width--container-margin) + var(--bs-gutter-x) / 2));
  }
  .whats-new-filters__date-range, .whats-new-filters__search {
    padding-bottom: 1.375rem;
    padding-top: 1.375rem;
  }
  .whats-new-filters__search::before {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .whats-new-filters .whats-new-filters__toggle {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .whats-new-filters:not(.whats-new-filters--open) .whats-new-filters__categories, .whats-new-filters:not(.whats-new-filters--open) .whats-new-filters__date-range, .whats-new-filters:not(.whats-new-filters--open) .whats-new-filters__search {
    display: none;
  }
}
.whats-new-filters__toggle {
  grid-area: toggle;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.whats-new-filters:not(.whats-new-filters--open) .whats-new-filters__toggle .close, .whats-new-filters--open .whats-new-filters__toggle .open {
  display: none;
}
.whats-new-filters__categories {
  grid-area: categories;
}
.whats-new-filters__categories .nav-pills {
  --spacing-block: 24;
  --spacing-inline: 0;
  --spacing-row: 12;
  --spacing-column: 12;
  background-color: transparent;
  margin-left: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
  margin-right: calc(1rem * -1 * var(--spacing-column) / 2 / 16);
}
@media screen and (min-width: 992px) {
  .whats-new-filters__categories .nav-pills {
    --spacing-column: 16;
  }
}
.whats-new-filters__categories .nav-pills .nav-link {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.whats-new-filters__date-range {
  column-gap: calc(1rem * var(--spacing-column) / 16);
  display: grid;
  grid-area: date-range;
  grid-template-areas: "from" "to";
  row-gap: calc(1rem * var(--spacing-row) / 16);
}
@media (min-width: 415px) {
  .whats-new-filters__date-range {
    align-items: end;
    grid-template-areas: "from to";
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 576px) {
  .whats-new-filters__date-range {
    align-items: center;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (min-width: 992px) {
  .whats-new-filters__date-range {
    grid-template-columns: auto auto;
    justify-content: start;
  }
}
.whats-new-filters__date-range .form-control-with-icons {
  --type-icon-height: 16;
  --type-icon-width: 15;
}
.whats-new-filters__date-range .form-control-with-icons .type-icon {
  width: calc(1rem * var(--type-icon-width) / 16);
}
@media screen and (min-width: 576px) {
  .whats-new-filters__date-range .form-control {
    width: 13.75rem;
  }
}
@media screen and (min-width: 992px) {
  .whats-new-filters__date-range .form-control {
    width: 11.25rem;
  }
}
.whats-new-filters__date-range .whats-new-filters__field--from {
  flex-direction: column;
  grid-area: from;
}
@media screen and (min-width: 576px) {
  .whats-new-filters__date-range .whats-new-filters__field--from {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.whats-new-filters__date-range .whats-new-filters__field--to {
  grid-area: to;
}
.whats-new-filters__date-range .whats-new-filters__field-label {
  margin-bottom: 1rem;
}
@media screen and (min-width: 576px) {
  .whats-new-filters__date-range .whats-new-filters__field-label {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .whats-new-filters__date-range .whats-new-filters__field-label {
    margin-right: calc(1rem * var(--spacing-column) / 16);
  }
}
.whats-new-filters__search {
  --btn-width: 115;
  align-items: center;
  column-gap: calc(1rem * var(--spacing-column) / 16);
  display: grid;
  grid-area: search;
  grid-template-areas: "input  input" "submit reset";
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: calc(1rem * var(--spacing-row) / 16);
}
@media screen and (min-width: 576px) {
  .whats-new-filters__search {
    grid-template-areas: "input submit reset";
    grid-template-columns: 1fr repeat(2, calc(1rem * var(--btn-width) / 16));
  }
}
@media screen and (min-width: 1400px) {
  .whats-new-filters__search {
    --btn-width: 160;
  }
}
.whats-new-filters__search .form-control-with-icons {
  grid-area: input;
}
.whats-new-filters__search input[type=search]::-webkit-search-cancel-button, .whats-new-filters__search input[type=search]::-webkit-search-decoration, .whats-new-filters__search input[type=search]::-webkit-search-results-button, .whats-new-filters__search input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.whats-new-filters__search .btn {
  --bs-btn-padding-y: 0.625rem;
}
.whats-new-filters__search-submit {
  grid-area: submit;
}
.whats-new-filters__search-reset {
  --bs-btn-bg: var(--color--light);
  grid-area: reset;
}
.whats-new-filters__datepicker[class] {
  --bs-dropdown-border-color: var(--color--border--form);
  border-radius: 0.625rem;
  padding: 0.9375rem;
}
.whats-new-filters__datepicker[class] td,
.whats-new-filters__datepicker[class] th {
  border-radius: 0.3125rem;
  padding: 0.25rem;
}
.whats-new-filters__datepicker[class] .day:hover {
  background-color: var(--color--light-gray);
}
.whats-new-filters__datepicker[class] .new,
.whats-new-filters__datepicker[class] .old {
  color: var(--color--dark-gray);
}
.whats-new-filters__datepicker[class] .range {
  background-color: var(--color--light-gray);
}
.whats-new-filters__datepicker[class] .selected, .whats-new-filters__datepicker[class] .selected:hover:hover {
  background-color: var(--color--dark-gray);
  background-image: none;
  color: var(--color--light);
  text-shadow: none;
}
.whats-new-filters__datepicker[class] .active, .whats-new-filters__datepicker[class] .active:hover,
.whats-new-filters__datepicker[class] .active.active,
.whats-new-filters__datepicker[class] .active.active:hover {
  background-color: var(--color--bg--button--active);
  background-image: none;
  color: var(--color--button--active);
  text-shadow: none;
}
.whats-new-filters__datepicker[class] .datepicker-days {
  --col-padding-x: 2;
  --col-width: 38;
}
.whats-new-filters__datepicker[class] .datepicker-days:lang(zh) {
  --col-padding-x: 4;
  --col-width: 32;
}
.whats-new-filters__datepicker[class] .datepicker-days table {
  table-layout: fixed;
  width: calc(1rem * var(--col-width) * 7 / 16);
}
.whats-new-filters__datepicker[class] .datepicker-days td,
.whats-new-filters__datepicker[class] .datepicker-days th {
  padding-left: calc(1rem * var(--col-padding-x) / 16);
  padding-right: calc(1rem * var(--col-padding-x) / 16);
  width: calc(1rem * var(--col-width) / 16);
}
.whats-new-filters__datepicker[class] .datepicker-days .datepicker-switch {
  width: calc(1rem * var(--col-width) * 5 / 16);
}
.whats-new-filters__datepicker[class] .datepicker-switch:lang(zh),
.whats-new-filters__datepicker[class] .dow:lang(zh) {
  color: #112b07;
}

/* Content
 * ---------------------------------------------- */
.card-badge {
  --badge-bg-color: var(--color--light-alt-green);
  --badge-color: var(--color--light);
  --badge-font-size: 12;
  --badge-height: 24;
  --badge-offset: 25;
  --badge-width: 200;
  --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;
}
.card-badge:lang(en) {
  --badge-font-size: 10;
}
.card-badge--preset-featured {
  --badge-bg-color: #5156da;
}
.card-badge--preset-new {
  --badge-bg-color: #ff8100;
}
.card-badge--preset-beta {
  --badge-bg-color: rgb(0, 128, 255);
}
.card-badge--border {
  box-shadow: inset 0 0 0 calc(1rem * var(--border-width) / 16) var(--border-color);
}
.card-badge .badge {
  background-color: var(--badge-bg-color);
  border-radius: 0;
  color: var(--badge-color);
  font-size: calc(1rem * var(--badge-font-size) / 16);
  font-weight: bold;
  line-height: calc(var(--badge-height) / var(--badge-font-size));
  padding: 0;
  position: absolute;
  right: calc(1rem * (-1 * var(--badge-width) / 2 + var(--badge-offset)) / 16);
  top: calc(1rem * (-1 * var(--badge-height) / 2 + var(--badge-offset)) / 16);
  transform: rotate(0.125turn);
  width: 12.5rem;
}

.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);
}

.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 {
    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;
  }
}
.image-notes__images {
  background-color: var(--images-bg-color);
  display: flex;
  flex-direction: column;
}
@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--center-images .image-notes__images {
  align-items: center;
  justify-content: center;
}
.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 {
  max-width: calc(1rem * var(--image-max-width) / 16);
  width: 100%;
}
.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;
  line-height: 1.2857142857;
  min-width: 1.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  left: calc(100% * var(--x) / var(--image-width));
  top: calc(100% * var(--y) / var(--image-height));
  transform: translate(-50%, -50%);
  width: auto;
}
.image-notes--cover-image {
  --object-position-x: 50%;
  --object-position-y: 50%;
}
@media screen and (min-width: 992px) {
  .image-notes--cover-image .image-notes__image {
    flex: auto;
  }
  .image-notes--cover-image .image-notes__image::before {
    content: none;
  }
  .image-notes--cover-image .image-notes__image > img,
  .image-notes--cover-image .image-notes__image > video {
    object-position: var(--object-position-x) var(--object-position-y);
  }
}
.image-notes--cover-image-position-x-1-3 {
  --object-position-x: calc(100% * 1 / 3);
}
.image-notes--cover-image-position-x-2-3 {
  --object-position-x: calc(100% * 2 / 3);
}
.image-notes--cover-image-position-y-1-3 {
  --object-position-y: calc(100% * 1 / 3);
}
.image-notes--cover-image-position-y-2-3 {
  --object-position-y: calc(100% * 2 / 3);
}
.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);
  font-size: 0.875rem;
  font-weight: bold;
  height: 1.375rem;
  line-height: 1.2857142857;
  min-width: 1.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  content: attr(data-marker);
  left: -0.0625rem;
  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;
}
.image-notes__marker {
  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;
  line-height: 1.2857142857;
  min-width: 1.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  display: inline-flex;
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}

.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;
}

/* Geoportal
 * ---------------------------------------------- */
.g-item-html #attributeTab,
.g-item-html #btnExplore {
  display: flex;
}
.g-item-html .metadata-container > * {
  display: grid;
  grid-template-areas: "main" "sidebar" "related";
  row-gap: 2.25rem;
}
@media screen and (min-width: 992px) {
  .g-item-html .metadata-container > * {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "main    main    sidebar" "related related sidebar";
    row-gap: 3rem;
  }
}
.g-item-html .metadata-main {
  grid-area: main;
}
.g-item-html .metadata-sidebar {
  grid-area: sidebar;
}
.g-item-html .metadata-related {
  grid-area: related;
}
.g-item-html .sharePos a:not(:first-child) {
  margin-left: 1rem;
}
.g-item-html .icon-heart,
.g-item-html .icon-solid-heart {
  background-image: url(/geoportal/custom/2024-revamp/images/icon/black/heart.svg);
  background-size: contain;
  height: 1.0625rem;
  width: 1.3125rem;
}
.g-item-html .icon-heart {
  opacity: 0.1;
}
.g-item-html .titleArrowDown,
.g-item-html .titleArrowUp,
.g-item-html .viewArrowDown,
.g-item-html .viewArrowUp {
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(20%) sepia(11%) saturate(2671%) hue-rotate(119deg) brightness(93%) contrast(98%);
}
.g-item-html .titleArrowDown,
.g-item-html .titleArrowUp {
  height: 1.25rem;
  width: 1.1875rem;
}
.g-item-html .viewArrowDown,
.g-item-html .viewArrowUp {
  height: 0.375rem;
  width: 0.75rem;
}
.g-item-html .titleArrowDown,
.g-item-html .viewArrowDown {
  background-image: url(/geoportal/custom/2024-revamp/images/icon/black/angle-down.svg);
}
.g-item-html .titleArrowUp,
.g-item-html .viewArrowUp {
  background-image: url(/geoportal/custom/2024-revamp/images/icon/black/angle-up.svg);
}
@media screen and (min-width: 768px) {
  .g-item-html .text-card {
    --spacing-inline: 24;
  }
}
.g-item-html .text-card .card-header {
  color: var(--color--light-alt-green);
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.g-item-html .text-card .card-header + .card-body {
  padding-bottom: 1rem;
}
.g-item-html .text-card .metainfoborderline {
  border-top-color: var(--bs-card-border-color);
}
.g-item-html .text-card a {
  color: inherit;
}
.g-item-html .dataremark_topnav {
  margin-top: -10px;
}
.g-item-html .dataremark_topnav a {
  border-bottom-color: currentcolor;
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
  text-decoration: none;
}
.g-item-html .dataremark_topnav a:focus:where(:not(:focus-visible)) {
  color: inherit;
}
.g-item-html .dataremark_topnav a:where(:focus) {
  color: var(--color--light-alt-green);
}
.g-item-html .dataremark_topnav a:focus-visible {
  color: var(--color--light-alt-green);
}
@media (any-hover: hover) {
  .g-item-html .dataremark_topnav a:hover {
    color: var(--color--light-alt-green);
  }
}
.g-item-html .dataremark_topnav a.active {
  color: var(--color--light-alt-green);
}
.g-item-html .metadata-sidebar ::marker {
  color: inherit;
}
.g-item-html .metadata-sidebar a {
  color: inherit;
  text-decoration: none;
}
.g-item-html .metadata-sidebar [disabled] {
  background-color: #e9e9e9;
  color: #a3a3a3;
  opacity: 1 !important;
}
.g-item-html .metadata-sidebar [disabled] .icon-img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(0%) hue-rotate(213deg) brightness(81%) contrast(85%);
}
.g-item-html .metadata-sidebar .metadata-card {
  border-top-color: var(--color--teal);
  border-top-style: solid;
  border-top-width: 0.3125rem;
}
.g-item-html .metadata-sidebar .metadata-card-header,
.g-item-html .metadata-sidebar .metadata-card-content,
.g-item-html .metadata-sidebar .btn-metadata,
.g-item-html .metadata-sidebar .btn-metadata-sub-header,
.g-item-html .metadata-sidebar .btn-metadata-sub,
.g-item-html .metadata-sidebar .btn-metadata-sub-content {
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}
.g-item-html .metadata-sidebar .metadata-card-header {
  color: var(--color--light-alt-green);
  font-weight: bold;
}
.g-item-html .metadata-sidebar .metadata-card-header ~ .metadata-card-body .metadata-card-content {
  padding-top: 0;
}
.g-item-html .metadata-sidebar .metadata-card-body:first-child > div:first-child,
.g-item-html .metadata-sidebar .metadata-card-body--no-dividers > div {
  border-top: 0;
}
.g-item-html .metadata-sidebar .btn-metadata,
.g-item-html .metadata-sidebar .btn-metadata-sub-header,
.g-item-html .metadata-sidebar .btn-metadata-sub {
  align-items: flex-start;
  display: flex;
}
.g-item-html .metadata-sidebar .btn-metadata {
  font-size: inherit;
  line-height: inherit;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-header {
  font-weight: bold;
}
.g-item-html .metadata-sidebar .btn-metadata-sub {
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.g-item-html .metadata-sidebar .btn-metadata-sub .icon-img {
  margin-left: 1.25rem;
}
.g-item-html .metadata-sidebar .btn-metadata-toggle-menu--large .btn-metadata-sub {
  font-size: inherit;
  line-height: inherit;
}
.g-item-html .metadata-sidebar .btn-metadata-toggle-menu--large .btn-metadata-sub .icon-img {
  margin-left: 0;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-content {
  padding-top: 0;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-content a {
  text-decoration: none;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-content a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-content a:where(:focus) {
  text-decoration: underline;
}
.g-item-html .metadata-sidebar .btn-metadata-sub-content a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .g-item-html .metadata-sidebar .btn-metadata-sub-content a:hover {
    text-decoration: underline;
  }
}
.g-item-html .metadata-sidebar .icon-img {
  flex: none;
  margin-right: 1.5rem;
  object-fit: scale-down;
}
.g-item-html .metadata-sidebar .btn-metadata-text {
  flex: auto;
}
.g-item-html .metadata-sidebar .titleArrowDown,
.g-item-html .metadata-sidebar .titleArrowUp {
  flex: none;
  margin-left: 1.5rem;
}
.g-item-html .metadata-sidebar .readmore {
  font-size: inherit;
  line-height: inherit;
  margin-top: 1.25rem;
}
.g-item-html .metadata-sidebar .readmore a {
  align-items: center;
  color: var(--color--light-alt-green);
  display: inline-flex;
  text-decoration: underline;
}
.g-item-html .metadata-sidebar .readmore .viewArrowDown,
.g-item-html .metadata-sidebar .readmore .viewArrowUp {
  flex: none;
  margin-left: 0;
  margin-right: 0.5rem;
  order: -1;
}
.g-item-html .metadata-sidebar .div-keywords {
  font-size: 0.875rem;
  line-height: 1.2857142857;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
}
.g-item-html .metadata-sidebar .no-keywords {
  color: inherit;
  font-style: normal;
  font-weight: normal;
}
.g-item-html .metadata-related .text-card {
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0.3125rem;
  --bs-card-inner-border-radius: 0.3125rem;
}
.g-item-html .metadata-related .text-card .card-header {
  background-color: var(--color--teal);
  color: var(--color--light);
}
.g-item-html .metadata-related .text-card a {
  color: var(--color--light-alt-green);
}
.g-item-html .metadata-related .relatedDataset-border {
  border-bottom-color: #d3d3d3;
  margin-bottom: 10px;
}
.g-item-html .metadata-related .rdtable tbody > :first-child > td {
  border-right: 0;
}
.g-item-html .metadata-related .rdtable tbody > :last-child > td {
  padding-bottom: 0.25rem;
}
.g-item-html .metadata-related .rdtable td {
  border-right-color: #d3d3d3;
}
.g-item-html .metadata-related .rdtable .subsubtitle {
  margin-bottom: 0.25rem;
}
.g-item-html .metadata-related .rdtable .datasetdepartmentname {
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}
.g-item-html .metadata-related .subsubtitle {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}
.g-item-html .metadata-related .btn-related-dataset {
  padding: 0;
  text-align: left;
}
.g-item-html .metadata-related .btn-related-dataset a {
  align-items: flex-start;
  display: flex;
}
.g-item-html .metadata-related .btn-related-dataset a .icon {
  flex: none;
}
.g-item-html .metadata-related .btn-related-dataset a .dataset-details {
  flex: auto;
  padding-top: 0.125rem;
}
.g-item-html .metadata-related .dataset-details {
  color: inherit;
}

.g-attributes-tables__loading, .g-attributes-tables__retry {
  display: none;
  text-align: center;
}
.g-attributes-tables__retry .btn {
  --bs-btn-font-size: var(--bs-body-font-size);
  --bs-btn-font-weight: var(--bs-body-font-weight);
  --bs-btn-line-height: var(--bs-body-line-height);
  --bs-btn-padding-x: 0.6875rem;
  --bs-btn-padding-y: 0.3125rem;
  --bs-btn-active-border-color: transparent;
}
.g-attributes-tables__retry .btn span {
  color: var(--color--teal);
  text-decoration: underline;
}
.g-attributes-tables__content > :not(:first-child) {
  margin-top: 0.75rem;
}
@media screen and (min-width: 1200px) {
  .g-attributes-tables__content > :not(:first-child) {
    margin-top: 1rem;
  }
}
.g-attributes-tables--loading .g-attributes-tables__loading, .g-attributes-tables--retry .g-attributes-tables__retry {
  display: block;
}
.g-attributes-tables--loading .g-attributes-tables__content, .g-attributes-tables--retry .g-attributes-tables__content, .g-attributes-tables--hidden {
  display: none;
}

.g-spatial-filter-map {
  display: none;
}

.g-attributes-table__details {
  margin-bottom: 0;
}
.g-attributes-table__summary {
  background-color: rgb(222, 236, 233);
  column-gap: 0.75rem;
  display: grid;
  grid-template-areas: "name          icon" "before-line   icon" "fields-count  icon" "after-line    icon" "records-count icon";
  grid-template-columns: minmax(0, 1fr) auto;
  list-style: none;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.g-attributes-table__summary::-webkit-details-marker {
  display: none;
}
.g-attributes-table__summary::before, .g-attributes-table__summary::after {
  border-color: var(--color--light);
  border-top-style: solid;
  border-width: 0.0625rem;
  content: "";
}
.g-attributes-table__summary::before {
  grid-area: before-line;
}
.g-attributes-table__summary::after {
  grid-area: after-line;
}
.g-attributes-table__summary a {
  text-decoration: none;
}
.g-attributes-table__summary a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.g-attributes-table__summary a:where(:focus) {
  text-decoration: underline;
}
.g-attributes-table__summary a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .g-attributes-table__summary a:hover {
    text-decoration: underline;
  }
}
.g-attributes-table__summary a[href=""] {
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__summary {
    align-items: center;
    border-radius: 0.3125rem;
    column-gap: 1.25rem;
    grid-template-areas: "name before-line fields-count after-line records-count icon";
    grid-template-columns: minmax(0, 3fr) auto minmax(0, 2fr) auto minmax(0, 2fr) auto;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
  }
  .g-attributes-table__summary::before, .g-attributes-table__summary::after {
    align-self: stretch;
    border-left-style: solid;
    border-top-style: none;
  }
}
.g-attributes-table__details[open] .g-attributes-table__summary {
  align-items: start;
  background-color: var(--color--teal);
  color: var(--color--light);
  grid-template-areas: "name         name          icon" "fields-count records-count icon" "description  description   icon";
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.g-attributes-table__details[open] .g-attributes-table__summary::before, .g-attributes-table__details[open] .g-attributes-table__summary::after {
  display: none;
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__details[open] .g-attributes-table__summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    grid-template-areas: "name        fields-count records-count icon" "description description  description   icon";
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto;
  }
}
.g-attributes-table__summary-list {
  display: contents;
}
.g-attributes-table__summary-field {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.g-attributes-table__summary-field dt,
.g-attributes-table__summary-field dd {
  display: inline;
  font-weight: bold;
}
.g-attributes-table__summary-field dd {
  margin-bottom: 0;
  padding-left: 0;
}
.g-attributes-table__summary-field--name {
  grid-area: name;
}
.g-attributes-table__summary-field--description {
  grid-area: description;
}
.g-attributes-table__summary-field--fields-count {
  grid-area: fields-count;
}
.g-attributes-table__summary-field--records-count {
  grid-area: records-count;
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__details:not([open]) .g-attributes-table__summary-field {
    text-align: center;
  }
}
.g-attributes-table__details:not([open]) .g-attributes-table__summary-field dt,
.g-attributes-table__details:not([open]) .g-attributes-table__summary-field dd {
  display: inline;
}
.g-attributes-table__details:not([open]) .g-attributes-table__summary-field dt::after {
  content: ":";
}
.g-attributes-table__details:not([open]) .g-attributes-table__summary-field dt:lang(zh)::after {
  content: " :";
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__details:not([open]) .g-attributes-table__summary-field--name {
    text-align: left;
  }
}
.g-attributes-table__details:not([open]) .g-attributes-table__summary-field--description {
  display: none;
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__details[open] .g-attributes-table__summary-field--fields-count {
    padding-right: 2.75rem;
  }
}
@media (max-width: 399.98px) {
  .g-attributes-table__details[open] .g-attributes-table__summary-field--fields-count {
    padding-right: 2rem;
  }
}
@media (max-width: 379.98px) {
  .g-attributes-table__details[open] .g-attributes-table__summary-field--fields-count {
    padding-right: 1.25rem;
  }
}
@media (max-width: 359.98px) {
  .g-attributes-table__details[open] .g-attributes-table__summary-field--fields-count {
    padding-right: 0.5rem;
  }
}
.g-attributes-table__details[open] .g-attributes-table__summary-field dt {
  display: block;
  font-weight: normal;
}
.g-attributes-table__details[open] .g-attributes-table__summary-field dd {
  display: block;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 0.25rem;
}
.g-attributes-table__details[open] .g-attributes-table__summary-field--description dt {
  display: inline;
}
.g-attributes-table__details[open] .g-attributes-table__summary-field--description dd {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  margin-top: 0;
}
.g-attributes-table__summary-icon {
  align-self: center;
  grid-area: icon;
  justify-self: center;
}
.g-attributes-table__summary-icon-close, .g-attributes-table__summary-icon-open {
  width: 1.1875rem;
}
.g-attributes-table__details:not([open]) .g-attributes-table__summary-icon-close, .g-attributes-table__details[open] .g-attributes-table__summary-icon-open {
  display: none;
}
.g-attributes-table__content {
  background-color: #f2f2f2;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__content {
    background-color: transparent;
    padding: 0;
  }
}
.g-attributes-table__content-table {
  --spacing-block: 12;
  --spacing-inline: 12;
  --spacing-row: 24;
  --spacing-column: 12;
  width: 100%;
}
@media screen and (max-width: 575.98px) {
  .g-attributes-table__content-table {
    font-size: 1rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__content-table {
    --spacing-block: 10;
    --spacing-inline: 20;
    --spacing-row: 20;
    --spacing-column: 20;
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__content-table thead {
    display: none;
  }
}
.g-attributes-table__content-table tr {
  background-color: #fafafa;
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__content-table tr {
    border-radius: 0.3125rem;
    display: grid;
    grid-template-areas: "name        name        name" "description description description" "type        length      domain";
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.875rem;
  }
}
.g-attributes-table__content-table th,
.g-attributes-table__content-table td {
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.g-attributes-table__content-table th:first-child,
.g-attributes-table__content-table td:first-child {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
}
.g-attributes-table__content-table th:last-child,
.g-attributes-table__content-table td:last-child {
  padding-right: calc(1rem * var(--spacing-inline) / 16);
}
.g-attributes-table__content-table tr:first-child th,
.g-attributes-table__content-table tr:first-child td {
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
.g-attributes-table__content-table tr:last-child th,
.g-attributes-table__content-table tr:last-child td {
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
}
.g-attributes-table__content-table th {
  color: var(--color--light-alt-green);
}
.g-attributes-table__content-table td {
  border-top-color: var(--color--light-alt-green);
  border-top-style: solid;
  border-top-width: 0.0625rem;
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__content-table td {
    display: flex;
  }
  .g-attributes-table__content-table td::before {
    color: var(--color--light-alt-green);
    content: attr(data-label);
    flex: none;
    font-weight: bold;
  }
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__content-table-col--name, .g-attributes-table__content-table-col--description {
    align-items: center;
  }
  .g-attributes-table__content-table-col--name[class], .g-attributes-table__content-table-col--description[class] {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
  }
  .g-attributes-table__content-table-col--name::before, .g-attributes-table__content-table-col--description::before {
    align-self: flex-start;
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: 6.25rem;
  }
  .g-attributes-table__content-table-col--type, .g-attributes-table__content-table-col--length, .g-attributes-table__content-table-col--domain {
    align-items: flex-start;
    flex-direction: column;
  }
  .g-attributes-table__content-table-col--type::before, .g-attributes-table__content-table-col--length::before, .g-attributes-table__content-table-col--domain::before {
    margin-bottom: 0.25rem;
  }
  .g-attributes-table__content-table-col--name {
    grid-area: name;
  }
  .g-attributes-table__content-table-col--name[class] {
    border-top: 0;
  }
  .g-attributes-table__content-table-col--description {
    grid-area: description;
  }
  .g-attributes-table__content-table-col--type {
    grid-area: type;
  }
  .g-attributes-table__content-table-col--type[class] {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
  }
  .g-attributes-table__content-table-col--length {
    grid-area: length;
  }
  .g-attributes-table__content-table-col--domain {
    grid-area: domain;
  }
  .g-attributes-table__content-table-col--domain[class] {
    padding-right: calc(1rem * var(--spacing-inline) / 16);
  }
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__content-table-col--name {
    width: 25%;
  }
  .g-attributes-table__content-table-col--description {
    width: 30%;
  }
  .g-attributes-table__content-table-col--type {
    width: 15%;
  }
  .g-attributes-table__content-table-col--length {
    width: 15%;
  }
  .g-attributes-table__content-table-col--domain {
    width: 15%;
  }
}
@media screen and (min-width: 1400px) {
  .g-attributes-table__content-table-col--name {
    width: 25%;
  }
  .g-attributes-table__content-table-col--description {
    width: 36%;
  }
  .g-attributes-table__content-table-col--type {
    width: 15%;
  }
  .g-attributes-table__content-table-col--length {
    width: 12%;
  }
  .g-attributes-table__content-table-col--domain {
    width: 12%;
  }
}
.g-attributes-table__content-footer {
  align-items: center;
  display: flex;
  justify-content: center;
  --spacing-column: 16;
  --pagination-spacing: 12;
  margin-top: 0.125rem;
}
@media screen and (max-width: 575.98px) and (min-width: 420px) {
  .g-attributes-table__content-footer {
    --spacing-column: 8;
    --pagination-spacing: 8;
  }
}
@media (max-width: 419.98px) {
  .g-attributes-table__content-footer {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .g-attributes-table__content-footer {
    --spacing-column: 30;
    --pagination-spacing: 14;
    margin-top: 1rem;
  }
}
.g-attributes-table__content-footer-rows-per-page {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: calc(1rem * var(--spacing-column) / 16);
}
@media (max-width: 419.98px) {
  .g-attributes-table__content-footer-rows-per-page {
    margin-bottom: 0.25rem;
    margin-right: 0;
  }
}
.g-attributes-table__content-footer-rows-per-page-label {
  font-weight: bold;
  margin-right: calc(1rem * var(--spacing-column) / 16);
}
@media screen and (max-width: 1199.98px) {
  .g-attributes-table__content-footer-rows-per-page-label {
    line-height: 1.125;
  }
}
@media screen and (max-width: 575.98px) and (min-width: 420px) {
  .g-attributes-table__content-footer-rows-per-page-label {
    width: 4.75rem;
  }
}
.g-attributes-table__content-footer-rows-per-page-field {
  border-radius: 0.625rem;
  padding-right: 2.1875rem;
  width: min-content;
}
.g-attributes-table__content-footer-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
}
.g-attributes-table__content-footer-pagination-info {
  font-size: 1rem;
  line-height: 1.125;
  margin-right: calc(1rem * var(--spacing-column) / 16);
  text-align: center;
}
.g-attributes-table__content-footer-pagination-button {
  --bs-btn-color: var(--color--light-green);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--color--light-green);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--color--light-green);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: rgb(var(--color-palette--light-green), 40%);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-padding-x: calc(1rem * (var(--pagination-spacing) - 1) / 16);
  flex: none;
  height: 2.5rem;
}
.g-attributes-table__content-footer-pagination-button--next {
  margin-right: calc(1rem * -1 * var(--pagination-spacing) / 16);
}
.g-attributes-table__domain-modal-button {
  --bs-btn-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-border-radius: 0;
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
}
.g-attributes-table__domain-modal {
  --bs-modal-border-width: 0;
  --bs-modal-padding: 0;
  --bs-modal-header-border-width: 0;
  --bs-modal-header-padding: 0;
}
.g-attributes-table__domain-modal .modal-header {
  background-color: var(--color--teal);
  color: var(--color--light);
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
}
.g-attributes-table__domain-modal .modal-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-attributes-table__domain-modal .btn-close {
  --bs-btn-close-opacity: 1;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(108%) contrast(101%);
  flex: none;
}
.g-attributes-table__domain-modal-table {
  --spacing-block: 10;
  --spacing-inline: 20;
  --spacing-row: 20;
  --spacing-column: 20;
  table-layout: fixed;
  width: 100%;
}
.g-attributes-table__domain-modal-table tr {
  background-color: #fafafa;
}
.g-attributes-table__domain-modal-table th,
.g-attributes-table__domain-modal-table td {
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.g-attributes-table__domain-modal-table th:first-child,
.g-attributes-table__domain-modal-table td:first-child {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
}
.g-attributes-table__domain-modal-table th:last-child,
.g-attributes-table__domain-modal-table td:last-child {
  padding-right: calc(1rem * var(--spacing-inline) / 16);
}
.g-attributes-table__domain-modal-table tr:first-child th,
.g-attributes-table__domain-modal-table tr:first-child td {
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
.g-attributes-table__domain-modal-table tr:last-child th,
.g-attributes-table__domain-modal-table tr:last-child td {
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
}
.g-attributes-table__domain-modal-table th {
  color: var(--color--light-alt-green);
}
.g-attributes-table__domain-modal-table td {
  border-top-color: var(--color--light-alt-green);
  border-top-style: solid;
  border-top-width: 0.0625rem;
}
.g-attributes-table__domain-modal-table-col--code {
  width: 30%;
}
.g-attributes-table__domain-modal-table-col--description {
  width: 70%;
}

/* -------------------------------------------------------------
 * 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;
  }
}
.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;
}
.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;
}
.page-home__banners-link {
  margin-left: auto;
  margin-right: auto;
}
@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;
}
.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;
  }
}
.page-home__sidebar-link {
  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;
}
.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 */