@civicactions/cmsds-open-data-components 4.1.0 → 4.1.2-alpha.0

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;
   }
 }
 
@@ -156,6 +156,248 @@
   z-index: 999;
 }
 
+.dc-c-search-list-item {
+  list-style: none;
+}
+
+.dc-c-search-list-item ul {
+  gap: 0;
+}
+
+.dc-c-search-list-item li {
+  list-style: none;
+}
+
+.dc-c-search-list-item li:first-child > span {
+  padding-left: 0;
+}
+
+.dc-c-search-list-item li a, .dc-c-search-list-item li button {
+  text-decoration: underline !important;
+}
+
+.dc-c-search-list-item svg {
+  margin-right: 8px;
+}
+
+.dc-c-search-list-item button, .dc-c-search-list-item span > a {
+  font-weight: normal !important;
+}
+
+.dc-c-search-list-item a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
+  position: relative;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  width: 16px;
+  height: 16px;
+  margin-left: 5px;
+  font-family: "Font Awesome 6 Pro", sans-serif;
+  font-weight: lighter;
+  display: inline-block;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item .ds-c-button {
+  text-decoration: none !important;
+}
+
+.dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
+  fill: var(--color-white);
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper {
+  cursor: not-allowed;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
+  pointer-events: none;
+  color: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
+  color: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg {
+  fill: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
+  fill: #757575 !important;
+}
+
+.dc-c-search-list-item .theme-list {
+  display: inline-block;
+}
+
+.dc-c-search-list-item .theme-list li {
+  letter-spacing: .75px;
+  color: #fff;
+  margin-bottom: 4px;
+  margin-right: 8px;
+  padding: 3px 10px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.dc-c-search-list-item .theme-list li a {
+  color: #fff;
+  text-decoration: none !important;
+}
+
+.dc-c-search-list-item .theme-list li a:hover, .dc-c-search-list-item .theme-list li a:focus, .dc-c-search-list-item .theme-list li a:visited:focus {
+  outline-offset: 12px;
+  background: unset;
+  text-decoration: underline !important;
+}
+
+.dc-c-search-list-item .dataset-date-item {
+  display: inline-block;
+}
+
+.dataset-date .dataset-date-item {
+  white-space: nowrap;
+}
+
+.dataset-date .dataset-date-item > span {
+  line-height: 1.8rem;
+}
+
+.dataset-date .dataset-date-item .ds-c-tooltip__container {
+  width: 20px;
+  display: inline-block;
+  position: relative;
+  bottom: 10px;
+}
+
+.dataset-date > .bullet-point {
+  font-size: 1.2rem;
+}
+
+@media screen and (width <= 543px) {
+  .dataset-date .bullet-point {
+    display: none;
+  }
+}
+
+.dkan-dataset-search {
+  position: relative;
+}
+
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+@media only screen and (width <= 544px) {
+  .dkan-dataset-search div.--alt-style input {
+    --text-input__border-radius: 50px;
+    --text-input__border-color: #c6b7b7;
+    height: 61px;
+  }
+}
+
+.dkan-dataset-search .dc-c-search-button-mobile {
+  z-index: 1000;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  height: 3.563rem;
+  position: absolute;
+  top: 2px;
+  right: 18px;
+}
+
+.dkan-dataset-search--facet-container ul {
+  padding-left: 0;
+  list-style: none;
+}
+
+.dkan-dataset-search--clear-all-filters {
+  width: 100%;
+}
+
+.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
+  fill: var(--link__color);
+}
+
+.dc-c-search-list-item li a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dc-dataset-search-list {
+  list-style: none;
+}
+
+.dc-search-header {
+  display: relative;
+}
+
+.dc-search-header:after {
+  content: "";
+  background-color: var(--color-primary-light);
+  width: 48px;
+  height: 4px;
+  margin: 16px 0;
+  display: block;
+}
+
+.dataset-results-count {
+  font-weight: bold;
+}
+
+.dkan-dataset-search--facet-container .ds-c-accordion__content {
+  max-height: 32rem;
+}
+
+.dc-dataset-search--clear-all-filters {
+  width: 100%;
+}
+
+.dkan-dataset-search {
+  align-items: flex-start;
+  position: relative;
+}
+
+.dkan-dataset-search input {
+  min-width: 100%;
+}
+
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+.dkan-dataset-search .ds-c-field__before {
+  top: 12px;
+  left: 16px;
+}
+
+.dkan-dataset-search .ds-c-inline-error {
+  max-width: none;
+}
+
 .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
   border-bottom: 2px solid #0000;
 }
@@ -420,6 +662,10 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
   display: inherit;
 }
 
+.dc-c-hero .ds-c-inline-error {
+  max-width: none;
+}
+
 .dc-c-list-item {
   list-style: none;
 }
@@ -468,245 +714,154 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
   fill: var(--color-white);
 }
 
