@civicactions/cmsds-open-data-components 4.0.19-alpha.3 → 4.0.19-alpha.4

package/dist/main.css

@@ -188,6 +188,35 @@
   fill: var(--link__color--visited);
 }
 
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
+  position: relative;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  width: 16px;
+  height: 16px;
+  margin-left: 5px;
+  font-family: "Font Awesome 6 Pro", sans-serif;
+  font-weight: lighter;
+  display: inline-block;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  content: "";
+}
+
 .dc-c-search-list-item .ds-c-button {
   text-decoration: none !important;
 }

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"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","sources":["4db57a369f54c05d","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/DatasetListSubmenu/dataset-list-submenu.scss","src/components/SubMenu/submenu.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/components/Hero/Hero.scss","src/components/DatasetListItem/dataset-list-item.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/components/Datatable/datatable.scss","src/components/FilterDataset/FilterItem.scss","src/components/QueryBuilder/ClearFiltersButton.scss","src/components/FilterDataset/FilterDataset.scss","src/components/FilterChip/FilterChip.scss","src/components/DisplaySettings/DisplaySettings.scss","src/components/DataTableToolbar/DataTableToolbar.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"2f5205d79ceb3608\";\n@import \"4cf3c31add4615a9\";\n@import \"7b7c8b0df223a131\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"45467519decc523e\";\n@import \"e9f6c11d546332d9\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"e0db2df3aeed891f\";\n@import \"52024ef62e9890ec\";\n@import \"a12176ddeff64a1d\";\n@import \"5a21f0b6a4a92bdc\";\n@import \"f75933706bca7994\";\n@import \"a3a27b052944cbc4\";\n@import \"05073f61741bcbaa\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n  color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-cms-topnav--tagline {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-cms-topnav--tagline {\n    display: inline-flex;\n    align-items: center;\n    border-left: 1px solid #{var(--tag-line--border-color)};\n  }\n}\n",":root {\n  --header-nav-icon-link--desktop-width: 240px;\n  --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n  display: inline-flex;\n  align-items: center;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n    display: inline-block;\n  }\n  a:focus,\n  a:hover {\n    background-color: transparent;\n  }\n  &.show-back-arrow a::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--mobile-width)};\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--desktop-width)};\n  }\n}\n",".dkan-c-cms-topnav {\n  height: 3.188rem;\n}\n\n.dkan-c-cms-topnav > div {\n  height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n  display: inline-block;\n  margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n  height: 100%;\n  margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n  .dkan-c-cms-topnav {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .dkan-c-cms-topnav {\n    height: 5.313rem;\n  }\n}\n",".dkan-c-nav-submenu.has-submenu {\n  display: block !important;\n}\n\n.dc-dataset-search-list {\n  list-style: none;\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}\n",".dkan-c-site-menu--sub-menu {\n  list-style: none;\n  display: none;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n\n.dkan-c-nav-submenu {\n  position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n  display: block;\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-site-menu--sub-menu a svg {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-site-menu--sub-menu {\n    background: #{var(--header-submenu--bg-color)};\n    position: absolute;\n    left: 0;\n    top: 48px;\n    margin: 0;\n    padding: 16px;\n    width: #{var(--header-submenu--width)};\n    a {\n      text-align: left;\n      display: flex;\n      padding: 16px;\n      span {\n        margin-left: 8px;\n        border-bottom-width: 2px;\n        border-bottom-style: solid;\n        border-bottom-color: transparent;\n      }\n    }\n    a:hover,\n    a:focus {\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n    z-index: 999;\n  }\n\n}\n",".dc-c-search-list-item {\n  list-style: none;\n  ul {\n    gap: 0;\n  }\n  li {\n    list-style: none;\n\n    &:first-child > span {\n      padding-left: 0;\n    }\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  button, span > a {\n    font-weight: normal !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n\n  .ds-c-button {\n    text-decoration: none !important;\n    \n    svg,\n    &:visited svg {\n      fill: #{var(--color-white)};\n    }\n\n  }\n\n  .dkan-disabled-link-wrapper {\n    cursor: not-allowed;\n\n    .dkan-disabled-link {\n      pointer-events: none;\n      color: #757575;\n\n      &:active, &:hover, &:focus {\n        color: #757575;\n\n        svg {\n          fill: #757575;\n        }\n      }\n\n      svg {\n        fill: #757575 !important;\n      }\n    }\n  }\n\n  .theme-list {\n    display: inline-block;\n\n    li {\n      padding: 3px 10px;\n      letter-spacing: 0.75px;\n      color: #FFF;\n      display: inline-block;\n      margin-right: 8px;\n      margin-bottom: 4px;\n      text-decoration: none;\n\n      a {\n        color: #FFF;\n        text-decoration: none !important;\n\n        &:hover,\n        &:focus,\n        &:visited:focus {\n          outline-offset: 12px;\n          text-decoration: underline !important;\n          background: unset;\n        }\n      }\n    }\n  }\n\n  .dataset-date-item {\n    display: inline-block;\n  }\n}\n",".dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  div.--alt-style input {\n    @media only screen and (max-width: 544px) {\n      --text-input__border-radius: 50px;\n      --text-input__border-color: #c6b7b7;\n      height: 61px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n  .dc-c-search-button-mobile {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    position: absolute;\n    right: 18px;\n    top: 2px;\n    z-index: 1000;\n    height: 3.563rem;\n  }\n}\n\n.dkan-dataset-search--facet-container {\n  ul {\n    list-style: none;\n    padding-left: 0px;\n  }\n}\n\n.dkan-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n  fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n  fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  align-items: flex-start;\n\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n\n  .ds-c-inline-error {\n    max-width: none;\n  }\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-nav-menu--mobile {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n}\n\n.dkan-c-header-search--modal-button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  color: #{var(--header-nav-search--color)};\n  text-decoration: none;\n  &:focus,\n  &:hover {\n    color: #{var(--header-nav-search--color)};\n    span {\n      border-bottom-color: #{var(--header-nav-search--color)};\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-main-navigation--search {\n    border-left: 2px solid #{var(--header-nav-search--color)};\n  }\n  .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n    display: none;\n  }\n  \n}\n\n",".dkan-c-header--link-list {\n  list-style: none;\n}\n\n.dkan-c-header--wrapper {\n  flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n\n\n.dkan-c-header--mobile {\n  .dkan-c-header--link-list .dkan-c-header--link,\n  .dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n\n  .dkan-c-nav-menu ul {\n    padding-inline-start: 0;\n  }\n\n  .dkan-c-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--open {\n    flex: none;\n    max-width: 100%;\n    display: block;\n    position: fixed;\n    background-color: #{var(--header-mobile-bg-color)};\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 50px 0;\n    z-index: 500;\n    // TODO: Need to rework, doesn't do anything with display none/block.\n    transition-property: left;\n    transition-duration: #{var(--mobile-nav-animation-time)};\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    padding-top: 8px;\n    display: inherit;\n    &::before {\n      background: #{var(--color-primary-light)};\n      content: \"\";\n      width: 48px;\n      height: 2px;\n      margin-left: 24px;\n      display: block;\n      position: absolute;\n    }\n    \n    ul {\n      padding-top: 16px;\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  ul.dkan-c-header--link-list .dkan-c-header--link,\n  ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--color)};\n    padding: #{var(--space, 8px 8px)};\n    &:hover {\n      span {\n        border-bottom-color: #{var(--header-nav-link--color)};\n      }\n    }\n  }\n\n  .dkan-c-header--link-list {\n    margin-block: 0;\n  }\n\n  .dkan-c-main-nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n\n  .dkan-c-nav-menu--mobile-close-button {\n    display: none;\n  }\n\n  .dkan-c-header--link-list {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    display: none;\n  }\n}\n\n\n\n",":root {\n  --mobile-menu-button--color: #{var(--color-white)};\n  --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-mobile-menu-button {\n    display: none;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-mobile-menu-button {\n    display: inherit;\n  }\n}\n\nbutton.dkan-c-mobile-menu-button {\n  color: #{var(--mobile-menu-button--color)};\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    color: #{var(--mobile-menu-button--color)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n  &:hover {\n    color: #{var(--mobile-menu-button--hover-color)};\n    &::before {\n      color: #{var(--mobile-menu-button--hover-color)};\n    }\n  }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n  &::before {\n    content: '\\f0c9';\n  }\n}\n",".dkan-c-cms-topnav-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n  border-top: 8px solid var(--color-secondary) !important;\n  border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n  list-style: none;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n  color: var(--color-base);\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-gray-lighter);\n  border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-primary-darker);\n  border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n  margin-bottom: 32px;\n  .dkan-c-sidebar-nav-menu--open {\n    display: inherit;\n  }\n  \n  .dkan-c-sidebar-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-sidebar-nav--mobile-header {\n    display: flex;\n    margin-top: -32px;\n  }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n  display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile  {\n  display: inherit;\n}\n",".dc-c-hero .ds-c-inline-error {\n  max-width: none;\n}",".dc-c-list-item {\n  list-style: none;\n  ul {\n    gap: 0;\n  }\n  li {\n    list-style: none;\n\n    &:first-child > span {\n      padding-left: 0;\n    }\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  button, span > a {\n    font-weight: normal !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n\n  // If the dataset title is right after the date, remove the top margin.\n  span[id^=\"dataset-\"] + h2 {\n    margin-top: 0;\n  }\n\n  .ds-c-button {\n    text-decoration: none !important;\n    \n    svg,\n    &:visited svg {\n      fill: #{var(--color-white)};\n    }\n\n  }\n}\n",".dkan-manage-columns-wrapper {\n  .fa-columns:before {\n    font-size: .75em !important;\n  }\n}\n\ndialog.dkan-manage-columns-dialog {\n  height: 80vh;\n  width: 100%;\n  .ds-c-dialog__window {\n    min-width: 768px; // TODO responsive\n    padding: 0;\n    .ds-c-dialog__header {\n      padding: 24px;\n    }\n  }\n  .dkan-manage-columns-list {\n    list-style: none;\n    gap: 0;\n    max-height: 350px; // TODO responsive\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n\n    li {\n      cursor: pointer;\n    }\n\n    .ds-c-choice-wrapper {\n      margin-top: 0;\n    }\n\n    .dkan-manage-columns-reorder-button {\n      background: none;\n      border: none;\n\n      &.grabbed {\n        background-color: var(--color-primary-lighter);\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-manage-columns-wrapper {\n    .fa-columns:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-manage-columns-dialog  {\n    height: 100%;\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n    }\n    .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n      display: flex;\n      flex-direction: column;\n    }\n    .dkan-manage-columns-list {\n      max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n    }\n\n    .ds-c-dialog__actions {\n      position:absolute;\n      bottom: 0;\n      background-color: white;\n      padding-top: 16px;\n    }\n  }\n}",".dkan-fullscreen-data-table-wrapper {\n  .fa-compress:before,\n  .fa-expand:before {\n    font-size: .75em !important;\n  }\n}\n\n/*\n  Styling for dynamic full height dialog with the data table filling as\n  much vertical space as possible while staying within the full height dialog\n*/\ndialog.dkan-full-screen-dataset-dialog {\n  height: 100vh;\n\n  > .ds-c-dialog__window {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .ds-c-dialog__header {\n      width: 100%;\n      flex: 0;\n    }\n\n    .ds-c-dialog__body {\n      width: 100%;\n      height: 100%;\n\n      > div[id^=\"dialog\"][id$=\"__content\"] {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n\n        .dkan-datatable-fullscreen-mode {\n          height: 100%;\n          width: 100%;\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n\n          > div {\n            flex: 0;\n            width: 100%;\n            min-height: auto;\n            margin: 8px 0 !important;\n          }\n\n          .dc-c-datatable-wrapper {\n            height: 100%;\n            width: 100%;\n            flex: 1;\n          }\n\n          ~ div {\n            flex: 0;\n            width: 100%;\n          }\n        }\n      }\n    }\n\n    form {\n      max-width: 1024px;\n    }\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-fullscreen-data-table-wrapper {\n    .fa-compress:before,\n    .fa-expand:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  thead > .dc-c-sticky-header {\n    position: sticky;\n    top: 0;\n    background-color: white;\n  }\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: default;\n  }\n}\n\n.dc-c-datatable-wrapper {\n  overflow: auto;\n  display: grid;\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute !important;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\nthead.dc-thead--truncated {\n  th > div {\n    align-items: stretch; \n\n    > div {\n      overflow: hidden;\n      flex: 1 1 auto;\n      position: relative;\n  \n      > span {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        display: inline-block;\n        overflow: hidden;\n        position: absolute;\n        left: 0;\n        width: 100%;\n  \n        .ds-c-tooltip__container {\n          white-space: wrap;\n          font-weight: normal;\n        }\n      }\n    }\n  }\n  th p {\n    white-space: normal;\n  }\n}\n\ndiv.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div {\n  overflow: visible;\n  > span {\n    overflow: visible;\n  }\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n  background-color: #{var(--color-info-lighter)}\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  border: none;\n  background: none;\n  &::after {\n    font-family: 'Font Awesome 6 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n\n.dkan-data-table-download-full-dataset-button {\n  &:hover,\n  &:focus {\n    background-color: transparent !important;\n\n    span {\n      color: var(--color-primary) !important;\n    }\n  }\n}\n\n.dkan-data-table-share-container {\n  .ds-c-tooltip__arrow {\n    display: none;\n  }\n\n  .dkan-data-table-share-button {\n    .fa-chevron-down {\n      display: none;\n    }\n\n    &.dkan-data-table-share-tooltip-open {\n      .fa-chevron-up {\n        display: none;\n      }\n      .fa-chevron-down {\n        display: block;\n      }\n    }\n  }\n\n  .ds-c-tooltip {\n    border-color: var(--color-border);\n  }\n\n  .ds-c-tooltip__content {\n    padding: 16px 16px 8px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .dkan-data-table-share-container {\n    order: 1;\n  }\n\n  .dkan-data-table-info-container {\n    order: 2;\n  }\n}\n",".dkan-filter-dataset-control {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;\n  gap: 1rem;\n  align-items: center;\n}\n\nbutton.dkan-delete-dataset-filter-button {\n  width: 32px;\n  height: 32px;\n  border-radius: 50% !important;\n}\n\n@media screen and (max-width: 767px) {\n  button.dkan-delete-dataset-filter-button {\n    margin-bottom: 4px;\n    margin-left: 16px !important;\n  }\n}\n",".dkan-clear-dataset-filters-button {\n  border: 0 !important;\n  background-color: transparent !important;\n  color: var(--color-primary);\n  text-decoration: underline;\n\n  &:hover,\n  &:focus {\n    background-color: transparent !important;\n    color: var(--color-primary) !important;\n    text-decoration: none;\n  }\n}",".dkan-filter-dataset-wrapper {\n  .fa-filter:before {\n    font-size: .75em !important;\n  }\n}\n\ndialog.dkan-filter-dataset-dialog {\n  height: 80vh;\n  width: 100%;\n\n  .ds-c-dialog__window {\n    min-width: 768px;\n    padding: 0;\n\n    .ds-c-dialog__header {\n      padding: 24px 24px 10px;\n    }\n\n    .ds-c-label {\n      width: 0 !important;\n      height: 0 !important;\n      display: block !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      border: 0 !important;\n      overflow: hidden !important;\n    }\n\n    .ds-c-dialog__actions {\n      margin: 0;\n    }\n  }\n}\n\n.dkan-filter-dataset-controls-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;\n  gap: 1rem;\n  align-items: center;\n}\n\n.dkan-filter-dataset-controls-header-gutter {\n  width: 42px;\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-filter-dataset-wrapper {\n    .fa-filter:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-filter-dataset-dialog  {\n    height: 100%;\n\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .dkan-filter-dataset-controls-header {\n        display: none;\n      }\n\n      .ds-c-dialog__header {\n        width: 100%;\n        flex: 0;\n        padding: 24px 16px 10px;\n      }\n\n      .ds-c-dialog__body {\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      .ds-c-dialog__body > div[id^=\"dialog\"][id$=\"__content\"] {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        flex: 1;\n        overflow: hidden;\n\n        > div {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n\n          > * {\n            flex: 0;\n            width: 100%;\n          }\n  \n          .dkan-filter-dataset-form-container {\n            flex: 1;\n            height: 100%;\n            overflow: hidden;\n\n            > div {\n              display: flex;\n              flex-direction: column;\n              height: 100%;\n              width: 100%;\n              overflow: hidden;\n\n              .dkan-filter-dataset-controls {\n                flex: 1;\n                height: 100%;\n                overflow: auto;\n\n                > fieldset {\n                  background-color: #F2F2F2;\n                  align-items: flex-end;\n                  gap: 0;\n                  display: flex;\n                  flex-wrap: wrap;\n                  max-width: none !important;\n                  padding-block: 16px !important;\n                  margin-block-start: 16px !important;\n                  border: 0 !important;\n\n                  > div:nth-child(1),\n                  > div:nth-child(2),\n                  > div:nth-child(3) {\n                    width: calc(100% - 48px); /* 32px for the delete button + 16px for the gutter */\n                    max-width: none !important;\n                  }\n\n                  > div:nth-child(1),\n                  > div:nth-child(2) {\n                    margin-bottom: 16px;\n                  }\n\n                  .ds-c-label {\n                    width: auto !important;\n                    height: auto !important;\n                    overflow: visible !important;\n                    max-width: none !important;\n                  }\n\n                  .ds-c-field {\n                    max-width: none !important;\n                  }\n                }\n              }\n\n              > div {\n                flex: 0;\n                width: 100%;\n              }\n            }\n          }\n        }\n      }\n  \n      .ds-c-dialog__actions {\n        width: 100%;\n        flex: 0;\n        border-top: solid 1px #d9d9d9;\n      }\n    }\n  }\n}\n",".dkan-filter-chip {\n  background: var(--filter-chip__background-color);\n  border: solid 1px var(--filter-chip__border-color);\n  border-radius: var(--filter-chip__border-radius);\n  color: var(--filter-chip__color);\n  white-space: nowrap;\n\n  .fa.fa-x {\n    color: var(--filter-chip-icon__color);\n  }\n}",".dkan-table-density-button {\n  border: solid 1px var(--color-gray-light);\n\n  svg {\n    width: 22px;\n    height: auto;\n  }\n\n  svg > path {\n    fill: var(--color-gray-light);\n  }\n\n  &.active {\n    border-color: var(--color-primary);\n\n    svg > path {\n      fill: var(--color-primary);\n    }\n  }\n}\n\n.dkan-filter-dataset-toolbar-button {\n  color: var(--color-primary);\n\n  span {\n    text-decoration: underline;\n  }\n\n  &:hover span,\n  &:focus span {\n    text-decoration: none;\n  }\n\n  .fa-chevron-up,\n  .fa-chevron-down {\n    font-size: 10px;\n    line-height: normal;\n  }\n\n  .fa-chevron-down {\n    display: none;\n  }\n\n  &.dkan-data-table-display-settings-tooltip-open {\n    .fa-chevron-up {\n      display: none;\n    }\n    .fa-chevron-down {\n      display: block;\n    }\n  }\n}\n\n.dkan-display-settings-wrapper {\n  .ds-c-tooltip {\n    border-color: var(--color-gray-lighter);\n    border-radius: 0;\n    box-shadow: 0 0 3px 0 var(--color-gray-light);\n  }\n\n  .ds-c-tooltip__arrow {\n    display: none;\n  }\n\n  .ds-c-tooltip__content {\n    border-radius: 0;\n    padding: 8px 24px;\n  }\n\n  .ds-c-dropdown__button.ds-c-field {\n    margin: 0;\n  }\n\n  .ds-c-dropdown__label {\n    width: 0 !important;\n    height: 0 !important;\n    display: block !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: 0 !important;\n    overflow: hidden !important;\n  }\n\n  .dkan-data-table-display-settings-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: .5rem;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-display-settings-wrapper {\n    .fa-sliders-h:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n",".dkan-filter-dataset-toolbar {\n  box-shadow: 0 0 3px 0 #A6A6A6;\n\n  .dkan-filter-dataset-toolbar-button {\n    border: 0;\n    line-height: normal;\n    text-decoration: none !important;\n    color: var(--color-primary);\n\n    &:focus {\n      box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);\n      outline: 3px solid #0000;\n      outline-offset: 3px;\n    } \n\n    > span {\n      text-decoration: underline;\n    }\n\n    &:hover > span,\n    &:focus > span {\n      text-decoration: none;\n    }\n  }\n}\n\n.dkan-clear-all-filters-button {\n  &:hover,\n  &:focus {\n    color: var(--color-primary) !important;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  // make button labels hidden on screens smaller than 1024px\n  .dkan-dataset-toolbar-button-label {\n    clip: rect(0, 0, 0, 0);\n    word-wrap: normal;\n    border: 0;\n    height: 1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  \n}\n\n@media screen and (max-width: 767px) {\n  .dkan-data-table-toolbar-controls {\n    justify-content: space-between;\n    border-top: 1px solid var(--color-gray-lighter);\n  }\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n  //Colors\n  --su-color--blue-dark: rgb(0, 51, 102);\n  --su-color--brown: rgba(136, 76, 0, 1);\n  --su-color--green-dark: rgb(0, 118, 65);\n  --su-color--green-muted: rgb(39, 117, 100);\n  --su-color--orange-dark: rgb(209, 0, 0);\n  --su-color--orange-light: rgba(209, 0, 0, .1);\n  --su-color--red-dark: rgb(151, 0, 0);\n  --su-color--red-light: rgba(211, 0, 0, .1);\n  --su-color--red: rgb(211, 0, 0);\n}\n// State  `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n  .opblock {\n    .opblock-summary-method {\n      color: #333;\n    }\n\n    &.opblock-delete {\n      background-color: var(--su-color--red-light);\n      border-color: var(--su-color--red);\n\n      .opblock-summary-method {\n        color: white;\n\n        background-color: var(--su-color--red-dark);\n      }\n    }\n\n    &.opblock-put {\n      .opblock-summary-method {\n        background-color: var(--su-color--brown);\n        color: white;\n      }\n    }\n  }\n\n  .parameter__name {\n    &.required {\n      span {\n        color: var(--su-color--red);\n      }\n\n      &:after {\n        color: var(--su-color--red);\n      }\n    }\n  }\n\n  .btn {\n    &.cancel {\n      border-color: var(--su-color--red);\n      color: var(--su-color--red);\n    }\n\n    &.authorize {\n      border-color: var(--su-color--green-muted);\n      background-color: var(--su-color--green-muted);\n    }\n\n    &.execute {\n      background-color: var(--su-color--blue-dark)\n    }\n  }\n\n  .info {\n    .title > span {\n      span {\n        background-color: #666;\n        border-radius: 67px;\n        display: inline-block;\n        font-size: 14px;\n        color: white;\n        margin: 0 0 0 5px;\n        padding: 2px 8px;\n        position: relative;\n        top: -5px;\n        vertical-align: super;\n        &.version-stamp--openapi {\n          background-color: #005830;\n        }\n      }\n    }\n\n    a {\n      color: #036;\n    }\n  }\n\n  .model-hint {\n    max-width: 100%;\n    word-wrap: break-word;\n    white-space: normal;\n    top: 1.5em;\n  }\n  section.models .model-container {\n    overflow-x: auto;\n  }\n  table {\n    min-width: 500px;\n\n    &.model tbody tr td:first-of-type  {\n      min-width: 174px;\n    }\n  }\n\n  .table-container, .responses-inner {\n    overflow: scroll;\n  }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n  font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n  .swagger-ui .opblock-tag-section .opblock-tag small {\n    flex: initial;\n  }\n}\n",".ds-c-button.display-settings-font {\n  font: inherit;\n}",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 6 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".search-input-container {\n\n    width: 100%;\n    position: relative;\n\n    > div:has(input) {\n        width: 100%;\n    }\n    \n    input {\n        max-width: none;\n        width: 100%;\n        border-radius: 37px !important;\n        padding: 16px;\n    }\n\n    .left-padding input {\n        @media (min-width: 544px) {\n            padding-left: 50px;\n        }\n    }\n\n    .right-padding input {\n        padding-right: 74px;\n        @media (min-width: 544px) {\n            padding-right: 197px;\n        }\n    }\n    \n    button {\n        position: absolute;\n        right: 2px;\n        top: 4px;\n        border-radius: 37px !important;\n        padding: 16px;\n        background-color: #0D2499;\n\n        @media (max-width: 544px) {\n            border-top-left-radius: 0 !important;\n            border-bottom-left-radius: 0 !important;\n        }\n\n        &:hover,\n        &:active {\n            border-color: #000f5c;\n            background-color: #000f5c !important;\n        }\n\n        &:focus {\n            background-color: #0D2499;\n        }\n        \n        span {\n            display: block;\n            height: 21px;\n        }\n\n        svg {\n            margin-top: -2px;\n        }\n\n        .magnifying-glass-icon {\n\n            @media (min-width: 544px) {\n                display: none;\n            }\n\n            path {\n                fill: #fff;\n            }\n        }\n\n        .sm-label {\n            @media (max-width: 544px) {\n                display: none;\n            }\n        }\n\n        &.on-dark {\n            border-color: #C6F6DB;\n            background-color: #C6F6DB;\n            color: var(--component-button-solid-dark-alt-color, #262626);\n\n            path {\n                fill: var(--component-button-solid-dark-alt-color, #262626);\n            }\n    \n            &:hover,\n            &:active {\n                border-color: #95cfae;\n                background-color: #95cfae !important;\n                color: var(--component-button-solid-dark-alt-color, #262626);\n            }\n        }\n    }\n\n    > .magnifying-glass-icon {\n        position: absolute;\n        left: 16px;\n        top: 16px;\n\n        path {\n            fill: #0D2499;\n        }\n    }\n\n    .rounded-border {\n        position: absolute;\n        inset: 4px 0 0;\n        border-radius: 37px;\n        border: 2px solid var(--color-granite-200, #C0C0C0);\n        pointer-events: none;\n    }\n}",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n  width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n  border-left: 0;\n  border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n  width: 500px;\n}",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dc-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n  ul {\n    list-style-type: unset;\n  }\n}\n\n.dc-dataset .ds-c-tabs {\n  .ds-c-tabs__item {\n    text-decoration:none;\n    svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n}\n\n#main-content {\n  overflow: visible;\n}\n\n.dc-c-word-break--all {\n  word-break: break-all;\n}",":root {\n  --mobile-nav-animation-time: 1s;\n  --main-nav-height: 6.25rem;\n  --header-bg-color: #{var(--color-primary)};\n  --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n  --header-nav-link--color: #{var(--color-white)};\n  --header-nav-link--mobile-color: #{var(--color-white)};\n  --header-mobile-bg-color: #{var(--color-gray-dark)};\n  --header-submenu--bg-color: #{var(--color-primary)};\n  --header-submenu--width: 333px; // This oddly specific width ensures that pagers on submenus with dataset listings have 24px width between them. See DatasetListSubmenu.tsx.\n  --header-nav-search--color: #{var(--color-white)};\n  --tag-line--color: #6f757c;\n  --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n  min-height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n  background-color: #{var(--header-bg-color)};\n  background-image: #{var(--header-bg-image)};\n}\n\n.ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-light)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n  text-decoration: none;\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-light)};\n}\n\n.ds-c-external-link-icon {\n font-size: 0.675em !important;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n  overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n  background-image: none;\n}",".dc-c-resource-header .data-table-results {\n  margin: 0;\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"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","sources":["4db57a369f54c05d","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/DatasetListSubmenu/dataset-list-submenu.scss","src/components/SubMenu/submenu.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/components/Hero/Hero.scss","src/components/DatasetListItem/dataset-list-item.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/components/Datatable/datatable.scss","src/components/FilterDataset/FilterItem.scss","src/components/QueryBuilder/ClearFiltersButton.scss","src/components/FilterDataset/FilterDataset.scss","src/components/FilterChip/FilterChip.scss","src/components/DisplaySettings/DisplaySettings.scss","src/components/DataTableToolbar/DataTableToolbar.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"2f5205d79ceb3608\";\n@import \"4cf3c31add4615a9\";\n@import \"7b7c8b0df223a131\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"45467519decc523e\";\n@import \"e9f6c11d546332d9\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"e0db2df3aeed891f\";\n@import \"52024ef62e9890ec\";\n@import \"a12176ddeff64a1d\";\n@import \"5a21f0b6a4a92bdc\";\n@import \"f75933706bca7994\";\n@import \"a3a27b052944cbc4\";\n@import \"05073f61741bcbaa\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n  color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-cms-topnav--tagline {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-cms-topnav--tagline {\n    display: inline-flex;\n    align-items: center;\n    border-left: 1px solid #{var(--tag-line--border-color)};\n  }\n}\n",":root {\n  --header-nav-icon-link--desktop-width: 240px;\n  --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n  display: inline-flex;\n  align-items: center;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n    display: inline-block;\n  }\n  a:focus,\n  a:hover {\n    background-color: transparent;\n  }\n  &.show-back-arrow a::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--mobile-width)};\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--desktop-width)};\n  }\n}\n",".dkan-c-cms-topnav {\n  height: 3.188rem;\n}\n\n.dkan-c-cms-topnav > div {\n  height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n  display: inline-block;\n  margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n  height: 100%;\n  margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n  .dkan-c-cms-topnav {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .dkan-c-cms-topnav {\n    height: 5.313rem;\n  }\n}\n",".dkan-c-nav-submenu.has-submenu {\n  display: block !important;\n}\n\n.dc-dataset-search-list {\n  list-style: none;\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}\n",".dkan-c-site-menu--sub-menu {\n  list-style: none;\n  display: none;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n\n.dkan-c-nav-submenu {\n  position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n  display: block;\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-site-menu--sub-menu a svg {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-site-menu--sub-menu {\n    background: #{var(--header-submenu--bg-color)};\n    position: absolute;\n    left: 0;\n    top: 48px;\n    margin: 0;\n    padding: 16px;\n    width: #{var(--header-submenu--width)};\n    a {\n      text-align: left;\n      display: flex;\n      padding: 16px;\n      span {\n        margin-left: 8px;\n        border-bottom-width: 2px;\n        border-bottom-style: solid;\n        border-bottom-color: transparent;\n      }\n    }\n    a:hover,\n    a:focus {\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n    z-index: 999;\n  }\n\n}\n",".dc-c-search-list-item {\n  list-style: none;\n  ul {\n    gap: 0;\n  }\n  li {\n    list-style: none;\n\n    &:first-child > span {\n      padding-left: 0;\n    }\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  button, span > a {\n    font-weight: normal !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n\n  // Style dataset download links\n  a.ds-c-button[href$='.pdf'], a.ds-c-button[href$='.csv'], a.ds-c-button[href$='.xlsx'], a.ds-c-button[href$='.zip'] {\n    position: relative;\n    \n    &::after {\n      font-family: 'Font Awesome 6 Pro', sans-serif;\n      display: inline-block;\n      height: 16px;\n      width: 16px;\n      margin-left: 5px;\n      font-weight: lighter;\n    }\n  }\n\n  a.ds-c-button[href$='.pdf']::after {\n    content: '\\f1c1'; // pdf\n  }\n\n  a.ds-c-button[href$='.csv']::after {\n    content: '\\f6dd'; // csv\n  }\n\n  a.ds-c-button[href$='.xlsx']::after {\n    content: '\\f1c3'; // xlsx\n  }\n\n  a.ds-c-button[href$='.zip']::after {\n    content: '\\e5ee'; // zip\n  }\n\n  .ds-c-button {\n    text-decoration: none !important;\n    \n    svg,\n    &:visited svg {\n      fill: #{var(--color-white)};\n    }\n\n  }\n\n  .dkan-disabled-link-wrapper {\n    cursor: not-allowed;\n\n    .dkan-disabled-link {\n      pointer-events: none;\n      color: #757575;\n\n      &:active, &:hover, &:focus {\n        color: #757575;\n\n        svg {\n          fill: #757575;\n        }\n      }\n\n      svg {\n        fill: #757575 !important;\n      }\n    }\n  }\n\n  .theme-list {\n    display: inline-block;\n\n    li {\n      padding: 3px 10px;\n      letter-spacing: 0.75px;\n      color: #FFF;\n      display: inline-block;\n      margin-right: 8px;\n      margin-bottom: 4px;\n      text-decoration: none;\n\n      a {\n        color: #FFF;\n        text-decoration: none !important;\n\n        &:hover,\n        &:focus,\n        &:visited:focus {\n          outline-offset: 12px;\n          text-decoration: underline !important;\n          background: unset;\n        }\n      }\n    }\n  }\n\n  .dataset-date-item {\n    display: inline-block;\n  }\n}\n",".dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  div.--alt-style input {\n    @media only screen and (max-width: 544px) {\n      --text-input__border-radius: 50px;\n      --text-input__border-color: #c6b7b7;\n      height: 61px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n  .dc-c-search-button-mobile {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    position: absolute;\n    right: 18px;\n    top: 2px;\n    z-index: 1000;\n    height: 3.563rem;\n  }\n}\n\n.dkan-dataset-search--facet-container {\n  ul {\n    list-style: none;\n    padding-left: 0px;\n  }\n}\n\n.dkan-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n  fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n  fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  align-items: flex-start;\n\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n\n  .ds-c-inline-error {\n    max-width: none;\n  }\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-nav-menu--mobile {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n}\n\n.dkan-c-header-search--modal-button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  color: #{var(--header-nav-search--color)};\n  text-decoration: none;\n  &:focus,\n  &:hover {\n    color: #{var(--header-nav-search--color)};\n    span {\n      border-bottom-color: #{var(--header-nav-search--color)};\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-main-navigation--search {\n    border-left: 2px solid #{var(--header-nav-search--color)};\n  }\n  .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n    display: none;\n  }\n  \n}\n\n",".dkan-c-header--link-list {\n  list-style: none;\n}\n\n.dkan-c-header--wrapper {\n  flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n\n\n.dkan-c-header--mobile {\n  .dkan-c-header--link-list .dkan-c-header--link,\n  .dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n\n  .dkan-c-nav-menu ul {\n    padding-inline-start: 0;\n  }\n\n  .dkan-c-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--open {\n    flex: none;\n    max-width: 100%;\n    display: block;\n    position: fixed;\n    background-color: #{var(--header-mobile-bg-color)};\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 50px 0;\n    z-index: 500;\n    // TODO: Need to rework, doesn't do anything with display none/block.\n    transition-property: left;\n    transition-duration: #{var(--mobile-nav-animation-time)};\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    padding-top: 8px;\n    display: inherit;\n    &::before {\n      background: #{var(--color-primary-light)};\n      content: \"\";\n      width: 48px;\n      height: 2px;\n      margin-left: 24px;\n      display: block;\n      position: absolute;\n    }\n    \n    ul {\n      padding-top: 16px;\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  ul.dkan-c-header--link-list .dkan-c-header--link,\n  ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--color)};\n    padding: #{var(--space, 8px 8px)};\n    &:hover {\n      span {\n        border-bottom-color: #{var(--header-nav-link--color)};\n      }\n    }\n  }\n\n  .dkan-c-header--link-list {\n    margin-block: 0;\n  }\n\n  .dkan-c-main-nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n\n  .dkan-c-nav-menu--mobile-close-button {\n    display: none;\n  }\n\n  .dkan-c-header--link-list {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    display: none;\n  }\n}\n\n\n\n",":root {\n  --mobile-menu-button--color: #{var(--color-white)};\n  --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-mobile-menu-button {\n    display: none;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-mobile-menu-button {\n    display: inherit;\n  }\n}\n\nbutton.dkan-c-mobile-menu-button {\n  color: #{var(--mobile-menu-button--color)};\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    color: #{var(--mobile-menu-button--color)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n  &:hover {\n    color: #{var(--mobile-menu-button--hover-color)};\n    &::before {\n      color: #{var(--mobile-menu-button--hover-color)};\n    }\n  }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n  &::before {\n    content: '\\f0c9';\n  }\n}\n",".dkan-c-cms-topnav-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n  border-top: 8px solid var(--color-secondary) !important;\n  border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n  list-style: none;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n  color: var(--color-base);\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-gray-lighter);\n  border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-primary-darker);\n  border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n  margin-bottom: 32px;\n  .dkan-c-sidebar-nav-menu--open {\n    display: inherit;\n  }\n  \n  .dkan-c-sidebar-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-sidebar-nav--mobile-header {\n    display: flex;\n    margin-top: -32px;\n  }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n  display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile  {\n  display: inherit;\n}\n",".dc-c-hero .ds-c-inline-error {\n  max-width: none;\n}",".dc-c-list-item {\n  list-style: none;\n  ul {\n    gap: 0;\n  }\n  li {\n    list-style: none;\n\n    &:first-child > span {\n      padding-left: 0;\n    }\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  button, span > a {\n    font-weight: normal !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n\n  // If the dataset title is right after the date, remove the top margin.\n  span[id^=\"dataset-\"] + h2 {\n    margin-top: 0;\n  }\n\n  .ds-c-button {\n    text-decoration: none !important;\n    \n    svg,\n    &:visited svg {\n      fill: #{var(--color-white)};\n    }\n\n  }\n}\n",".dkan-manage-columns-wrapper {\n  .fa-columns:before {\n    font-size: .75em !important;\n  }\n}\n\ndialog.dkan-manage-columns-dialog {\n  height: 80vh;\n  width: 100%;\n  .ds-c-dialog__window {\n    min-width: 768px; // TODO responsive\n    padding: 0;\n    .ds-c-dialog__header {\n      padding: 24px;\n    }\n  }\n  .dkan-manage-columns-list {\n    list-style: none;\n    gap: 0;\n    max-height: 350px; // TODO responsive\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n\n    li {\n      cursor: pointer;\n    }\n\n    .ds-c-choice-wrapper {\n      margin-top: 0;\n    }\n\n    .dkan-manage-columns-reorder-button {\n      background: none;\n      border: none;\n\n      &.grabbed {\n        background-color: var(--color-primary-lighter);\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-manage-columns-wrapper {\n    .fa-columns:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-manage-columns-dialog  {\n    height: 100%;\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n    }\n    .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n      display: flex;\n      flex-direction: column;\n    }\n    .dkan-manage-columns-list {\n      max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n    }\n\n    .ds-c-dialog__actions {\n      position:absolute;\n      bottom: 0;\n      background-color: white;\n      padding-top: 16px;\n    }\n  }\n}",".dkan-fullscreen-data-table-wrapper {\n  .fa-compress:before,\n  .fa-expand:before {\n    font-size: .75em !important;\n  }\n}\n\n/*\n  Styling for dynamic full height dialog with the data table filling as\n  much vertical space as possible while staying within the full height dialog\n*/\ndialog.dkan-full-screen-dataset-dialog {\n  height: 100vh;\n\n  > .ds-c-dialog__window {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .ds-c-dialog__header {\n      width: 100%;\n      flex: 0;\n    }\n\n    .ds-c-dialog__body {\n      width: 100%;\n      height: 100%;\n\n      > div[id^=\"dialog\"][id$=\"__content\"] {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n\n        .dkan-datatable-fullscreen-mode {\n          height: 100%;\n          width: 100%;\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n\n          > div {\n            flex: 0;\n            width: 100%;\n            min-height: auto;\n            margin: 8px 0 !important;\n          }\n\n          .dc-c-datatable-wrapper {\n            height: 100%;\n            width: 100%;\n            flex: 1;\n          }\n\n          ~ div {\n            flex: 0;\n            width: 100%;\n          }\n        }\n      }\n    }\n\n    form {\n      max-width: 1024px;\n    }\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-fullscreen-data-table-wrapper {\n    .fa-compress:before,\n    .fa-expand:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  thead > .dc-c-sticky-header {\n    position: sticky;\n    top: 0;\n    background-color: white;\n  }\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: default;\n  }\n}\n\n.dc-c-datatable-wrapper {\n  overflow: auto;\n  display: grid;\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute !important;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\nthead.dc-thead--truncated {\n  th > div {\n    align-items: stretch; \n\n    > div {\n      overflow: hidden;\n      flex: 1 1 auto;\n      position: relative;\n  \n      > span {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        display: inline-block;\n        overflow: hidden;\n        position: absolute;\n        left: 0;\n        width: 100%;\n  \n        .ds-c-tooltip__container {\n          white-space: wrap;\n          font-weight: normal;\n        }\n      }\n    }\n  }\n  th p {\n    white-space: normal;\n  }\n}\n\ndiv.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div {\n  overflow: visible;\n  > span {\n    overflow: visible;\n  }\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n  background-color: #{var(--color-info-lighter)}\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  border: none;\n  background: none;\n  &::after {\n    font-family: 'Font Awesome 6 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n\n.dkan-data-table-download-full-dataset-button {\n  &:hover,\n  &:focus {\n    background-color: transparent !important;\n\n    span {\n      color: var(--color-primary) !important;\n    }\n  }\n}\n\n.dkan-data-table-share-container {\n  .ds-c-tooltip__arrow {\n    display: none;\n  }\n\n  .dkan-data-table-share-button {\n    .fa-chevron-down {\n      display: none;\n    }\n\n    &.dkan-data-table-share-tooltip-open {\n      .fa-chevron-up {\n        display: none;\n      }\n      .fa-chevron-down {\n        display: block;\n      }\n    }\n  }\n\n  .ds-c-tooltip {\n    border-color: var(--color-border);\n  }\n\n  .ds-c-tooltip__content {\n    padding: 16px 16px 8px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .dkan-data-table-share-container {\n    order: 1;\n  }\n\n  .dkan-data-table-info-container {\n    order: 2;\n  }\n}\n",".dkan-filter-dataset-control {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;\n  gap: 1rem;\n  align-items: center;\n}\n\nbutton.dkan-delete-dataset-filter-button {\n  width: 32px;\n  height: 32px;\n  border-radius: 50% !important;\n}\n\n@media screen and (max-width: 767px) {\n  button.dkan-delete-dataset-filter-button {\n    margin-bottom: 4px;\n    margin-left: 16px !important;\n  }\n}\n",".dkan-clear-dataset-filters-button {\n  border: 0 !important;\n  background-color: transparent !important;\n  color: var(--color-primary);\n  text-decoration: underline;\n\n  &:hover,\n  &:focus {\n    background-color: transparent !important;\n    color: var(--color-primary) !important;\n    text-decoration: none;\n  }\n}",".dkan-filter-dataset-wrapper {\n  .fa-filter:before {\n    font-size: .75em !important;\n  }\n}\n\ndialog.dkan-filter-dataset-dialog {\n  height: 80vh;\n  width: 100%;\n\n  .ds-c-dialog__window {\n    min-width: 768px;\n    padding: 0;\n\n    .ds-c-dialog__header {\n      padding: 24px 24px 10px;\n    }\n\n    .ds-c-label {\n      width: 0 !important;\n      height: 0 !important;\n      display: block !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      border: 0 !important;\n      overflow: hidden !important;\n    }\n\n    .ds-c-dialog__actions {\n      margin: 0;\n    }\n  }\n}\n\n.dkan-filter-dataset-controls-header {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;\n  gap: 1rem;\n  align-items: center;\n}\n\n.dkan-filter-dataset-controls-header-gutter {\n  width: 42px;\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-filter-dataset-wrapper {\n    .fa-filter:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-filter-dataset-dialog  {\n    height: 100%;\n\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .dkan-filter-dataset-controls-header {\n        display: none;\n      }\n\n      .ds-c-dialog__header {\n        width: 100%;\n        flex: 0;\n        padding: 24px 16px 10px;\n      }\n\n      .ds-c-dialog__body {\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n\n      .ds-c-dialog__body > div[id^=\"dialog\"][id$=\"__content\"] {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        flex: 1;\n        overflow: hidden;\n\n        > div {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n\n          > * {\n            flex: 0;\n            width: 100%;\n          }\n  \n          .dkan-filter-dataset-form-container {\n            flex: 1;\n            height: 100%;\n            overflow: hidden;\n\n            > div {\n              display: flex;\n              flex-direction: column;\n              height: 100%;\n              width: 100%;\n              overflow: hidden;\n\n              .dkan-filter-dataset-controls {\n                flex: 1;\n                height: 100%;\n                overflow: auto;\n\n                > fieldset {\n                  background-color: #F2F2F2;\n                  align-items: flex-end;\n                  gap: 0;\n                  display: flex;\n                  flex-wrap: wrap;\n                  max-width: none !important;\n                  padding-block: 16px !important;\n                  margin-block-start: 16px !important;\n                  border: 0 !important;\n\n                  > div:nth-child(1),\n                  > div:nth-child(2),\n                  > div:nth-child(3) {\n                    width: calc(100% - 48px); /* 32px for the delete button + 16px for the gutter */\n                    max-width: none !important;\n                  }\n\n                  > div:nth-child(1),\n                  > div:nth-child(2) {\n                    margin-bottom: 16px;\n                  }\n\n                  .ds-c-label {\n                    width: auto !important;\n                    height: auto !important;\n                    overflow: visible !important;\n                    max-width: none !important;\n                  }\n\n                  .ds-c-field {\n                    max-width: none !important;\n                  }\n                }\n              }\n\n              > div {\n                flex: 0;\n                width: 100%;\n              }\n            }\n          }\n        }\n      }\n  \n      .ds-c-dialog__actions {\n        width: 100%;\n        flex: 0;\n        border-top: solid 1px #d9d9d9;\n      }\n    }\n  }\n}\n",".dkan-filter-chip {\n  background: var(--filter-chip__background-color);\n  border: solid 1px var(--filter-chip__border-color);\n  border-radius: var(--filter-chip__border-radius);\n  color: var(--filter-chip__color);\n  white-space: nowrap;\n\n  .fa.fa-x {\n    color: var(--filter-chip-icon__color);\n  }\n}",".dkan-table-density-button {\n  border: solid 1px var(--color-gray-light);\n\n  svg {\n    width: 22px;\n    height: auto;\n  }\n\n  svg > path {\n    fill: var(--color-gray-light);\n  }\n\n  &.active {\n    border-color: var(--color-primary);\n\n    svg > path {\n      fill: var(--color-primary);\n    }\n  }\n}\n\n.dkan-filter-dataset-toolbar-button {\n  color: var(--color-primary);\n\n  span {\n    text-decoration: underline;\n  }\n\n  &:hover span,\n  &:focus span {\n    text-decoration: none;\n  }\n\n  .fa-chevron-up,\n  .fa-chevron-down {\n    font-size: 10px;\n    line-height: normal;\n  }\n\n  .fa-chevron-down {\n    display: none;\n  }\n\n  &.dkan-data-table-display-settings-tooltip-open {\n    .fa-chevron-up {\n      display: none;\n    }\n    .fa-chevron-down {\n      display: block;\n    }\n  }\n}\n\n.dkan-display-settings-wrapper {\n  .ds-c-tooltip {\n    border-color: var(--color-gray-lighter);\n    border-radius: 0;\n    box-shadow: 0 0 3px 0 var(--color-gray-light);\n  }\n\n  .ds-c-tooltip__arrow {\n    display: none;\n  }\n\n  .ds-c-tooltip__content {\n    border-radius: 0;\n    padding: 8px 24px;\n  }\n\n  .ds-c-dropdown__button.ds-c-field {\n    margin: 0;\n  }\n\n  .ds-c-dropdown__label {\n    width: 0 !important;\n    height: 0 !important;\n    display: block !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: 0 !important;\n    overflow: hidden !important;\n  }\n\n  .dkan-data-table-display-settings-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: .5rem;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .dkan-display-settings-wrapper {\n    .fa-sliders-h:before {\n      font-size: 1.4em !important;\n    }\n  }\n}\n",".dkan-filter-dataset-toolbar {\n  box-shadow: 0 0 3px 0 #A6A6A6;\n\n  .dkan-filter-dataset-toolbar-button {\n    border: 0;\n    line-height: normal;\n    text-decoration: none !important;\n    color: var(--color-primary);\n\n    &:focus {\n      box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);\n      outline: 3px solid #0000;\n      outline-offset: 3px;\n    } \n\n    > span {\n      text-decoration: underline;\n    }\n\n    &:hover > span,\n    &:focus > span {\n      text-decoration: none;\n    }\n  }\n}\n\n.dkan-clear-all-filters-button {\n  &:hover,\n  &:focus {\n    color: var(--color-primary) !important;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  // make button labels hidden on screens smaller than 1024px\n  .dkan-dataset-toolbar-button-label {\n    clip: rect(0, 0, 0, 0);\n    word-wrap: normal;\n    border: 0;\n    height: 1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n  \n}\n\n@media screen and (max-width: 767px) {\n  .dkan-data-table-toolbar-controls {\n    justify-content: space-between;\n    border-top: 1px solid var(--color-gray-lighter);\n  }\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n  //Colors\n  --su-color--blue-dark: rgb(0, 51, 102);\n  --su-color--brown: rgba(136, 76, 0, 1);\n  --su-color--green-dark: rgb(0, 118, 65);\n  --su-color--green-muted: rgb(39, 117, 100);\n  --su-color--orange-dark: rgb(209, 0, 0);\n  --su-color--orange-light: rgba(209, 0, 0, .1);\n  --su-color--red-dark: rgb(151, 0, 0);\n  --su-color--red-light: rgba(211, 0, 0, .1);\n  --su-color--red: rgb(211, 0, 0);\n}\n// State  `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n  .opblock {\n    .opblock-summary-method {\n      color: #333;\n    }\n\n    &.opblock-delete {\n      background-color: var(--su-color--red-light);\n      border-color: var(--su-color--red);\n\n      .opblock-summary-method {\n        color: white;\n\n        background-color: var(--su-color--red-dark);\n      }\n    }\n\n    &.opblock-put {\n      .opblock-summary-method {\n        background-color: var(--su-color--brown);\n        color: white;\n      }\n    }\n  }\n\n  .parameter__name {\n    &.required {\n      span {\n        color: var(--su-color--red);\n      }\n\n      &:after {\n        color: var(--su-color--red);\n      }\n    }\n  }\n\n  .btn {\n    &.cancel {\n      border-color: var(--su-color--red);\n      color: var(--su-color--red);\n    }\n\n    &.authorize {\n      border-color: var(--su-color--green-muted);\n      background-color: var(--su-color--green-muted);\n    }\n\n    &.execute {\n      background-color: var(--su-color--blue-dark)\n    }\n  }\n\n  .info {\n    .title > span {\n      span {\n        background-color: #666;\n        border-radius: 67px;\n        display: inline-block;\n        font-size: 14px;\n        color: white;\n        margin: 0 0 0 5px;\n        padding: 2px 8px;\n        position: relative;\n        top: -5px;\n        vertical-align: super;\n        &.version-stamp--openapi {\n          background-color: #005830;\n        }\n      }\n    }\n\n    a {\n      color: #036;\n    }\n  }\n\n  .model-hint {\n    max-width: 100%;\n    word-wrap: break-word;\n    white-space: normal;\n    top: 1.5em;\n  }\n  section.models .model-container {\n    overflow-x: auto;\n  }\n  table {\n    min-width: 500px;\n\n    &.model tbody tr td:first-of-type  {\n      min-width: 174px;\n    }\n  }\n\n  .table-container, .responses-inner {\n    overflow: scroll;\n  }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n  font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n  .swagger-ui .opblock-tag-section .opblock-tag small {\n    flex: initial;\n  }\n}\n",".ds-c-button.display-settings-font {\n  font: inherit;\n}",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 6 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".search-input-container {\n\n    width: 100%;\n    position: relative;\n\n    > div:has(input) {\n        width: 100%;\n    }\n    \n    input {\n        max-width: none;\n        width: 100%;\n        border-radius: 37px !important;\n        padding: 16px;\n    }\n\n    .left-padding input {\n        @media (min-width: 544px) {\n            padding-left: 50px;\n        }\n    }\n\n    .right-padding input {\n        padding-right: 74px;\n        @media (min-width: 544px) {\n            padding-right: 197px;\n        }\n    }\n    \n    button {\n        position: absolute;\n        right: 2px;\n        top: 4px;\n        border-radius: 37px !important;\n        padding: 16px;\n        background-color: #0D2499;\n\n        @media (max-width: 544px) {\n            border-top-left-radius: 0 !important;\n            border-bottom-left-radius: 0 !important;\n        }\n\n        &:hover,\n        &:active {\n            border-color: #000f5c;\n            background-color: #000f5c !important;\n        }\n\n        &:focus {\n            background-color: #0D2499;\n        }\n        \n        span {\n            display: block;\n            height: 21px;\n        }\n\n        svg {\n            margin-top: -2px;\n        }\n\n        .magnifying-glass-icon {\n\n            @media (min-width: 544px) {\n                display: none;\n            }\n\n            path {\n                fill: #fff;\n            }\n        }\n\n        .sm-label {\n            @media (max-width: 544px) {\n                display: none;\n            }\n        }\n\n        &.on-dark {\n            border-color: #C6F6DB;\n            background-color: #C6F6DB;\n            color: var(--component-button-solid-dark-alt-color, #262626);\n\n            path {\n                fill: var(--component-button-solid-dark-alt-color, #262626);\n            }\n    \n            &:hover,\n            &:active {\n                border-color: #95cfae;\n                background-color: #95cfae !important;\n                color: var(--component-button-solid-dark-alt-color, #262626);\n            }\n        }\n    }\n\n    > .magnifying-glass-icon {\n        position: absolute;\n        left: 16px;\n        top: 16px;\n\n        path {\n            fill: #0D2499;\n        }\n    }\n\n    .rounded-border {\n        position: absolute;\n        inset: 4px 0 0;\n        border-radius: 37px;\n        border: 2px solid var(--color-granite-200, #C0C0C0);\n        pointer-events: none;\n    }\n}",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n  width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n  border-left: 0;\n  border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n  width: 500px;\n}",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dc-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n  ul {\n    list-style-type: unset;\n  }\n}\n\n.dc-dataset .ds-c-tabs {\n  .ds-c-tabs__item {\n    text-decoration:none;\n    svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n}\n\n#main-content {\n  overflow: visible;\n}\n\n.dc-c-word-break--all {\n  word-break: break-all;\n}",":root {\n  --mobile-nav-animation-time: 1s;\n  --main-nav-height: 6.25rem;\n  --header-bg-color: #{var(--color-primary)};\n  --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n  --header-nav-link--color: #{var(--color-white)};\n  --header-nav-link--mobile-color: #{var(--color-white)};\n  --header-mobile-bg-color: #{var(--color-gray-dark)};\n  --header-submenu--bg-color: #{var(--color-primary)};\n  --header-submenu--width: 333px; // This oddly specific width ensures that pagers on submenus with dataset listings have 24px width between them. See DatasetListSubmenu.tsx.\n  --header-nav-search--color: #{var(--color-white)};\n  --tag-line--color: #6f757c;\n  --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n  min-height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n  background-color: #{var(--header-bg-color)};\n  background-image: #{var(--header-bg-image)};\n}\n\n.ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-light)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n  text-decoration: none;\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-light)};\n}\n\n.ds-c-external-link-icon {\n font-size: 0.675em !important;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n  overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n  background-image: none;\n}",".dc-c-resource-header .data-table-results {\n  margin: 0;\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js

