@civicactions/cmsds-open-data-components 4.0.12-alpha.2 → 4.0.12

package/dist/main.css

@@ -64,7 +64,7 @@
 }
 
 .dkan-c-cms-topnav {
-  height: 51px;
+  height: 3.188rem;
 }
 
 .dkan-c-cms-topnav > div {
@@ -95,7 +95,7 @@
 
 @media screen and (width >= 1024px) {
   .dkan-c-cms-topnav {
-    height: 85px;
+    height: 5.313rem;
   }
 }
 
@@ -540,7 +540,7 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
   z-index: 1000;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
-  height: 57px;
+  height: 3.563rem;
   position: absolute;
   top: 2px;
   right: 18px;
@@ -1545,8 +1545,6 @@ ul.dc-c-resource-full-width {
 
 :root {
   --mobile-nav-animation-time: 1s;
-  --cms-top-nav-height: 87px;
-  --main-nav-height: 100px;
   --header-bg-color: var(--color-primary);
   --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);
   --header-nav-link--color: var(--color-white);
@@ -1559,10 +1557,6 @@ ul.dc-c-resource-full-width {
   --tag-line--border-color: #6f757c;
 }
 
-.dkan-c-main-navigation > div > div {
-  height: var(--main-nav-height);
-}
-
 .dkan-c-header .dkan-c-main-navigation {
   background-color: var(--header-bg-color);
   background-image: var(--header-bg-image);

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"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","sources":["66671e0fb4f6ef44","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/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/DatasetListItem/dataset-list-item.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.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/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/templates/DatasetSearch/dataset-search.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 \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"e9f6c11d546332d9\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"52024ef62e9890ec\";\n@import \"a12176ddeff64a1d\";\n@import \"5a21f0b6a4a92bdc\";\n@import \"f75933706bca7994\";\n@import \"a3a27b052944cbc4\";\n@import \"05073f61741bcbaa\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"afb93adf2372c8fa\";\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: 51px;\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: 85px;\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",".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-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",".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;\n      }\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: 57px;\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","/*\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-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-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",".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\n.dkan-delete-dataset-filter-button {\n  width: 32px;\n  height: 32px;\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      .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\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}",".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",".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  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}","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  --cms-top-nav-height: 87px;\n  --main-nav-height: 100px;\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  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":["66671e0fb4f6ef44","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/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/DatasetListItem/dataset-list-item.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/ResourceHeader/resource-header.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.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/components/Breadcrumb/breadcrumb.scss","src/components/SearchInput/search-input.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/templates/DatasetSearch/dataset-search.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 \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"e9f6c11d546332d9\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"abe4b1357605f482\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"52024ef62e9890ec\";\n@import \"a12176ddeff64a1d\";\n@import \"5a21f0b6a4a92bdc\";\n@import \"f75933706bca7994\";\n@import \"a3a27b052944cbc4\";\n@import \"05073f61741bcbaa\";\n@import \"befaac9e892f85f3\";\n@import \"c879096dce4fac15\";\n@import \"0942f6189f250c2d\";\n@import \"afb93adf2372c8fa\";\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",".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-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",".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;\n      }\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","/*\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-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-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",".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\n.dkan-delete-dataset-filter-button {\n  width: 32px;\n  height: 32px;\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      .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\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}",".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",".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  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}","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  --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-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

@@ -4544,42 +4544,6 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     }
     const pageSize = defaultPageSize;
-    (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
-        });
-        setTimeout(()=>{
-            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
-        }, 100);
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
-        else setNoResults(false);
-    }, [
-        totalItems,
-        pageSize,
-        page
-    ]);
-    (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
-    ]);
     function resetFilters() {
         setFullText(defaultFulltext);
         setFilterText(defaultFulltext);
@@ -4627,6 +4591,50 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         theme: null,
         keyword: null
     };
+    (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
+    ]);
+    (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,
+        noResults,
+        currentResultNumbers
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -4635,6 +4643,15 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
                 className: "ds-l-container",
                 children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            className: "ds-u-visibility--screen-reader",
+                            "aria-live": "assertive",
+                            "aria-atomic": "true",
+                            "data-testid": "currentResults",
+                            children: announcementText
+                        })
+                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -4719,34 +4736,23 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                             className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
                                             children: [
-                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8 ds-u-sm-padding-left--0",
-                                                    children: [
-                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                            className: "ds-u-margin-y--0",
-                                                            "aria-hidden": "true",
-                                                            children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                                                                children: [
-                                                                    "Showing ",
-                                                                    currentResultNumbers.startingNumber,
-                                                                    " -",
-                                                                    " ",
-                                                                    currentResultNumbers.endingNumber,
-                                                                    " of ",
-                                                                    data.data.total,
-                                                                    " datasets"
-                                                                ]
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                            className: "ds-u-visibility--screen-reader",
-                                                            role: "status",
-                                                            "aria-live": "assertive",
-                                                            "aria-atomic": "true",
-                                                            "data-testid": "currentResults",
-                                                            children: announcementText
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                        className: "ds-u-margin-y--0",
+                                                        children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                            children: [
+                                                                "Showing ",
+                                                                currentResultNumbers.startingNumber,
+                                                                " -",
+                                                                " ",
+                                                                currentResultNumbers.endingNumber,
+                                                                " of ",
+                                                                data.data.total,
+                                                                " datasets"
+                                                            ]
                                                         })