-.dc-c-search-list-item {
-  list-style: none;
+.dkan-manage-columns-wrapper .fa-columns:before {
+  font-size: .75em !important;
 }
 
-.dc-c-search-list-item ul {
-  gap: 0;
+dialog.dkan-manage-columns-dialog {
+  width: 100%;
+  height: 80vh;
 }
 
-.dc-c-search-list-item li {
-  list-style: none;
+dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
+  min-width: 768px;
+  padding: 0;
 }
 
-.dc-c-search-list-item li:first-child > span {
-  padding-left: 0;
+dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
+  padding: 24px;
 }
 
-.dc-c-search-list-item li a, .dc-c-search-list-item li button {
-  text-decoration: underline !important;
+dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
+  gap: 0;
+  max-height: 350px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow-y: auto;
 }
 
-.dc-c-search-list-item svg {
-  margin-right: 8px;
+dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
+  cursor: pointer;
 }
 
-.dc-c-search-list-item button, .dc-c-search-list-item span > a {
-  font-weight: normal !important;
+dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
+  margin-top: 0;
 }
 
-.dc-c-search-list-item a:visited svg {
-  fill: var(--link__color--visited);
+dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
+  background: none;
+  border: none;
 }
 
-.dc-c-search-list-item .ds-c-button {
-  text-decoration: none !important;
-}
-
-.dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
-  fill: var(--color-white);
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper {
-  cursor: not-allowed;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
-  pointer-events: none;
-  color: #757575;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
-  color: #757575;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
-  fill: #757575;
-}
-
-.dataset-date .dataset-date-item {
-  white-space: nowrap;
+dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
+  background-color: var(--color-primary-lighter);
 }
 
-.dataset-date .dataset-date-item > span {
-  line-height: 1.8rem;
+@media screen and (width <= 1023px) {
+  .dkan-manage-columns-wrapper .fa-columns:before {
+    font-size: 1.4em !important;
+  }
 }
 
-.dataset-date .dataset-date-item .ds-c-tooltip__container {
-  width: 20px;
-  display: inline-block;
-  position: relative;
-  bottom: 10px;
-}
+@media screen and (width <= 767px) {
+  dialog.dkan-manage-columns-dialog {
+    height: 100%;
+  }
 
-.dataset-date > .bullet-point {
-  font-size: 1.2rem;
-}
+  dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
+    width: 100%;
+    min-width: auto;
+    height: 100%;
+    margin-top: 0;
+  }
 
-@media screen and (width <= 543px) {
-  .dataset-date .bullet-point {
-    display: none;
+  dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
+    flex-direction: column;
+    display: flex;
   }
-}
 
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
+  dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
+    max-height: calc(100vh - 435px);
   }
-}
 
-@media only screen and (width <= 544px) {
-  .dkan-dataset-search div.--alt-style input {
-    --text-input__border-radius: 50px;
-    --text-input__border-color: #c6b7b7;
-    height: 61px;
+  dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
+    background-color: #fff;
+    padding-top: 16px;
+    position: absolute;
+    bottom: 0;
   }
 }
 
-.dkan-dataset-search .dc-c-search-button-mobile {
-  z-index: 1000;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  height: 57px;
-  position: absolute;
-  top: 2px;
-  right: 18px;
+.dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
+  font-size: .75em !important;
 }
 
-.dkan-dataset-search--facet-container ul {
-  padding-left: 0;
-  list-style: none;
+dialog.dkan-full-screen-dataset-dialog {
+  height: 100vh;
 }
 
-.dkan-dataset-search--clear-all-filters {
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
+  flex-direction: column;
   width: 100%;
+  max-width: 100%;
+  height: 100%;
+  margin: 0;
+  display: flex;
 }
 
-.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
-  fill: var(--link__color);
-}
-
-.dc-c-search-list-item li a:visited svg {
-  fill: var(--link__color--visited);
-}
-
-:root {
-  --su-color--blue-dark: #036;
-  --su-color--brown: #884c00;
-  --su-color--green-dark: #007641;
-  --su-color--green-muted: #277564;
-  --su-color--orange-dark: #d10000;
-  --su-color--orange-light: #d100001a;
-  --su-color--red-dark: #970000;
-  --su-color--red-light: #d300001a;
-  --su-color--red: #d30000;
-}
-
-.swagger-ui.swagger-ui {
-  font-family: inherit;
-}
-
-.swagger-ui.swagger-ui .opblock .opblock-summary-method {
-  color: #333;
-}
-
-.swagger-ui.swagger-ui .opblock.opblock-delete {
-  background-color: var(--su-color--red-light);
-  border-color: var(--su-color--red);
-}
-
-.swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
-  color: #fff;
-  background-color: var(--su-color--red-dark);
-}
-
-.swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
-  background-color: var(--su-color--brown);
-  color: #fff;
-}
-
-.swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
-  color: var(--su-color--red);
-}
-
-.swagger-ui.swagger-ui .btn.cancel {
-  border-color: var(--su-color--red);
-  color: var(--su-color--red);
-}
-
-.swagger-ui.swagger-ui .btn.authorize {
-  border-color: var(--su-color--green-muted);
-  background-color: var(--su-color--green-muted);
-}
-
-.swagger-ui.swagger-ui .btn.execute {
-  background-color: var(--su-color--blue-dark);
-}
-
-.swagger-ui.swagger-ui .information-container span.version-stamp {
-  color: #fff;
-  vertical-align: super;
-  background-color: #666;
-  border-radius: 67px;
-  margin: 0 0 0 5px;
-  padding: 2px 8px;
-  font-size: 14px;
-  display: inline-block;
-  position: relative;
-  top: -5px;
-}
-
-.swagger-ui.swagger-ui .information-container span.version-stamp.version-stamp--openapi {
-  background-color: #005830;
-}
-
-.swagger-ui.swagger-ui .information-container a {
-  color: #036;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__header {
+  flex: 0;
+  width: 100%;
 }
 