@@ -1426,6 +1426,8 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 
 
 const $e873081a6e8f024e$export$1040147c129fdde9 = (query)=>{
+    // Only allow letters, numbers, spaces, and empty string
+    // A search containing any special character will be rejected
     return /^[a-zA-Z0-9 ]*$/.test(query.trim());
 };
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
@@ -1452,87 +1454,107 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             value: 'titleZA'
         }
     ];
+    const defaultSortBy = "";
+    const defaultFulltext = "";
+    const defaultSelectedFacets = {
+        theme: [],
+        keyword: []
+    };
+    const defaultSortOrder = "";
+    const defaultPage = 1;
     const location = (0, $hgUW1$useLocation)();
-    const [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
-    // Derive all search state from URL params
-    const selectedFacets = (0, $hgUW1$useMemo)(()=>({
-            theme: searchParams.getAll('theme'),
-            keyword: searchParams.getAll('keyword')
-        }), [
-        searchParams
-    ]);
-    const page = Number(searchParams.get('page')) || 1;
-    const sort = searchParams.get('sort') || defaultSort.defaultSort;
-    const sortOrder = searchParams.get('sortOrder') || defaultSort.defaultOrder;
-    const fulltext = searchParams.get('fulltext') || '';
-    const sortDisplay = sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
-    // Local UI state only
-    const [filterText, setFilterText] = (0, $hgUW1$useState)(fulltext);
+    const transformedParams = (0, $eff7d34c30f5a0fc$export$60ec7cc1d341a524)(location.search, defaultSort);
+    const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
+        total: 0,
+        startingNumber: 0,
+        endingNumber: 0
+    });
+    const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)('');
+    let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
+    const [fulltext, setFullText] = (0, $hgUW1$useState)(transformedParams.fulltext);
+    const [filterText, setFilterText] = (0, $hgUW1$useState)(transformedParams.fulltext);
+    const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
+    const [page, setPage] = (0, $hgUW1$useState)(transformedParams.page ? transformedParams.page : defaultPage);
+    const [sort, setSort] = (0, $hgUW1$useState)(transformedParams.sort ? transformedParams.sort : defaultSort ? defaultSort.defaultSort : defaultSortBy);
+    const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(transformedParams.sortOrder ? transformedParams.sortOrder : defaultSort ? defaultSort.defaultOrder : defaultSortOrder);
+    const [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
+        return sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
+    });
+    const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(transformedParams.selectedFacets ? transformedParams.selectedFacets : {
+        theme: [],
+        keyword: []
+    });
     const [invalidSearch, setInvalidSearch] = (0, $hgUW1$useState)(false);