-                                                    ]
+                                                    })
                                                 }),
                                                 enableSort && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-sm-padding-right--0",
@@ -4767,6 +4773,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                             children: [
                                                 noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
+                                                    role: "region",
                                                     heading: "No results found."
                                                 }),
                                                 data && data.data.results ? Object.keys(data.data.results).map((key)=>{
@@ -4794,6 +4801,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                     }, item.identifier);
                                                 }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
+                                                    role: "region",
                                                     heading: "Could not connect to the API."
                                                 })
                                             ]
@@ -4906,37 +4914,6 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         }
     };
     const pageSize = defaultPageSize;
-    (0, $hgUW1$useEffect)(()=>{
-        // Update browser URL with current search params
-        const params = buildSearchParams(true);
-        const url = new URL(window.location.href);
-        window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
-        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
-        });
-        setTimeout(()=>{
-            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
-        }, 100);
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
-        else setNoResults(false);
-    }, [
-        totalItems,
-        pageSize,
-        page
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        var params = buildSearchParams(true);
-        if (params !== location.search) setSearchParams(params);
-    }, [
-        page,
-        sort,
-        sortOrder
-    ]);
     function buildSearchParams(includePage) {
         let newParams = {};
         if (Number(page) !== 1 && includePage) newParams.page = page;
@@ -4966,6 +4943,45 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         }
     });
     if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
+    (0, $hgUW1$useEffect)(()=>{
+        // Update browser URL with current search params
+        const params = buildSearchParams(true);
+        const url = new URL(window.location.href);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
+        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
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        var params = buildSearchParams(true);
+        if (params !== location.search) setSearchParams(params);
+    }, [
+        page,
+        sort,
+        sortOrder
+    ]);
+    (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,
+        noResults,
+        currentResultNumbers
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -4974,6 +4990,15 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
             /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
                 className: "ds-l-container",
                 children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            className: "ds-u-visibility--screen-reader",
+                            "aria-live": "assertive",
+                            "aria-atomic": "true",
+                            "data-testid": "currentResults",
+                            children: announcementText
+                        })
+                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -5014,33 +5039,22 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                                         className: "ds-u-margin-bottom--3",
                                                         children: introText ? introText : null
                                                     }),
-                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                                        children: [
-                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                                className: "ds-u-margin-y--0",
-                                                                "aria-hidden": "true",
-                                                                children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
-                                                                    children: [
-                                                                        "Showing ",
-                                                                        currentResultNumbers.startingNumber,
-                                                                        " -",
-                                                                        " ",
-                                                                        currentResultNumbers.endingNumber,
-                                                                        " of ",
-                                                                        data.data.total,
-                                                                        " datasets"
-                                                                    ]
-                                                                })
-                                                            }),
-                                                            /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                                                                className: "ds-u-visibility--screen-reader",
-                                                                role: "status",
-                                                                "aria-live": "assertive",
-                                                                "aria-atomic": "true",
-                                                                "data-testid": "currentResults",
-                                                                children: announcementText
+                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-margin-y--0",
+                                                            children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                                children: [
+                                                                    "Showing ",
+                                                                    currentResultNumbers.startingNumber,
+                                                                    " -",
+                                                                    " ",
+                                                                    currentResultNumbers.endingNumber,
+                                                                    " of ",
+                                                                    data.data.total,
+                                                                    " datasets"
+                                                                ]
                                                             })
-                                                        ]
+                                                        })
                                                     })
                                                 ]
                                             }),
@@ -5063,6 +5077,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                         children: [
                                             noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
+                                                role: "region",
                                                 heading: "No results found."
                                             }),
                                             data && data.data.results ? Object.keys(data.data.results).map((key)=>{
@@ -5077,6 +5092,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                                 }, item.identifier);
                                             }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
+                                                role: "region",
                                                 heading: "Could not connect to the API."
                                             })
                                         ]
@@ -7779,6 +7795,8 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
     const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
         ...options,
         limit: 25
+    }, {
+        datasetID: id
     });
     (0, $hgUW1$useEffect)(()=>{
         if (distribution.identifier) resource.setResource(distribution.identifier);