-.swagger-ui.swagger-ui .model-hint {
-  word-wrap: break-word;
-  white-space: normal;
-  max-width: 100%;
-  top: 1.5em;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body {
+  width: 100%;
+  height: 100%;
 }
 
-.swagger-ui.swagger-ui section.models .model-container {
-  overflow-x: auto;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
+  flex-direction: column;
+  height: 100%;
+  display: flex;
 }
 
-.swagger-ui.swagger-ui table {
-  min-width: 500px;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
 }
 
-.swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
-  min-width: 174px;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode > div {
+  flex: 0;
+  width: 100%;
+  min-height: auto;
+  margin: 8px 0 !important;
 }
 
-.swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
-  overflow: scroll;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
+  flex: 1;
+  width: 100%;
+  height: 100%;
 }
 
-.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
-  font-weight: bold !important;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode ~ div {
+  flex: 0;
+  width: 100%;
 }
 
-.swagger-ui div.wrapper {
-  padding-left: 0;
-  padding-right: 0;
+dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
+  max-width: 1024px;
 }
 
-@media (width <= 544px) {
-  .swagger-ui .opblock-tag-section .opblock-tag small {
-    flex: initial;
+@media screen and (width <= 1023px) {
+  .dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
+    font-size: 1.4em !important;
   }
 }
 
-.ds-c-button.display-settings-font {
-  font: inherit;
-}
-
 .dc-c-datatable {
   border-spacing: 0;
   width: 100%;
@@ -865,198 +1020,274 @@ div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div, div.dc-c
   }
 }
 
-.dkan-manage-columns-wrapper .fa-columns:before {
-  font-size: .75em !important;
-}
-
-dialog.dkan-manage-columns-dialog {
-  width: 100%;
-  height: 80vh;
+.dkan-filter-dataset-control {
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
+  align-items: center;
+  gap: 1rem;
+  display: grid;
 }
 
-dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
-  min-width: 768px;
-  padding: 0;
+button.dkan-delete-dataset-filter-button {
+  width: 32px;
+  height: 32px;
+  border-radius: 50% !important;
 }
 
-dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
-  padding: 24px;
+@media screen and (width <= 767px) {
+  button.dkan-delete-dataset-filter-button {
+    margin-bottom: 4px;
+    margin-left: 16px !important;
+  }
 }
 
-dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
-  gap: 0;
-  max-height: 350px;
-  margin: 0;
+.dkan-clear-dataset-filters-button {
+  color: var(--color-primary);
+  text-decoration: underline;
+  background-color: #0000 !important;
+  border: 0 !important;
+}
+
+.dkan-clear-dataset-filters-button:hover, .dkan-clear-dataset-filters-button:focus {
+  text-decoration: none;
+  color: var(--color-primary) !important;
+  background-color: #0000 !important;
+}
+
+.dkan-filter-dataset-wrapper .fa-filter:before {
+  font-size: .75em !important;
+}
+
+dialog.dkan-filter-dataset-dialog {
+  width: 100%;
+  height: 80vh;
+}
+
+dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
+  min-width: 768px;
   padding: 0;
-  list-style: none;
-  overflow-y: auto;
 }
 
-dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
-  cursor: pointer;
+dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
+  padding: 24px 24px 10px;
 }
 
-dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
-  margin-top: 0;
+dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-label {
+  border: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  display: block !important;
+  overflow: hidden !important;
 }
 
-dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
-  background: none;
-  border: none;
+dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
+  margin: 0;
 }
 
-dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
-  background-color: var(--color-primary-lighter);
+.dkan-filter-dataset-controls-header {
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
+  align-items: center;
+  gap: 1rem;
+  display: grid;
+}
+
+.dkan-filter-dataset-controls-header-gutter {
+  width: 42px;
 }
 
 @media screen and (width <= 1023px) {
-  .dkan-manage-columns-wrapper .fa-columns:before {
+  .dkan-filter-dataset-wrapper .fa-filter:before {
     font-size: 1.4em !important;
   }
 }
 
 @media screen and (width <= 767px) {
-  dialog.dkan-manage-columns-dialog {
+  dialog.dkan-filter-dataset-dialog {
     height: 100%;
   }
 
-  dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
+    flex-direction: column;
     width: 100%;
     min-width: auto;
     height: 100%;
     margin-top: 0;
+    display: flex;
   }
 
-  dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .dkan-filter-dataset-controls-header {
+    display: none;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
+    flex: 0;
+    width: 100%;
+    padding: 24px 16px 10px;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body, dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
     flex-direction: column;
+    flex: 1;
+    width: 100%;
+    height: 100%;
     display: flex;
+    overflow: hidden;
   }
 
-  dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
-    max-height: calc(100vh - 435px);
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div {
+    flex-direction: column;
+    height: 100%;
+    display: flex;
   }
 
-  dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
-    background-color: #fff;
-    padding-top: 16px;
-    position: absolute;
-    bottom: 0;
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div > * {
+    flex: 0;
+    width: 100%;
   }
-}
 
-.dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
-  font-size: .75em !important;
-}
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container {
+    flex: 1;
+    height: 100%;
+    overflow: hidden;
+  }
 