-    // Sync filterText from URL on back/forward
-    (0, $hgUW1$useEffect)(()=>{
-        setFilterText(fulltext);
-    }, [
-        fulltext
-    ]);
-    function buildNextParams(overrides) {
-        const next = new URLSearchParams(searchParams);
-        Object.entries(overrides).forEach(([key, value])=>{
-            next.delete(key);
-            if (value === null) return;
-            const values = Array.isArray(value) ? value : [
-                value
-            ];
-            values.forEach((v)=>next.append(key, v));
-        });
-        return next;
-    }
-    function updateSelectedFacets(key, value) {
-        const current = searchParams.getAll(key);
-        const idx = current.indexOf(value);
-        const updated = idx > -1 ? current.filter((_, i)=>i !== idx) : [
-            ...current,
-            value
-        ];
-        setSearchParams(buildNextParams({
-            [key]: updated.length ? updated : null,
-            page: null
-        }));
-    }
-    const setSortOptionsHandler = (value)=>{
-        let nextSort;
-        let nextSortOrder;
+    const setSortOptions = (value)=>{
+        setSortDisplay(value);
         switch(value){
             case 'newest':
-                nextSort = 'modified';
-                nextSortOrder = 'desc';
+                setSort('modified');
+                setSortOrder('desc');
                 break;
             case 'oldest':
-                nextSort = 'modified';
-                nextSortOrder = 'asc';
+                setSort('modified');
+                setSortOrder('asc');
                 break;
             case 'titleAZ':
-                nextSort = 'title';
-                nextSortOrder = 'asc';
+                setSort('title');
+                setSortOrder('asc');
                 break;
             case 'titleZA':
-                nextSort = 'title';
-                nextSortOrder = 'desc';
+                setSort('title');
+                setSortOrder('desc');
                 break;
-            default:
-                return;
         }
-        const overrides = {
-            sort: nextSort === defaultSort.defaultSort ? null : nextSort,
-            sortOrder: nextSortOrder === defaultSort.defaultOrder ? null : nextSortOrder
-        };
-        setSearchParams(buildNextParams(overrides));
     };
-    function resetFilters() {
-        setFilterText('');
-        setSearchParams({});
+    function updateSelectedFacets(key, value) {
+        const newFacets = {
+            ...selectedFacets
+        };
+        if (key === 'theme') {
+            const existingFacet = newFacets.theme.findIndex((s)=>s === value);
+            if (existingFacet > -1) newFacets.theme.splice(existingFacet, 1);
+            else newFacets.theme.push(value);
+        }
+        if (key === 'keyword') {
+            const existingFacet = newFacets.keyword.findIndex((s)=>s === value);
+            if (existingFacet > -1) newFacets.keyword.splice(existingFacet, 1);
+            else newFacets.keyword.push(value);
+        }
+        const urlString = (0, $hgUW1$qs).stringify({
+            theme: newFacets.theme,
+            keyword: newFacets.keyword
+        }, {
+            encodeValuesOnly: true,
+            addQueryPrefix: true
+        });
+        setSelectedFacets(newFacets);
+        const url = new URL(window.location.href);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
     }
     const pageSize = defaultPageSize;
+    function resetFilters() {
+        setFullText(defaultFulltext);
+        setFilterText(defaultFulltext);
+        setSelectedFacets(defaultSelectedFacets);
+        setPage(defaultPage);
+        const url = new URL(window.location.href);
+        window.history.pushState({}, '', `${url.origin}${url.pathname}`);
+    }
+    function buildSearchParams(includePage) {
+        let newParams = {};
+        if (Number(page) !== 1 && includePage) newParams.page = page;
+        if (sort !== defaultSort.defaultSort) newParams.sort = sort;
+        if (sortOrder !== defaultSort.defaultOrder) newParams.sortOrder = sortOrder;
+        if (fulltext !== '') newParams.fulltext = fulltext;
+        if (Object.keys(selectedFacets).length) Object.keys(selectedFacets).forEach((key)=>{
+            newParams[key] = selectedFacets[key];
+        });
+        return (0, $hgUW1$qs).stringify(newParams, {
+            addQueryPrefix: includePage,
+            encode: true
+        });
+    }
     let params = {
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
@@ -1553,30 +1575,55 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             })}`);
         }
     });
-    const totalItems = data?.data?.total ? Number(data.data.total) : 0;
+    // Sync totalItems state with API response data
+    // Moved to useEffect to prevent state updates during render (which can cause infinite loops)
+    (0, $hgUW1$useEffect)(()=>{
+        if (data?.data?.total !== undefined && data.data.total !== totalItems) setTotalItems(data.data.total);
+    }, [
+        data?.data?.total
+    ]);
     const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
         theme: null,
         keyword: null
     };
-    const currentResultNumbers = (0, $hgUW1$useMemo)(()=>{
-        const baseNumber = totalItems > 0 ? 1 : 0;
-        const startingNumber = baseNumber + (pageSize * page - pageSize);
-        const endingNumber = pageSize * page;
-        return {
-            total: totalItems,
-            startingNumber: totalItems >= startingNumber ? startingNumber : 0,
-            endingNumber: totalItems < endingNumber ? totalItems : endingNumber
-        };
+    (0, $hgUW1$useEffect)(()=>{
+        const baseNumber = Number(totalItems) > 0 ? 1 : 0;
+        const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
+        const endingNumber = Number(pageSize) * Number(page);
+        setCurrentResultNumbers({
+            total: Number(totalItems),
+            startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
+            endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
+        });
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        else setNoResults(false);
     }, [
         totalItems,
         pageSize,
         page
     ]);
-    const noResults = totalItems <= 0 && !isPending;
-    const announcementText = (0, $hgUW1$useMemo)(()=>{
-        if (noResults) return 'No results found.';
-        if (!isPending && (!data || !data.data.results)) return 'Could not connect to the API.';
-        return `Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`;
+    (0, $hgUW1$useEffect)(()=>{
+        if (page !== 1 && (transformedParams.fulltext !== fulltext || transformedParams.selectedFacets !== selectedFacets)) setPage(1);
+    }, [
+        fulltext,
+        selectedFacets
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (totalItems !== null && totalItems !== undefined && totalItems > 0) {
+            var params = buildSearchParams(true);
+            if (params !== location.search) setSearchParams(params);
+        }
+    }, [
+        page,
+        sort,
+        sortOrder,
+        totalItems
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        // No results found
+        if (noResults) setAnnouncementText('No results found.');
+        else if (!isPending && (!data || !data.data.results)) setAnnouncementText('Could not connect to the API.');
+        else setAnnouncementText(`Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`);
     }, [
         data,
         isPending,
@@ -1627,10 +1674,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         if (filterText) {
                                             if ($e873081a6e8f024e$export$1040147c129fdde9(filterText)) {
                                                 setInvalidSearch(false);
-                                                setSearchParams(buildNextParams({
-                                                    fulltext: filterText,
-                                                    page: null
-                                                }));
+                                                setFullText(filterText);
                                             } else setInvalidSearch(true);
                                         }
                                     },
@@ -1724,7 +1768,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                         label: "Sort",
                                                         labelClassName: "ds-u-margin-top--0",
                                                         name: "dataset_search_sort",
-                                                        onChange: (e)=>setSortOptionsHandler(e.target.value)
+                                                        onChange: (e)=>setSortOptions(e.target.value)
                                                     })
                                                 })
                                             ]
@@ -1757,6 +1801,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                     };
                                                     let topicProps = {};
                                                     if (showTopics) {
+                                                        // Generate topic slugs mapping for this item's themes
                                                         let topicSlugs = {};
                                                         if (item.theme && Array.isArray(item.theme)) item.theme.forEach((topic)=>{
                                                             if (topic) topicSlugs[topic] = topicSlugFunction ? topicSlugFunction(topic) : topic.split(' ').join('-').toLowerCase();
@@ -1794,15 +1839,12 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                             onPageChange: (evt, page)=>{
                                                 evt.preventDefault();
                                                 window.scroll(0, 0);
-                                                setSearchParams(buildNextParams({
-                                                    page: page > 1 ? String(page) : null
-                                                }));
+                                                setPage(page);
                                             },
-                                            renderHref: (p)=>{
-                                                const next = buildNextParams({
-                                                    page: p > 1 ? String(p) : null
-                                                });
-                                                return `/datasets?${next.toString()}`;
+                                            renderHref: (page)=>{
+                                                const searchParams = buildSearchParams(false);
+                                                const includeAnd = searchParams ? '&' : '';
+                                                return `/datasets?page=${page}${includeAnd}${searchParams}`;
                                             }
                                         })
                                     ]