-dialog.dkan-full-screen-dataset-dialog {
-  height: 100vh;
-}
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div {
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+  }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
-  flex-direction: column;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  margin: 0;
-  display: flex;
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls {
+    flex: 1;
+    height: 100%;
+    overflow: auto;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset {
+    background-color: #f2f2f2;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    gap: 0;
+    display: flex;
+    border: 0 !important;
+    max-width: none !important;
+    margin-block-start: 16px !important;
+    padding-block: 16px !important;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset > div:first-child, dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset > div:nth-child(2), dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset > div:nth-child(3) {
+    width: calc(100% - 48px);
+    max-width: none !important;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset > div:first-child, dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset > div:nth-child(2) {
+    margin-bottom: 16px;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset .ds-c-label {
+    width: auto !important;
+    max-width: none !important;
+    height: auto !important;
+    overflow: visible !important;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls > fieldset .ds-c-field {
+    max-width: none !important;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div > div {
+    flex: 0;
+    width: 100%;
+  }
+
+  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
+    border-top: 1px solid #d9d9d9;
+    flex: 0;
+    width: 100%;
+  }
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__header {
-  flex: 0;
-  width: 100%;
+.dkan-filter-chip {
+  background: var(--filter-chip__background-color);
+  border: solid 1px var(--filter-chip__border-color);
+  border-radius: var(--filter-chip__border-radius);
+  color: var(--filter-chip__color);
+  white-space: nowrap;
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body {
-  width: 100%;
-  height: 100%;
+.dkan-filter-chip .fa.fa-x {
+  color: var(--filter-chip-icon__color);
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
-  flex-direction: column;
-  height: 100%;
-  display: flex;
+.dkan-table-density-button {
+  border: solid 1px var(--color-gray-light);
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode {
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  overflow: hidden;
+.dkan-table-density-button svg {
+  width: 22px;
+  height: auto;
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode > div {
-  flex: 0;
-  width: 100%;
-  min-height: auto;
-  margin: 8px 0 !important;
+.dkan-table-density-button svg > path {
+  fill: var(--color-gray-light);
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
-  flex: 1;
-  width: 100%;
-  height: 100%;
+.dkan-table-density-button.active {
+  border-color: var(--color-primary);
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] .dkan-datatable-fullscreen-mode ~ div {
-  flex: 0;
-  width: 100%;
+.dkan-table-density-button.active svg > path {
+  fill: var(--color-primary);
 }
 
-dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
-  max-width: 1024px;
+.dkan-filter-dataset-toolbar-button {
+  color: var(--color-primary);
 }
 
-@media screen and (width <= 1023px) {
-  .dkan-fullscreen-data-table-wrapper .fa-compress:before, .dkan-fullscreen-data-table-wrapper .fa-expand:before {
-    font-size: 1.4em !important;
-  }
+.dkan-filter-dataset-toolbar-button span {
+  text-decoration: underline;
 }
 
-.dkan-filter-dataset-control {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
-  align-items: center;
-  gap: 1rem;
-  display: grid;
+.dkan-filter-dataset-toolbar-button:hover span, .dkan-filter-dataset-toolbar-button:focus span {
+  text-decoration: none;
 }
 
-.dkan-delete-dataset-filter-button {
-  width: 32px;
-  height: 32px;
+.dkan-filter-dataset-toolbar-button .fa-chevron-up, .dkan-filter-dataset-toolbar-button .fa-chevron-down {
+  font-size: 10px;
+  line-height: normal;
 }
 
-.dkan-clear-dataset-filters-button {
-  color: var(--color-primary);
-  text-decoration: underline;
-  background-color: #0000 !important;
-  border: 0 !important;
+.dkan-filter-dataset-toolbar-button .fa-chevron-down, .dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-up {
+  display: none;
 }
 
-.dkan-clear-dataset-filters-button:hover, .dkan-clear-dataset-filters-button:focus {
-  text-decoration: none;
-  color: var(--color-primary) !important;
-  background-color: #0000 !important;
+.dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-down {
+  display: block;
 }
 
-.dkan-filter-dataset-wrapper .fa-filter:before {
-  font-size: .75em !important;
+.dkan-display-settings-wrapper .ds-c-tooltip {
+  border-color: var(--color-gray-lighter);
+  box-shadow: 0 0 3px 0 var(--color-gray-light);
+  border-radius: 0;
 }
 
-dialog.dkan-filter-dataset-dialog {
-  width: 100%;
-  height: 80vh;
+.dkan-display-settings-wrapper .ds-c-tooltip__arrow {
+  display: none;
 }
 
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
-  min-width: 768px;
-  padding: 0;
+.dkan-display-settings-wrapper .ds-c-tooltip__content {
+  border-radius: 0;
+  padding: 8px 24px;
 }
 
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
-  padding: 24px 24px 10px;
+.dkan-display-settings-wrapper .ds-c-dropdown__button.ds-c-field {
+  margin: 0;
 }
 
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-label {
+.dkan-display-settings-wrapper .ds-c-dropdown__label {
   border: 0 !important;
   width: 0 !important;
   height: 0 !important;
@@ -1066,248 +1297,427 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-label {
   overflow: hidden !important;
 }
 
-dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
-  margin: 0;
-}
-
-.dkan-filter-dataset-controls-header {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 42px;
+.dkan-display-settings-wrapper .dkan-data-table-display-settings-row {
+  grid-template-columns: 1fr 1fr;
   align-items: center;
-  gap: 1rem;
+  gap: .5rem;
   display: grid;
 }
 
-.dkan-filter-dataset-controls-header-gutter {
-  width: 42px;
+@media screen and (width <= 1023px) {
+  .dkan-display-settings-wrapper .fa-sliders-h:before {
+    font-size: 1.4em !important;
+  }
+}
+
+.dkan-filter-dataset-toolbar {
+  box-shadow: 0 0 3px #a6a6a6;
+}
+
+.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button {
+  color: var(--color-primary);
+  border: 0;
+  line-height: normal;
+  text-decoration: none !important;
+}
+
+.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:focus {
+  box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
+  outline-offset: 3px;
+  outline: 3px solid #0000;
+}
+
+.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button > span {
+  text-decoration: underline;
+}
+
+.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:hover > span, .dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:focus > span {
+  text-decoration: none;
+}
+
+.dkan-clear-all-filters-button:hover, .dkan-clear-all-filters-button:focus {
+  color: var(--color-primary) !important;
 }
 
 @media screen and (width <= 1023px) {
-  .dkan-filter-dataset-wrapper .fa-filter:before {
-    font-size: 1.4em !important;
+  .dkan-dataset-toolbar-button-label {
+    clip: rect(0, 0, 0, 0);
+    word-wrap: normal;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
   }
 }
 
 @media screen and (width <= 767px) {
-  dialog.dkan-filter-dataset-dialog {
-    height: 100%;
+  .dkan-data-table-toolbar-controls {
+    border-top: 1px solid var(--color-gray-lighter);
+    justify-content: space-between;
   }
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window {
-    flex-direction: column;
-    width: 100%;
-    min-width: auto;
-    height: 100%;
-    margin-top: 0;
-    display: flex;
-  }
+:root {
+  --su-color--blue-dark: #036;
+  --su-color--brown: #884c00;
+  --su-color--green-dark: #007641;
+  --su-color--green-muted: #277564;
+  --su-color--orange-dark: #d10000;
+  --su-color--orange-light: #d100001a;
+  --su-color--red-dark: #970000;
+  --su-color--red-light: #d300001a;
+  --su-color--red: #d30000;
+}
+
+.swagger-ui.swagger-ui {
+  font-family: inherit;
+}
+
+.swagger-ui.swagger-ui .opblock .opblock-summary-method {
+  color: #333;
+}
+
+.swagger-ui.swagger-ui .opblock.opblock-delete {
+  background-color: var(--su-color--red-light);
+  border-color: var(--su-color--red);
+}
+
+.swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
+  color: #fff;
+  background-color: var(--su-color--red-dark);
+}
+
+.swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
+  background-color: var(--su-color--brown);
+  color: #fff;
+}
+
+.swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
+  color: var(--su-color--red);
+}
+
+.swagger-ui.swagger-ui .btn.cancel {
+  border-color: var(--su-color--red);
+  color: var(--su-color--red);
+}
+
+.swagger-ui.swagger-ui .btn.authorize {
+  border-color: var(--su-color--green-muted);
+  background-color: var(--su-color--green-muted);
+}
+
+.swagger-ui.swagger-ui .btn.execute {
+  background-color: var(--su-color--blue-dark);
+}
+
+.swagger-ui.swagger-ui .information-container span.version-stamp {
+  color: #fff;
+  vertical-align: super;
+  background-color: #666;
+  border-radius: 67px;
+  margin: 0 0 0 5px;
+  padding: 2px 8px;
+  font-size: 14px;
+  display: inline-block;
+  position: relative;
+  top: -5px;
+}
+
+.swagger-ui.swagger-ui .information-container span.version-stamp.version-stamp--openapi {
+  background-color: #005830;
+}
+
+.swagger-ui.swagger-ui .information-container a {
+  color: var(--link__color);
+}
+
+.swagger-ui.swagger-ui .information-container a:visited {
+  color: var(--link__color--visited);
+}
+
+.swagger-ui.swagger-ui .information-container a:hover {
+  color: var(--link__color);
+}
+
+.swagger-ui.swagger-ui .information-container a:active {
+  color: var(--link__color--active);
+}
+
+.swagger-ui.swagger-ui .model-hint {
+  word-wrap: break-word;
+  white-space: normal;
+  max-width: 100%;
+  top: 1.5em;
+}
+
+.swagger-ui.swagger-ui section.models .model-container {
+  overflow-x: auto;
+}
+
+.swagger-ui.swagger-ui table {
+  min-width: 500px;
+}
+
+.swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
+  min-width: 174px;
+}
+
+.swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
+  overflow: scroll;
+}
+
+.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
+  font-weight: bold !important;
+}
+
+.swagger-ui div.wrapper {
+  padding-left: 0;
+  padding-right: 0;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__header {
-    flex: 0;
-    width: 100%;
-    padding: 24px 16px 10px;
+@media (width <= 544px) {
+  .swagger-ui .opblock-tag-section .opblock-tag small {
+    flex: initial;
   }
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body, dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] {
-    flex-direction: column;
-    flex: 1;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    overflow: hidden;
-  }
+#api-docs-swagger-ui-plugin .model .property {
+  color: #6b6b6b !important;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div {
-    flex-direction: column;
-    height: 100%;
-    display: flex;
-  }
+#api-docs-swagger-ui-plugin pre.errors-wrapper {
+  display: none;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div > * {
-    flex: 0;
-    width: 100%;
-  }
+#api-docs-swagger-ui-plugin .btn {
+  transition: none;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container {
-    flex: 1;
-    height: 100%;
-    overflow: hidden;
-  }
+#api-docs-swagger-ui-plugin .parameters input {
+  color: #323a45;
+  font-size: .8em;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div {
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    overflow: hidden;
-  }
+#api-docs-swagger-ui-plugin .execute-wrapper, #api-docs-swagger-ui-plugin .btn-group {
+  justify-content: flex-start;
+  padding: 12px 24px 24px;
+  display: flex;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div .dkan-filter-dataset-controls {
-    flex: 1;
-    height: 100%;
-    overflow: auto;
-  }
+#api-docs-swagger-ui-plugin .wrapper > .block {
+  padding: 0;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__body > div[id^="dialog"][id$="__content"] > div .dkan-filter-dataset-form-container > div > div {
-    flex: 0;
-    width: 100%;
-  }
+#api-docs-swagger-ui-plugin .wrapper:has( + .wrapper:last-child .block:empty) {
+  display: flow-root;
+}
 
-  dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
-    border-top: 1px solid #d9d9d9;
-    flex: 0;
-    width: 100%;
-  }
+#api-docs-swagger-ui-plugin .information-container svg:not(:root) {
+  overflow: visible;
 }
 
-.dkan-filter-chip {
-  background: var(--filter-chip__background-color);
-  border: solid 1px var(--filter-chip__border-color);
-  border-radius: var(--filter-chip__border-radius);
-  color: var(--filter-chip__color);
-  white-space: nowrap;
+#api-docs-swagger-ui-plugin .opblock {
+  box-shadow: none;
+  background: none;
+  border: none;
 }
 
-.dkan-filter-chip .fa.fa-x {
-  color: var(--filter-chip-icon__color);
+#api-docs-swagger-ui-plugin .opblock .opblock-section {
+  margin-top: 25px;
 }
 
-.dkan-table-density-button {
-  border: solid 1px var(--color-gray-light);
+#api-docs-swagger-ui-plugin .opblock .opblock-description-wrapper {
+  margin: 0;
+  padding: 16px;
 }
 
-.dkan-table-density-button svg {
-  width: 22px;
-  height: auto;
+#api-docs-swagger-ui-plugin .opblock .opblock-section, #api-docs-swagger-ui-plugin .opblock .responses-wrapper {
+  background: #fff;
+  border: 1px solid #d6d7d9;
+  border-radius: 2px;
+  margin-left: 24px;
 }
 
-.dkan-table-density-button svg > path {
-  fill: var(--color-gray-light);
+#api-docs-swagger-ui-plugin .opblock .opblock-section .opblock-section-header, #api-docs-swagger-ui-plugin .opblock .responses-wrapper .opblock-section-header {
+  box-shadow: none;
+  background: #f6f9fd;
+  padding: 16px;
 }
 
-.dkan-table-density-button.active {
-  border-color: var(--color-primary);
+#api-docs-swagger-ui-plugin .opblock .opblock-section .opblock-section-header .opblock-title, #api-docs-swagger-ui-plugin .opblock .opblock-section .opblock-section-header h4, #api-docs-swagger-ui-plugin .opblock .responses-wrapper .opblock-section-header .opblock-title, #api-docs-swagger-ui-plugin .opblock .responses-wrapper .opblock-section-header h4 {
+  color: #0c2499;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  cursor: default;
+  font-size: .9em;
+  font-weight: 800;
+  line-height: 16px;
 }
 
-.dkan-table-density-button.active svg > path {
-  fill: var(--color-primary);
+#api-docs-swagger-ui-plugin .opblock .opblock-section .opblock-section-header .opblock-title > span:after, #api-docs-swagger-ui-plugin .opblock .opblock-section .opblock-section-header h4 > span:after, #api-docs-swagger-ui-plugin .opblock .responses-wrapper .opblock-section-header .opblock-title > span:after, #api-docs-swagger-ui-plugin .opblock .responses-wrapper .opblock-section-header h4 > span:after {
+  background: none !important;
+  display: none !important;
 }
 
-.dkan-filter-dataset-toolbar-button {
-  color: var(--color-primary);
+#api-docs-swagger-ui-plugin .OperationTag:not(:first-of-type) .toggle-block {
+  border-top: 1px solid #e1e2e3;
 }
 
-.dkan-filter-dataset-toolbar-button span {
+#api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button {
+  width: 100%;
+  font-weight: inherit;
+  flex: auto;
+  min-height: 64px;
+  position: relative;
+}
+
+#api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button:hover .toggle-block-title-text, #api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button:focus .toggle-block-title-text {
   text-decoration: underline;
 }
 
-.dkan-filter-dataset-toolbar-button:hover span, .dkan-filter-dataset-toolbar-button:focus span {
+#api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button:hover .toggle-block-title-description, #api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button:focus .toggle-block-title-description {
   text-decoration: none;
 }
 
-.dkan-filter-dataset-toolbar-button .fa-chevron-up, .dkan-filter-dataset-toolbar-button .fa-chevron-down {
-  font-size: 10px;
-  line-height: normal;
+#api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button .toggle-block-title-description {
+  color: #3b4151;
+  margin-top: 1px;
 }
 
-.dkan-filter-dataset-toolbar-button .fa-chevron-down, .dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-up {
-  display: none;
+#api-docs-swagger-ui-plugin .OperationTag .toggle-block-title-button > svg {
+  pointer-events: none;
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
 }
 
-.dkan-filter-dataset-toolbar-button.dkan-data-table-display-settings-tooltip-open .fa-chevron-down {
-  display: block;
+#api-docs-swagger-ui-plugin .OperationTag .wrapper:not(:last-child) .block-desktop {
+  margin-bottom: 32px;
 }
 
-.dkan-display-settings-wrapper .ds-c-tooltip {
-  border-color: var(--color-gray-lighter);
-  box-shadow: 0 0 3px 0 var(--color-gray-light);
-  border-radius: 0;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container {
+  border: 1px solid #eaebec;
+  flex: 1;
 }
 
-.dkan-display-settings-wrapper .ds-c-tooltip__arrow {
-  display: none;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__method {
+  background: #6f7570;
+  min-width: 80px;
+  height: calc(100% - 8px);
 }
 
-.dkan-display-settings-wrapper .ds-c-tooltip__content {
-  border-radius: 0;
-  padding: 8px 24px;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__summary {
+  color: #3b4151;
+  word-break: break-word;
+  max-width: 280px;
 }
 
-.dkan-display-settings-wrapper .ds-c-dropdown__button.ds-c-field {
-  margin: 0;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_path-input {
+  box-shadow: none;
+  color: #323a45;
+  background: none;
+  flex: 1;
+  height: 48px;
 }
 
-.dkan-display-settings-wrapper .ds-c-dropdown__label {
-  border: 0 !important;
-  width: 0 !important;
-  height: 0 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  display: block !important;
-  overflow: hidden !important;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_path-input:focus {
+  box-shadow: none;
+  background: none;
+  border: none;
 }
 
-.dkan-display-settings-wrapper .dkan-data-table-display-settings-row {
-  grid-template-columns: 1fr 1fr;
-  align-items: center;
-  gap: .5rem;
-  display: grid;
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_copy-btn {
+  box-shadow: none;
+  background: #0c249905;
+  border: 1px solid #0c249914;
+  width: 40px;
+  height: 40px;
 }
 
-@media screen and (width <= 1023px) {
-  .dkan-display-settings-wrapper .fa-sliders-h:before {
-    font-size: 1.4em !important;
-  }
+#api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_copy-btn:hover, #api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_copy-btn:focus {
+  background: #0c249914;
+  border: 1px solid #0c24991f;
 }
 
-.dkan-filter-dataset-toolbar {
-  box-shadow: 0 0 3px #a6a6a6;
+#api-docs-swagger-ui-plugin .ApiDocsModels {
+  width: 100%;
 }
 
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button {
-  color: var(--color-primary);
-  border: 0;
-  line-height: normal;
-  text-decoration: none !important;
+#api-docs-swagger-ui-plugin .ApiDocsModels > h3 {
+  margin: 16px 0;
 }
 
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:focus {
-  box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
-  outline-offset: 3px;
-  outline: 3px solid #0000;
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box {
+  background: #fff;
+  border: 1px solid #eaebec;
+  border-radius: 2px;
+  width: 100%;
 }
 
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button > span {
-  text-decoration: underline;
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box {
+  background-color: #fff;
+  padding: 0;
 }
 
-.dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:hover > span, .dkan-filter-dataset-toolbar .dkan-filter-dataset-toolbar-button:focus > span {
-  text-decoration: none;
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box-control {
+  border: none;
 }
 
-.dkan-clear-all-filters-button:hover, .dkan-clear-all-filters-button:focus {
-  color: var(--color-primary) !important;
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box-control > .pointer > .model-box {
+  background: #fff;
+  padding: 0;
+}
+
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box-control > .pointer > .model-box > .model-box {
+  background: #fff;
+  border: 1px solid #eaebec;
+  border-radius: 2px;
+  width: 100%;
+}
+
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box-control > .pointer > .model-box > .model-box > .model > span > span > .model-title {
+  font-weight: 600;
+  display: block;
+}
+
+#api-docs-swagger-ui-plugin .ApiDocsModels .no-margin > .model-container > .model-box > .model-box-control > .pointer > .model-box > .model-box > .model > span > span > .model-toggle {
+  display: none;
 }
 
 @media screen and (width <= 1023px) {
-  .dkan-dataset-toolbar-button-label {
-    clip: rect(0, 0, 0, 0);
-    word-wrap: normal;
-    border: 0;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
+  #api-docs-swagger-ui-plugin .OperationSummary__try-it-out-btn {
+    align-self: flex-start;
   }
 }
 
 @media screen and (width <= 767px) {
-  .dkan-data-table-toolbar-controls {
-    border-top: 1px solid var(--color-gray-lighter);
-    justify-content: space-between;
+  #api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__method {
+    width: calc(100% - 8px);
+  }
+
+  #api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__summary {
+    width: 100%;
+    max-width: none;
+  }
+
+  #api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_path-input {
+    width: 100%;
+  }
+
+  #api-docs-swagger-ui-plugin .OperationSummary__path-container .OperationSummary__path-container_copy-btn {
+    align-self: flex-end;
   }
 }
 
+.ds-c-button.display-settings-font {
+  font: inherit;
+}
+
 .dc-c-breadcrumb__list {
   margin-top: 0;
   margin-bottom: 0;
@@ -1474,54 +1884,6 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
   overflow-wrap: anywhere;
 }
 
-.dc-dataset-search-list {
-  list-style: none;
-}
-
-.dc-search-header {
-  display: relative;
-}
-
-.dc-search-header:after {
-  content: "";
-  background-color: var(--color-primary-light);
-  width: 48px;
-  height: 4px;
-  margin: 16px 0;
-  display: block;
-}
-
-.dataset-results-count {
-  font-weight: bold;
-}
-
-.dkan-dataset-search--facet-container .ds-c-accordion__content {
-  max-height: 32rem;
-}
-
-.dc-dataset-search--clear-all-filters {
-  width: 100%;
-}
-
-.dkan-dataset-search {
-  position: relative;
-}
-
-.dkan-dataset-search input {
-  min-width: 100%;
-}
-
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
-  }
-}
-
-.dkan-dataset-search .ds-c-field__before {
-  top: 12px;
-  left: 16px;
-}
-
 ul.dc-c-resource-full-width {
   width: 100%;
 }
@@ -1595,8 +1957,7 @@ ul.dc-c-resource-full-width {
 
 :root {
   --mobile-nav-animation-time: 1s;
-  --cms-top-nav-height: 87px;
-  --main-nav-height: 100px;
+  --main-nav-height: 6.25rem;
   --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);
@@ -1610,7 +1971,7 @@ ul.dc-c-resource-full-width {
 }
 
 .dkan-c-main-navigation > div > div {
-  height: var(--main-nav-height);
+  min-height: var(--main-nav-height);
 }
 
 .dkan-c-header .dkan-c-main-navigation {