uikit 3.25.27-dev.9e97c1f → 3.25.27

package/dist/css/uikit-core.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
+/*! UIkit 3.25.27 | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -367,7 +367,7 @@ blockquote {
 /*
  * Content
  */
-blockquote :where(p:last-of-type) {
+blockquote p:last-of-type {
   margin-bottom: 0;
 }
 blockquote footer {
@@ -1000,13 +1000,13 @@ a.uk-link-reset,
     overflow: visible !important;
     white-space: normal !important;
   }
-  .uk-table-responsive th:not(:first-child, .uk-table-link),
-  .uk-table-responsive td:not(:first-child, .uk-table-link),
+  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
+  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
   .uk-table-responsive .uk-table-link:not(:first-child) > a {
     padding-top: 5px !important;
   }
-  .uk-table-responsive th:not(:last-child, .uk-table-link),
-  .uk-table-responsive td:not(:last-child, .uk-table-link),
+  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
+  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
   .uk-table-responsive .uk-table-link:not(:last-child) > a {
     padding-bottom: 5px !important;
   }
@@ -1379,7 +1379,7 @@ a:hover .uk-icon-overlay {
  * Single-line
  */
 .uk-input,
-.uk-select:not([multiple], [size]) {
+.uk-select:not([multiple]):not([size]) {
   height: 40px;
   vertical-align: middle;
 }
@@ -1486,7 +1486,7 @@ select.uk-form-width-xsmall {
  * 2. Style
  * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
  */
-.uk-select:not([multiple], [size]) {
+.uk-select:not([multiple]):not([size]) {
   /* 1 */
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1497,13 +1497,13 @@ select.uk-form-width-xsmall {
   background-position: 100% 50%;
 }
 /* 3 */
-.uk-select:not([multiple], [size]) option {
+.uk-select:not([multiple]):not([size]) option {
   color: #666;
 }
 /*
  * Disabled
  */
-.uk-select:not([multiple], [size]):disabled {
+.uk-select:not([multiple]):not([size]):disabled {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
 /* Datalist
@@ -1613,7 +1613,7 @@ select.uk-form-width-xsmall {
   font-size: 0.875rem;
 }
 /* Single-line */
-.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
+.uk-form-small:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
   height: 30px;
   padding-left: 8px;
   padding-right: 8px;
@@ -1623,7 +1623,7 @@ select.uk-form-width-xsmall {
   padding: 5px 8px;
 }
 /* Any element */
-.uk-form-small:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
+.uk-form-small:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
   line-height: 30px;
 }
 /* Radio + Checkbox */
@@ -1638,7 +1638,7 @@ select.uk-form-width-xsmall {
   font-size: 1.25rem;
 }
 /* Single-line */
-.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple], [size])) {
+.uk-form-large:is(.uk-input, .uk-search-input, .uk-select:not([multiple]):not([size])) {
   height: 55px;
   padding-left: 12px;
   padding-right: 12px;
@@ -1648,7 +1648,7 @@ select.uk-form-width-xsmall {
   padding: 7px 12px;
 }
 /* Any element */
-.uk-form-large:not(select, input, textarea, [type="radio"], [type="checkbox"]) {
+.uk-form-large:not(select):not(input):not(textarea):not([type="radio"]):not([type="checkbox"]) {
   line-height: 55px;
 }
 /* Radio + Checkbox */
@@ -1731,7 +1731,7 @@ select.uk-form-width-xsmall {
 /*
  * Stacked
  */
-.uk-form-stacked :where(.uk-form-label) {
+.uk-form-stacked .uk-form-label {
   display: block;
   margin-bottom: 10px;
 }
@@ -1741,23 +1741,23 @@ select.uk-form-width-xsmall {
 /* Tablet portrait and smaller */
 @media (max-width: 959px) {
   /* Behave like `uk-form-stacked` */
-  .uk-form-horizontal :where(.uk-form-label) {
+  .uk-form-horizontal .uk-form-label {
     display: block;
     margin-bottom: 10px;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
-  .uk-form-horizontal :where(.uk-form-label) {
+  .uk-form-horizontal .uk-form-label {
     width: 200px;
     margin-top: 7px;
     float: left;
   }
-  .uk-form-horizontal :where(.uk-form-controls) {
+  .uk-form-horizontal .uk-form-controls {
     margin-left: 215px;
   }
   /* Better vertical alignment if controls are checkboxes and radio buttons with text */
-  .uk-form-horizontal :where(.uk-form-controls-text) {
+  .uk-form-horizontal .uk-form-controls-text {
     padding-top: 7px;
   }
 }
@@ -1793,7 +1793,7 @@ select.uk-form-width-xsmall {
 /*
  * Make `input` element clickable through icon, e.g. if it's a `span`
  */
-.uk-form-icon:not(a, button, input) {
+.uk-form-icon:not(a):not(button):not(input) {
   pointer-events: none;
 }
 /*
@@ -1812,248 +1812,6 @@ select.uk-form-width-xsmall {
 .uk-form-icon-flip ~ .uk-input {
   padding-right: 40px !important;
 }
-/* ========================================================================
-   Component: Search
- ========================================================================== */
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Reset `form`
- */
-.uk-search {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  max-width: 100%;
-  /* 4 */
-  margin: 0;
-}
-/* Input
- ========================================================================== */
-/*
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
- */
-.uk-search-input::-webkit-search-cancel-button,
-.uk-search-input::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
- * 1. Define consistent box sizing.
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
- * 3. Remove `border-radius` in iOS.
- * 4. Change font properties to `inherit` in all browsers
- * 5. Show the overflow in Edge.
- * 6. Remove default style in iOS.
- * 7. Vertical alignment
- * 8. Take the full container width
- * 9. Style
- */
-.uk-search-input {
-  /* 1 */
-  box-sizing: border-box;
-  /* 2 */
-  margin: 0;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  font: inherit;
-  /* 5 */
-  overflow: visible;
-  /* 6 */
-  -webkit-appearance: none;
-  /* 7 */
-  vertical-align: middle;
-  /* 8 */
-  width: 100%;
-  /* 9 */
-  border: none;
-  color: #666;
-}
-.uk-search-input:focus {
-  outline: none;
-}
-/* Placeholder */
-.uk-search-input::placeholder {
-  color: #999;
-}
-/* Icon (Adopts `uk-icon`)
- ========================================================================== */
-/*
- * Position above input
- * 1. Set position
- * 2. Center icon vertically and horizontally
- * 3. Style
- */
-.uk-search .uk-search-icon {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  /* 3 */
-  color: #999;
-}
-/*
- * Required for `a`.
- */
-.uk-search .uk-search-icon:hover {
-  color: #999;
-}
-/*
- * Make `input` element clickable through icon, e.g. if it's a `span`
- */
-.uk-search .uk-search-icon:not(a, button, input) {
-  pointer-events: none;
-}
-/*
- * Position modifier
- */
-.uk-search .uk-search-icon-flip {
-  right: 0;
-  left: auto;
-}
-/* Default modifier
- ========================================================================== */
-.uk-search-default {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-default .uk-search-input {
-  height: 40px;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: #f8f8f8;
-}
-/* Focus */
-.uk-search-default .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-default .uk-search-icon {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 40px;
-}
-/* Navbar modifier
- ========================================================================== */
-.uk-search-navbar {
-  width: 240px;
-}
-/*
- * Input
- */
-.uk-search-navbar .uk-search-input {
-  height: 40px;
-  padding-left: 10px;
-  padding-right: 10px;
-  background: #fff;
-}
-/* Focus */
-.uk-search-navbar .uk-search-input:focus {
-  background-color: #fcfcfc;
-}
-/*
- * Icon
- */
-.uk-search-navbar .uk-search-icon {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 40px;
-}
-/* Medium modifier
- ========================================================================== */
-.uk-search-medium {
-  width: 400px;
-}
-/*
- * Input
- */
-.uk-search-medium .uk-search-input {
-  height: 55px;
-  padding-left: 12px;
-  padding-right: 12px;
-  background: #f8f8f8;
-  font-size: 1.5rem;
-}
-/* Focus */
-.uk-search-medium .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-medium .uk-search-icon {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 48px;
-}
-.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 48px;
-}
-/* Large modifier
- ========================================================================== */
-.uk-search-large {
-  width: 500px;
-}
-/*
- * Input
- */
-.uk-search-large .uk-search-input {
-  height: 90px;
-  padding-left: 20px;
-  padding-right: 20px;
-  background: #f8f8f8;
-  font-size: 2.625rem;
-}
-/* Focus */
-.uk-search-large .uk-search-input:focus {
-  background-color: #f3f3f3;
-}
-/*
- * Icon
- */
-.uk-search-large .uk-search-icon {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
-  padding-left: 80px;
-}
-.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
-  padding-right: 80px;
-}
-/* Toggle
- ========================================================================== */
-.uk-search-toggle {
-  color: #999;
-}
-/* Hover */
-.uk-search-toggle:hover {
-  color: #666;
-}
 /* ========================================================================
    Component: Button
  ========================================================================== */
@@ -2103,7 +1861,7 @@ select.uk-form-width-xsmall {
 }
 /* Hover */
 .uk-button:hover {
-  /* 10 */
+  /* 9 */
   text-decoration: none;
 }
 /* OnClick + Active */
@@ -2884,14 +2642,14 @@ select.uk-form-width-xsmall {
 /*
  * Small
  */
-.uk-card-small:where(.uk-card-body),
-.uk-card-small :where(.uk-card-body) {
+.uk-card-small.uk-card-body,
+.uk-card-small .uk-card-body {
   padding: 20px 20px;
 }
-.uk-card-small :where(.uk-card-header) {
+.uk-card-small .uk-card-header {
   padding: 13px 20px;
 }
-.uk-card-small :where(.uk-card-footer) {
+.uk-card-small .uk-card-footer {
   padding: 13px 20px;
 }
 /*
@@ -2899,14 +2657,14 @@ select.uk-form-width-xsmall {
  */
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-card-large:where(.uk-card-body),
-  .uk-card-large :where(.uk-card-body) {
+  .uk-card-large.uk-card-body,
+  .uk-card-large .uk-card-body {
     padding: 70px 70px;
   }
-  .uk-card-large :where(.uk-card-header) {
+  .uk-card-large .uk-card-header {
     padding: 35px 70px;
   }
-  .uk-card-large :where(.uk-card-footer) {
+  .uk-card-large .uk-card-footer {
     padding: 35px 70px;
   }
 }
@@ -3151,68 +2909,13 @@ select.uk-form-width-xsmall {
   color: #fff;
 }
 /* ========================================================================
-   Component: Dropcap
+   Component: Overlay
  ========================================================================== */
+.uk-overlay {
+  padding: 30px 30px;
+}
 /*
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
- */
-.uk-dropcap::first-letter,
-.uk-dropcap > p:first-of-type::first-letter {
-  display: block;
-  margin-right: 10px;
-  float: left;
-  font-size: 4.5em;
-  line-height: 1;
-}
-/* 2 */
-@-moz-document url-prefix() {
-  .uk-dropcap::first-letter,
-  .uk-dropcap > p:first-of-type::first-letter {
-    margin-top: 1.1%;
-  }
-}
-/* ========================================================================
-   Component: Floating Shadow
- ========================================================================== */
-/*
- * 1. Set position.
- * 2. Set style
- * 3. Fix shadow being clipped in Safari if container is animated
- */
-.uk-floating-shadow {
-  display: inline-block;
-  position: relative;
-  z-index: 0;
-  max-width: 100%;
-  vertical-align: middle;
-}
-.uk-floating-shadow::after {
-  content: "";
-  /* 1 */
-  position: absolute;
-  bottom: -30px;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* 2 */
-  height: 30px;
-  border-radius: 100%;
-  background: #444;
-  filter: blur(20px);
-  /* 3 */
-  will-change: filter;
-}
-/* ========================================================================
-   Component: Overlay
- ========================================================================== */
-.uk-overlay {
-  padding: 30px 30px;
-}
-/*
- * Remove margin from the last-child
+ * Remove margin from the last-child
  */
 .uk-overlay > :last-child {
   margin-bottom: 0;
@@ -3339,574 +3042,746 @@ select.uk-form-width-xsmall {
 /* Style modifier
  ========================================================================== */
 /* ========================================================================
-   Component: Accordion
+   Component: Search
  ========================================================================== */
-.uk-accordion {
-  padding: 0;
-  list-style: none;
-}
-.uk-accordion-title {
-  display: block;
-}
-.uk-accordion-content {
-  display: flow-root;
-}
 /*
- * Remove margin from the last-child
+ * 1. Container fits its content
+ * 2. Create position context
+ * 3. Prevent content overflow
+ * 4. Reset `form`
  */
-.uk-accordion-content > :last-child {
-  margin-bottom: 0;
+.uk-search {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  position: relative;
+  /* 3 */
+  max-width: 100%;
+  /* 4 */
+  margin: 0;
 }
-/* Default modifier
+/* Input
  ========================================================================== */
 /*
- * Item
+ * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
  */
-.uk-accordion-default > :nth-child(n+2) {
-  margin-top: 20px;
+.uk-search-input::-webkit-search-cancel-button,
+.uk-search-input::-webkit-search-decoration {
+  -webkit-appearance: none;
 }
-/* Active */
-/*
- * Title
- */
 /*
-* 1. Center content vertically, e.g. an icon
-* 2. Imitate white space gap when using flexbox
-* 3. Reset link
+ * 1. Define consistent box sizing.
+ * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
+ * 3. Remove `border-radius` in iOS.
+ * 4. Change font properties to `inherit` in all browsers
+ * 5. Show the overflow in Edge.
+ * 6. Remove default style in iOS.
+ * 7. Vertical alignment
+ * 8. Take the full container width
+ * 9. Style
  */
-.uk-accordion-default .uk-accordion-title {
+.uk-search-input {
   /* 1 */
-  display: flex;
-  align-items: center;
+  box-sizing: border-box;
   /* 2 */
-  column-gap: 15px;
+  margin: 0;
   /* 3 */
-  font-size: 1.25rem;
-  line-height: 1.4;
-  color: #333;
-}
-/* Hover */
-.uk-accordion-default .uk-accordion-title:hover {
+  border-radius: 0;
+  /* 4 */
+  font: inherit;
+  /* 5 */
+  overflow: visible;
+  /* 6 */
+  -webkit-appearance: none;
+  /* 7 */
+  vertical-align: middle;
+  /* 8 */
+  width: 100%;
+  /* 9 */
+  border: none;
   color: #666;
-  text-decoration: none;
 }
-/* Active */
-/*
- * Icon
- */
-.uk-accordion-default .uk-accordion-icon {
-  flex: none;
-  margin-left: auto;
+.uk-search-input:focus {
+  outline: none;
 }
-/*
- * Content
- */
-.uk-accordion-default .uk-accordion-content {
-  margin-top: 20px;
+/* Placeholder */
+.uk-search-input::placeholder {
+  color: #999;
 }
-/* ========================================================================
-   Component: Drop
+/* Icon (Adopts `uk-icon`)
  ========================================================================== */
 /*
- * 1. Hide by default
- * 2. Set position
- * 3. Set a default width
+ * Position above input
+ * 1. Set position
+ * 2. Center icon vertically and horizontally
+ * 3. Style
  */
-.uk-drop {
+.uk-search .uk-search-icon {
   /* 1 */
-  display: none;
-  /* 2 */
   position: absolute;
-  z-index: 1020;
-  --uk-position-offset: 20px;
-  --uk-position-viewport-offset: 15px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  /* 2 */
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   /* 3 */
-  box-sizing: border-box;
-  width: 300px;
-}
-/* Show */
-.uk-drop.uk-open {
-  display: block;
+  color: #999;
 }
-/* Grid modifiers
- ========================================================================== */
-.uk-drop-stack .uk-drop-grid > * {
-  width: 100% !important;
+/*
+ * Required for `a`.
+ */
+.uk-search .uk-search-icon:hover {
+  color: #999;
 }
-/* Parent icon
- ========================================================================== */
-.uk-drop-parent-icon {
-  margin-left: 0.25em;
-  transition: transform 0.3s ease-out;
+/*
+ * Make `input` element clickable through icon, e.g. if it's a `span`
+ */
+.uk-search .uk-search-icon:not(a):not(button):not(input) {
+  pointer-events: none;
 }
-[aria-expanded="true"] > .uk-drop-parent-icon {
-  transform: rotateX(180deg);
+/*
+ * Position modifier
+ */
+.uk-search .uk-search-icon-flip {
+  right: 0;
+  left: auto;
 }
-/* ========================================================================
-   Component: Dropbar
+/* Default modifier
  ========================================================================== */
+.uk-search-default {
+  width: 240px;
+}
 /*
- * Adopts `uk-drop`
- * 1. Reset drop
- * 2. Style
+ * Input
  */
-.uk-dropbar {
-  --uk-position-offset: 0;
-  --uk-position-shift-offset: 0;
-  --uk-position-viewport-offset: 0;
-  --uk-inverse: dark;
-  /* 1 */
-  width: auto;
-  /* 2 */
-  padding: 15px 15px 15px 15px;
+.uk-search-default .uk-search-input {
+  height: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
   background: #f8f8f8;
-  color: #666;
+}
+/* Focus */
+.uk-search-default .uk-search-input:focus {
+  background-color: #f3f3f3;
 }
 /*
- * Remove margin from the last-child
+ * Icon
  */
-.uk-dropbar > :last-child {
-  margin-bottom: 0;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-dropbar {
-    padding-left: 30px;
-    padding-right: 30px;
-  }
+.uk-search-default .uk-search-icon {
+  padding-left: 10px;
+  padding-right: 10px;
 }
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-dropbar {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
+.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 40px;
 }
-.uk-dropbar :focus-visible {
-  outline-color: #333 !important;
+.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 40px;
 }
-/* Size modifier
+/* Navbar modifier
  ========================================================================== */
-.uk-dropbar-large {
-  padding-top: 40px;
-  padding-bottom: 40px;
+.uk-search-navbar {
+  width: 240px;
 }
-/* Direction modifier
- ========================================================================== */
-/* ========================================================================
-   Component: Dropnav
- ========================================================================== */
 /*
- * 1. Position
- * 2. Reset dropbar
- * 3. Width
+ * Input
  */
-.uk-dropnav-dropbar {
-  /* 1 */
-  position: absolute;
-  z-index: 980;
-  /* 2 */
-  padding: 0;
-  /* 3 */
-  left: 0;
-  right: 0;
+.uk-search-navbar .uk-search-input {
+  height: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background: #fff;
+}
+/* Focus */
+.uk-search-navbar .uk-search-input:focus {
+  background-color: #fcfcfc;
 }
-/* ========================================================================
-   Component: Modal
- ========================================================================== */
 /*
- * 1. Hide by default
- * 2. Set position
- * 3. Allow scrolling for the modal dialog
- * 4. Horizontal padding
- * 5. Mask the background page
- * 6. Fade-in transition
+ * Icon
  */
-.uk-modal {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: fixed;
-  inset: 0;
-  z-index: 1010;
-  /* 3 */
-  overflow-y: auto;
-  /* 4 */
-  padding: 15px 15px;
-  /* 5 */
-  background: rgba(0, 0, 0, 0.6);
-  /* 6 */
-  opacity: 0;
-  transition: opacity 0.15s linear;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-modal {
-    padding: 50px 30px;
-  }
+.uk-search-navbar .uk-search-icon {
+  padding-left: 10px;
+  padding-right: 10px;
 }
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-modal {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
+.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 40px;
 }
-/*
- * Open
- */
-.uk-modal.uk-open {
-  opacity: 1;
+.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 40px;
 }
-/* Page
+/* Medium modifier
  ========================================================================== */
-/*
- * Prevent scrollbars
- */
-.uk-modal-page {
-  overflow: hidden;
+.uk-search-medium {
+  width: 400px;
 }
-/* Dialog
- ========================================================================== */
 /*
- * 1. Create position context for spinner and close button
- * 2. Dimensions
- * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
- * 4. Style
- * 5. Slide-in transition
+ * Input
  */
-.uk-modal-dialog {
-  /* 1 */
-  position: relative;
-  /* 2 */
-  box-sizing: border-box;
-  margin: 0 auto;
-  width: 600px;
-  /* 3 */
-  max-width: 100% !important;
-  /* 4 */
-  background: #fff;
-  /* 5 */
-  opacity: 0;
-  transform: translateY(-100px);
-  transition: 0.3s linear;
-  transition-property: opacity, transform;
+.uk-search-medium .uk-search-input {
+  height: 55px;
+  padding-left: 12px;
+  padding-right: 12px;
+  background: #f8f8f8;
+  font-size: 1.5rem;
+}
+/* Focus */
+.uk-search-medium .uk-search-input:focus {
+  background-color: #f3f3f3;
 }
 /*
- * Open
+ * Icon
  */
-.uk-open > .uk-modal-dialog {
-  opacity: 1;
-  transform: translateY(0);
+.uk-search-medium .uk-search-icon {
+  padding-left: 12px;
+  padding-right: 12px;
 }
-/* Size modifier
+.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 48px;
+}
+.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 48px;
+}
+/* Large modifier
  ========================================================================== */
+.uk-search-large {
+  width: 500px;
+}
 /*
- * Container size
- * Take the same size as the Container component
+ * Input
  */
-.uk-modal-container .uk-modal-dialog {
-  width: 1200px;
+.uk-search-large .uk-search-input {
+  height: 90px;
+  padding-left: 20px;
+  padding-right: 20px;
+  background: #f8f8f8;
+  font-size: 2.625rem;
+}
+/* Focus */
+.uk-search-large .uk-search-input:focus {
+  background-color: #f3f3f3;
 }
 /*
- * Full size
- * 1. Remove padding and background from modal
- * 2. Reset all default declarations from modal dialog
+ * Icon
  */
-/* 1 */
-.uk-modal-full {
-  padding: 0;
-  background: none;
+.uk-search-large .uk-search-icon {
+  padding-left: 20px;
+  padding-right: 20px;
 }
-/* 2 */
-.uk-modal-full .uk-modal-dialog {
-  margin: 0;
-  width: 100%;
-  max-width: 100%;
-  transform: translateY(0);
+.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
+  padding-left: 80px;
 }
-/* Sections
+.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
+  padding-right: 80px;
+}
+/* Toggle
  ========================================================================== */
-.uk-modal-body {
-  display: flow-root;
-  padding: 20px 20px;
+.uk-search-toggle {
+  color: #999;
 }
-.uk-modal-header {
-  display: flow-root;
-  padding: 10px 20px;
-  background: #f8f8f8;
+/* Hover */
+.uk-search-toggle:hover {
+  color: #666;
 }
-.uk-modal-footer {
-  display: flow-root;
-  padding: 10px 20px;
-  background: #f8f8f8;
+/* ========================================================================
+   Component: Accordion
+ ========================================================================== */
+.uk-accordion {
+  padding: 0;
+  list-style: none;
 }
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-modal-body {
-    padding: 30px 30px;
-  }
-  .uk-modal-header {
-    padding: 15px 30px;
-  }
-  .uk-modal-footer {
-    padding: 15px 30px;
-  }
+.uk-accordion-title {
+  display: block;
+}
+.uk-accordion-content {
+  display: flow-root;
 }
 /*
  * Remove margin from the last-child
  */
-.uk-modal-body > :last-child,
-.uk-modal-header > :last-child,
-.uk-modal-footer > :last-child {
+.uk-accordion-content > :last-child {
   margin-bottom: 0;
 }
-/* Title
- ========================================================================== */
-.uk-modal-title {
-  font-size: 2rem;
-  line-height: 1.3;
-}
-/* Close
- * Adopts `uk-close`
+/* Default modifier
  ========================================================================== */
-[class*="uk-modal-close-"] {
-  position: absolute;
-  z-index: 1010;
-  top: 10px;
-  right: 10px;
-  padding: 5px;
-}
 /*
- * Remove margin from adjacent element
+ * Item
  */
-[class*="uk-modal-close-"]:first-child + * {
-  margin-top: 0;
+.uk-accordion-default > :nth-child(n+2) {
+  margin-top: 20px;
 }
+/* Active */
 /*
- * Hover
- */
-/*
- * Default
+ * Title
  */
 /*
- * Outside
- * 1. Prevent scrollbar on small devices
+* 1. Center content vertically, e.g. an icon
+* 2. Imitate white space gap when using flexbox
+* 3. Reset link
  */
-.uk-modal-close-outside {
-  top: 0;
+.uk-accordion-default .uk-accordion-title {
   /* 1 */
-  right: -5px;
-  transform: translate(0, -100%);
-  color: #ffffff;
-}
-.uk-modal-close-outside:hover {
-  color: #fff;
+  display: flex;
+  align-items: center;
+  /* 2 */
+  column-gap: 15px;
+  /* 3 */
+  font-size: 1.25rem;
+  line-height: 1.4;
+  color: #333;
 }
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  /* 1 */
-  .uk-modal-close-outside {
-    right: 0;
-    transform: translate(100%, -100%);
-  }
+/* Hover */
+.uk-accordion-default .uk-accordion-title:hover {
+  color: #666;
+  text-decoration: none;
 }
+/* Active */
 /*
- * Full
+ * Icon
  */
-/* ========================================================================
-   Component: Slideshow
- ========================================================================== */
+.uk-accordion-default .uk-accordion-icon {
+  flex: none;
+  margin-left: auto;
+}
 /*
- * 1. Prevent tab highlighting on iOS.
+ * Content
  */
-.uk-slideshow {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
+.uk-accordion-default .uk-accordion-content {
+  margin-top: 20px;
 }
-/* Items
+/* ========================================================================
+   Component: Drop
  ========================================================================== */
 /*
- * 1. Create position and stacking context
- * 2. Reset list
- * 3. Clip child elements
- * 4. Prevent displaying the callout information on iOS.
- * 5. Disable horizontal panning gestures
+ * 1. Hide by default
+ * 2. Set position
+ * 3. Set a default width
  */
-.uk-slideshow-items {
+.uk-drop {
   /* 1 */
-  position: relative;
-  z-index: 0;
+  display: none;
   /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
+  position: absolute;
+  z-index: 1020;
+  --uk-position-offset: 20px;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
-  overflow: hidden;
-  /* 4 */
-  -webkit-touch-callout: none;
-  /* 5 */
-  touch-action: pan-y;
+  box-sizing: border-box;
+  width: 300px;
 }
-/* Item
+/* Show */
+.uk-drop.uk-open {
+  display: block;
+}
+/* Grid modifiers
+ ========================================================================== */
+.uk-drop-stack .uk-drop-grid > * {
+  width: 100% !important;
+}
+/* Parent icon
+ ========================================================================== */
+.uk-drop-parent-icon {
+  margin-left: 0.25em;
+  transition: transform 0.3s ease-out;
+}
+[aria-expanded="true"] > .uk-drop-parent-icon {
+  transform: rotateX(180deg);
+}
+/* ========================================================================
+   Component: Dropbar
  ========================================================================== */
 /*
- * 1. Position items above each other
- * 2. Take the full width
- * 3. Clip child elements, e.g. for `uk-cover`
- * 4. Optimize animation
+ * Adopts `uk-drop`
+ * 1. Reset drop
+ * 2. Style
  */
-.uk-slideshow-items > * {
+.uk-dropbar {
+  --uk-position-offset: 0;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 0;
+  --uk-inverse: dark;
   /* 1 */
-  position: absolute;
+  width: auto;
   /* 2 */
-  inset: 0;
-  /* 3 */
-  overflow: hidden;
-  /* 4 */
-  will-change: transform, opacity;
+  padding: 15px 15px 15px 15px;
+  background: #f8f8f8;
+  color: #666;
 }
 /*
- * Hide not active items
+ * Remove margin from the last-child
  */
-.uk-slideshow-items > :not(.uk-active) {
-  display: none;
+.uk-dropbar > :last-child {
+  margin-bottom: 0;
 }
-/*
- * Reset animations on hidden slides so the Ken Burns effect restarts in Safari.
- */
-.uk-slideshow-items > :not(.uk-active) [class*="uk-animation-"] {
-  animation-name: none;
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-dropbar {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-dropbar {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+.uk-dropbar :focus-visible {
+  outline-color: #333 !important;
+}
+/* Size modifier
+ ========================================================================== */
+.uk-dropbar-large {
+  padding-top: 40px;
+  padding-bottom: 40px;
 }
+/* Direction modifier
+ ========================================================================== */
 /* ========================================================================
-   Component: Slider
+   Component: Dropnav
  ========================================================================== */
 /*
- * 1. Prevent tab highlighting on iOS.
+ * 1. Position
+ * 2. Reset dropbar
+ * 3. Width
  */
-.uk-slider {
+.uk-dropnav-dropbar {
   /* 1 */
-  -webkit-tap-highlight-color: transparent;
+  position: absolute;
+  z-index: 980;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+  left: 0;
+  right: 0;
 }
-/* Container
+/* ========================================================================
+   Component: Modal
  ========================================================================== */
 /*
- * 1. Fallback for Safari 15 and older
- * 2. Clip child elements
- *    `clip` prevents accidental scrolling through elements in slide getting focused
- *    `clip` also works in only one direction
+ * 1. Hide by default
+ * 2. Set position
+ * 3. Allow scrolling for the modal dialog
+ * 4. Horizontal padding
+ * 5. Mask the background page
+ * 6. Fade-in transition
  */
-.uk-slider-container {
+.uk-modal {
   /* 1 */
-  overflow-x: hidden;
+  display: none;
   /* 2 */
-  overflow-x: clip;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1010;
+  /* 3 */
+  overflow-y: auto;
+  /* 4 */
+  padding: 15px 15px;
+  /* 5 */
+  background: rgba(0, 0, 0, 0.6);
+  /* 6 */
+  opacity: 0;
+  transition: opacity 0.15s linear;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-modal {
+    padding: 50px 30px;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-modal {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
 }
 /*
- * Widen container to prevent box-shadows from clipping, `large-box-shadow`
+ * Open
  */
-.uk-slider-container-offset {
-  margin-left: -25px;
-  margin-right: -25px;
-  padding-left: 25px;
-  padding-right: 25px;
+.uk-modal.uk-open {
+  opacity: 1;
 }
-/* Items
+/* Page
  ========================================================================== */
 /*
- * 1. Optimize animation
- * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
- * 3. Disable horizontal panning gestures
+ * Prevent scrollbars
  */
-.uk-slider-items {
-  /* 1 */
-  will-change: transform;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  touch-action: pan-y;
+.uk-modal-page {
+  overflow: hidden;
 }
+/* Dialog
+ ========================================================================== */
 /*
- * 1. Reset list style without interfering with grid
- * 2. Prevent displaying the callout information on iOS.
+ * 1. Create position context for spinner and close button
+ * 2. Dimensions
+ * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
+ * 4. Style
+ * 5. Slide-in transition
  */
-.uk-slider-items:not(.uk-grid) {
-  display: flex;
+.uk-modal-dialog {
   /* 1 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
+  position: relative;
   /* 2 */
-  -webkit-touch-callout: none;
-}
-.uk-slider-items.uk-grid {
-  flex-wrap: nowrap;
+  box-sizing: border-box;
+  margin: 0 auto;
+  width: 600px;
+  /* 3 */
+  max-width: 100% !important;
+  /* 4 */
+  background: #fff;
+  /* 5 */
+  opacity: 0;
+  transform: translateY(-100px);
+  transition: 0.3s linear;
+  transition-property: opacity, transform;
+}
+/*
+ * Open
+ */
+.uk-open > .uk-modal-dialog {
+  opacity: 1;
+  transform: translateY(0);
+}
+/* Size modifier
+ ========================================================================== */
+/*
+ * Container size
+ * Take the same size as the Container component
+ */
+.uk-modal-container .uk-modal-dialog {
+  width: 1200px;
+}
+/*
+ * Full size
+ * 1. Remove padding and background from modal
+ * 2. Reset all default declarations from modal dialog
+ */
+/* 1 */
+.uk-modal-full {
+  padding: 0;
+  background: none;
+}
+/* 2 */
+.uk-modal-full .uk-modal-dialog {
+  margin: 0;
+  width: 100%;
+  max-width: 100%;
+  transform: translateY(0);
+}
+/* Sections
+ ========================================================================== */
+.uk-modal-body {
+  display: flow-root;
+  padding: 20px 20px;
+}
+.uk-modal-header {
+  display: flow-root;
+  padding: 10px 20px;
+  background: #f8f8f8;
+}
+.uk-modal-footer {
+  display: flow-root;
+  padding: 10px 20px;
+  background: #f8f8f8;
+}
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-modal-body {
+    padding: 30px 30px;
+  }
+  .uk-modal-header {
+    padding: 15px 30px;
+  }
+  .uk-modal-footer {
+    padding: 15px 30px;
+  }
+}
+/*
+ * Remove margin from the last-child
+ */
+.uk-modal-body > :last-child,
+.uk-modal-header > :last-child,
+.uk-modal-footer > :last-child {
+  margin-bottom: 0;
+}
+/* Title
+ ========================================================================== */
+.uk-modal-title {
+  font-size: 2rem;
+  line-height: 1.3;
+}
+/* Close
+ * Adopts `uk-close`
+ ========================================================================== */
+[class*="uk-modal-close-"] {
+  position: absolute;
+  z-index: 1010;
+  top: 10px;
+  right: 10px;
+  padding: 5px;
+}
+/*
+ * Remove margin from adjacent element
+ */
+[class*="uk-modal-close-"]:first-child + * {
+  margin-top: 0;
+}
+/*
+ * Hover
+ */
+/*
+ * Default
+ */
+/*
+ * Outside
+ * 1. Prevent scrollbar on small devices
+ */
+.uk-modal-close-outside {
+  top: 0;
+  /* 1 */
+  right: -5px;
+  transform: translate(0, -100%);
+  color: #ffffff;
+}
+.uk-modal-close-outside:hover {
+  color: #fff;
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  /* 1 */
+  .uk-modal-close-outside {
+    right: 0;
+    transform: translate(100%, -100%);
+  }
+}
+/*
+ * Full
+ */
+/* ========================================================================
+   Component: Slideshow
+ ========================================================================== */
+/*
+ * 1. Prevent tab highlighting on iOS.
+ */
+.uk-slideshow {
+  /* 1 */
+  -webkit-tap-highlight-color: transparent;
+}
+/* Items
+ ========================================================================== */
+/*
+ * 1. Create position and stacking context
+ * 2. Reset list
+ * 3. Clip child elements
+ * 4. Prevent displaying the callout information on iOS.
+ * 5. Disable horizontal panning gestures
+ */
+.uk-slideshow-items {
+  /* 1 */
+  position: relative;
+  z-index: 0;
+  /* 2 */
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  /* 3 */
+  overflow: hidden;
+  /* 4 */
+  -webkit-touch-callout: none;
+  /* 5 */
+  touch-action: pan-y;
 }
 /* Item
  ========================================================================== */
 /*
- * 1. Let items take content dimensions (0 0 auto)
- *    `max-width` needed to keep image responsiveness and prevent content overflow
- * 2. Create position context
+ * 1. Position items above each other
+ * 2. Take the full width
+ * 3. Clip child elements, e.g. for `uk-cover`
+ * 4. Optimize animation
  */
-.uk-slider-items > * {
+.uk-slideshow-items > * {
   /* 1 */
-  flex: none !important;
-  box-sizing: border-box;
-  max-width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
   /* 2 */
-  position: relative;
+  right: 0;
+  bottom: 0;
+  /* 3 */
+  overflow: hidden;
+  /* 4 */
+  will-change: transform, opacity;
+}
+/*
+ * Hide not active items
+ */
+.uk-slideshow-items > :not(.uk-active) {
+  display: none;
+}
+/*
+ * Reset animations on hidden slides so the Ken Burns effect restarts in Safari.
+ */
+.uk-slideshow-items > :not(.uk-active) [class*="uk-animation-"] {
+  animation-name: none;
 }
 /* ========================================================================
-   Component: Marquee
+   Component: Slider
+ ========================================================================== */
+/*
+ * 1. Prevent tab highlighting on iOS.
+ */
+.uk-slider {
+  /* 1 */
+  -webkit-tap-highlight-color: transparent;
+}
+/* Container
  ========================================================================== */
 /*
  * 1. Fallback for Safari 15 and older
  * 2. Clip child elements
  *    `clip` prevents accidental scrolling through elements in slide getting focused
  *    `clip` also works in only one direction
- * 3. Prevent tab highlighting on iOS.
  */
-.uk-marquee {
+.uk-slider-container {
   /* 1 */
   overflow-x: hidden;
   /* 2 */
   overflow-x: clip;
-  /* 3 */
-  -webkit-tap-highlight-color: transparent;
-}
-.uk-marquee-vertical {
-  overflow: visible;
-  overflow-y: hidden;
-  overflow-y: clip;
 }
 /*
- * Fade out
+ * Widen container to prevent box-shadows from clipping, `large-box-shadow`
  */
-.uk-marquee-fade {
-  --uk-overflow-fade-size: 100px;
-  --uk-overflow-fade-direction: right;
-}
-.uk-marquee-fade.uk-marquee-vertical {
-  --uk-overflow-fade-direction: bottom;
-}
-.uk-marquee-fade {
-  mask-image: linear-gradient(to var(--uk-overflow-fade-direction), rgba(0, 0, 0, var(--uk-overflow-fade-start-opacity)), #000 var(--uk-overflow-fade-size), #000 calc(100% - var(--uk-overflow-fade-size)), rgba(0, 0, 0, var(--uk-overflow-fade-end-opacity)));
+.uk-slider-container-offset {
+  margin-left: -25px;
+  margin-right: -25px;
+  padding-left: 25px;
+  padding-right: 25px;
 }
 /* Items
  ========================================================================== */
 /*
- * 1. Create a containing block.
+ * 1. Optimize animation
+ * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
+ * 3. Disable horizontal panning gestures
  */
-.uk-marquee-items {
+.uk-slider-items {
   /* 1 */
+  will-change: transform;
+  /* 2 */
   position: relative;
+  /* 3 */
+  touch-action: pan-y;
 }
 /*
  * 1. Reset list style without interfering with grid
  * 2. Prevent displaying the callout information on iOS.
  */
-.uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items:not(.uk-grid) {
+.uk-slider-items:not(.uk-grid) {
   display: flex;
   /* 1 */
   margin: 0;
@@ -3915,7 +3790,7 @@ select.uk-form-width-xsmall {
   /* 2 */
   -webkit-touch-callout: none;
 }
-.uk-marquee:not(.uk-marquee-vertical) .uk-marquee-items.uk-grid {
+.uk-slider-items.uk-grid {
   flex-wrap: nowrap;
 }
 /* Item
@@ -3924,28 +3799,14 @@ select.uk-form-width-xsmall {
  * 1. Let items take content dimensions (0 0 auto)
  *    `max-width` needed to keep image responsiveness and prevent content overflow
  * 2. Create position context
- * 3. Create animation along offset-path
  */
-.uk-marquee-items > * {
+.uk-slider-items > * {
   /* 1 */
   flex: none !important;
   box-sizing: border-box;
   max-width: 100%;
   /* 2 */
   position: relative;
-  /* 3 */
-  offset-anchor: 0 0;
-  offset-rotate: 0deg;
-  offset-path: path(var(--uk-marquee-path));
-  animation: var(--uk-marquee-duration) linear calc(var(--uk-marquee-start) / -100 * var(--uk-marquee-duration)) infinite var(--uk-marquee-direction) uk-marquee;
-}
-@keyframes uk-marquee {
-  0% {
-    offset-distance: 0;
-  }
-  100% {
-    offset-distance: 100%;
-  }
 }
 /* ========================================================================
    Component: Sticky
@@ -4228,12 +4089,9 @@ select.uk-form-width-xsmall {
 /* Items
  ========================================================================== */
 /*
- * 1. Hide not active items
- * 2. Do not hide the first child if the switcher is not activated
+ * Hide not active items
  */
-/* 1 */
-.uk-switcher:has(> .uk-active) > :not(.uk-active),
-.uk-switcher:not(:has(> .uk-active)) > :not(:first-child) {
+.uk-switcher > :not(.uk-active) {
   display: none;
 }
 /*
@@ -4632,38 +4490,36 @@ select.uk-form-width-xsmall {
 .uk-grid > * > :last-child {
   margin-bottom: 0;
 }
-/* Gap
+/* Gutter
  ========================================================================== */
 /*
  * Default
  */
+/* Horizontal */
 .uk-grid {
   margin-left: -30px;
 }
 .uk-grid > * {
   padding-left: 30px;
 }
-.uk-grid {
-  row-gap: 30px;
-}
-/* Margin */
-.uk-grid + :where(.uk-grid),
+/* Vertical */
+.uk-grid + .uk-grid,
+.uk-grid > .uk-grid-margin,
 * + .uk-grid-margin {
   margin-top: 30px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
+  /* Horizontal */
   .uk-grid {
     margin-left: -40px;
   }
   .uk-grid > * {
     padding-left: 40px;
   }
-  .uk-grid {
-    row-gap: 40px;
-  }
-  /* Margin */
-  .uk-grid + :where(.uk-grid),
+  /* Vertical */
+  .uk-grid + .uk-grid,
+  .uk-grid > .uk-grid-margin,
   * + .uk-grid-margin {
     margin-top: 40px;
   }
@@ -4671,6 +4527,7 @@ select.uk-form-width-xsmall {
 /*
  * Small
  */
+/* Horizontal */
 .uk-grid-small,
 .uk-grid-column-small {
   margin-left: -15px;
@@ -4679,18 +4536,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-small > * {
   padding-left: 15px;
 }
-.uk-grid-small,
-.uk-grid-row-small {
-  row-gap: 15px;
-}
-/* Margin */
-.uk-grid + :where(.uk-grid-small, .uk-grid-row-small),
+/* Vertical */
+.uk-grid + .uk-grid-small,
+.uk-grid + .uk-grid-row-small,
+.uk-grid-small > .uk-grid-margin,
+.uk-grid-row-small > .uk-grid-margin,
 * + .uk-grid-margin-small {
   margin-top: 15px;
 }
 /*
  * Medium
  */
+/* Horizontal */
 .uk-grid-medium,
 .uk-grid-column-medium {
   margin-left: -30px;
@@ -4699,18 +4556,18 @@ select.uk-form-width-xsmall {
 .uk-grid-column-medium > * {
   padding-left: 30px;
 }
-.uk-grid-medium,
-.uk-grid-row-medium {
-  row-gap: 30px;
-}
-/* Margin */
-.uk-grid + :where(.uk-grid-medium, .uk-grid-row-medium),
+/* Vertical */
+.uk-grid + .uk-grid-medium,
+.uk-grid + .uk-grid-row-medium,
+.uk-grid-medium > .uk-grid-margin,
+.uk-grid-row-medium > .uk-grid-margin,
 * + .uk-grid-margin-medium {
   margin-top: 30px;
 }
 /*
  * Large
  */
+/* Horizontal */
 .uk-grid-large,
 .uk-grid-column-large {
   margin-left: -40px;
@@ -4719,17 +4576,17 @@ select.uk-form-width-xsmall {
 .uk-grid-column-large > * {
   padding-left: 40px;
 }
-.uk-grid-large,
-.uk-grid-row-large {
-  row-gap: 40px;
-}
-/* Margin */
-.uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
+/* Vertical */
+.uk-grid + .uk-grid-large,
+.uk-grid + .uk-grid-row-large,
+.uk-grid-large > .uk-grid-margin,
+.uk-grid-row-large > .uk-grid-margin,
 * + .uk-grid-margin-large {
   margin-top: 40px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
+  /* Horizontal */
   .uk-grid-large,
   .uk-grid-column-large {
     margin-left: -70px;
@@ -4738,12 +4595,11 @@ select.uk-form-width-xsmall {
   .uk-grid-column-large > * {
     padding-left: 70px;
   }
-  .uk-grid-large,
-  .uk-grid-row-large {
-    row-gap: 70px;
-  }
-  /* Margin */
-  .uk-grid + :where(.uk-grid-large, .uk-grid-row-large),
+  /* Vertical */
+  .uk-grid + .uk-grid-large,
+  .uk-grid + .uk-grid-row-large,
+  .uk-grid-large > .uk-grid-margin,
+  .uk-grid-row-large > .uk-grid-margin,
   * + .uk-grid-margin-large {
     margin-top: 70px;
   }
@@ -4751,6 +4607,7 @@ select.uk-form-width-xsmall {
 /*
  * Collapse
  */
+/* Horizontal */
 .uk-grid-collapse,
 .uk-grid-column-collapse {
   margin-left: 0;
@@ -4759,12 +4616,11 @@ select.uk-form-width-xsmall {
 .uk-grid-column-collapse > * {
   padding-left: 0;
 }
-.uk-grid-collapse,
-.uk-grid-row-collapse {
-  row-gap: 0;
-}
-/* Margin */
-.uk-grid + :where(.uk-grid-collapse, .uk-grid-row-collapse) {
+/* Vertical */
+.uk-grid + .uk-grid-collapse,
+.uk-grid + .uk-grid-row-collapse,
+.uk-grid-collapse > .uk-grid-margin,
+.uk-grid-row-collapse > .uk-grid-margin {
   margin-top: 0;
 }
 /* Divider
@@ -4772,7 +4628,6 @@ select.uk-form-width-xsmall {
 .uk-grid-divider > * {
   position: relative;
 }
-/* Horizontal */
 .uk-grid-divider > :not(.uk-first-column)::before {
   content: "";
   position: absolute;
@@ -4781,7 +4636,7 @@ select.uk-form-width-xsmall {
   border-left: 1px solid #e5e5e5;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
   content: "";
   position: absolute;
   left: 0;
@@ -4802,10 +4657,10 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack {
-  row-gap: 60px;
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
+  margin-top: 60px;
 }
-.uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
   top: -30px;
   left: 60px;
 }
@@ -4822,10 +4677,10 @@ select.uk-form-width-xsmall {
     left: 40px;
   }
   /* Vertical */
-  .uk-grid-divider.uk-grid-stack {
-    row-gap: 80px;
+  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
+    margin-top: 80px;
   }
-  .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
     top: -40px;
     left: 80px;
   }
@@ -4847,17 +4702,18 @@ select.uk-form-width-xsmall {
   left: 15px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-small, .uk-grid-row-small) {
-  row-gap: 30px;
+.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
+  margin-top: 30px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-small > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
   top: -15px;
   left: 30px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-row-small > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
   top: -15px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-small > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
   left: 30px;
 }
 /*
@@ -4877,17 +4733,18 @@ select.uk-form-width-xsmall {
   left: 30px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-medium, .uk-grid-row-medium) {
-  row-gap: 60px;
+.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
+  margin-top: 60px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-medium > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
   top: -30px;
   left: 60px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-row-medium > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
   top: -30px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-medium > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
   left: 60px;
 }
 /*
@@ -4907,17 +4764,18 @@ select.uk-form-width-xsmall {
   left: 40px;
 }
 /* Vertical */
-.uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
-  row-gap: 80px;
+.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
+  margin-top: 80px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
   top: -40px;
   left: 80px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
   top: -40px;
 }
-.uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
+.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
   left: 80px;
 }
 /* Desktop and bigger */
@@ -4936,17 +4794,18 @@ select.uk-form-width-xsmall {
     left: 70px;
   }
   /* Vertical */
-  .uk-grid-divider.uk-grid-stack:where(.uk-grid-large, .uk-grid-row-large) {
-    row-gap: 140px;
+  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
+  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
+    margin-top: 140px;
   }
-  .uk-grid-divider.uk-grid-stack.uk-grid-large > :not(.uk-first-row)::before {
+  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
     top: -70px;
     left: 140px;
   }
-  .uk-grid-divider.uk-grid-stack.uk-grid-row-large > :not(.uk-first-row)::before {
+  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
     top: -70px;
   }
-  .uk-grid-divider.uk-grid-stack.uk-grid-column-large > :not(.uk-first-row)::before {
+  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
     left: 140px;
   }
 }
@@ -4995,7 +4854,7 @@ select.uk-form-width-xsmall {
   align-items: center;
   /* 2 */
   column-gap: 0.25em;
-  /* 3 */
+  /* 3*/
   text-decoration: none;
 }
 /*
@@ -5549,8 +5408,8 @@ ul.uk-nav-sub {
   padding-left: 30px;
 }
 /* Gutter Vertical */
-.uk-navbar-dropdown .uk-drop-grid {
-  row-gap: 30px;
+.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin {
+  margin-top: 30px;
 }
 /*
  * Width modifier
@@ -6237,7 +6096,10 @@ ul.uk-nav-sub {
   display: none;
   /* 2 */
   position: fixed;
-  inset: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 1010;
   /* 5 */
   background: #000;
@@ -6291,7 +6153,10 @@ ul.uk-nav-sub {
 .uk-lightbox-items > * {
   /* 1 */
   position: absolute;
-  inset: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   /* 2 */
   display: none;
   justify-content: center;
@@ -6359,39 +6224,6 @@ ul.uk-nav-sub {
   width: 80%;
   height: 80%;
 }
-/* ========================================================================
-   Component: Logo
- ========================================================================== */
-/*
- * 1. Style
- * 2. Required for `a`
- * 3. Behave like image but can be overridden through flex utility classes
- */
-.uk-logo {
-  /* 1 */
-  font-size: 1.5rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  color: #333;
-  /* 2 */
-  text-decoration: none;
-}
-/* 3 */
-:where(.uk-logo) {
-  display: inline-block;
-  vertical-align: middle;
-}
-/* Hover */
-.uk-logo:hover {
-  color: #333;
-  /* 2 */
-  text-decoration: none;
-}
-.uk-logo :where(img:not([uk-svg]), svg, video) {
-  display: block;
-}
-.uk-logo-inverse:where(:not([uk-svg])) {
-  display: none;
-}
 /* ========================================================================
    Component: Animation
  ========================================================================== */
@@ -6500,7 +6332,7 @@ ul.uk-nav-sub {
 }
 /* Toggle animation based on the State of the Parent Element
  ========================================================================== */
-.uk-animation-toggle:not(:hover, :focus) [class*="uk-animation-"] {
+.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
   animation-name: none;
 }
 /* Keyframes used by animation classes
@@ -7610,12 +7442,6 @@ th.uk-text-break,
 td.uk-text-break {
   word-break: break-word;
 }
-/*
- * Balance text when wrapping onto multiple lines
- */
-.uk-text-balance {
-  text-wrap: balance;
-}
 /* Stroke modifiers
  ========================================================================== */
 .uk-text-stroke {
@@ -8389,6 +8215,93 @@ iframe[data-uk-cover] {
 .uk-box-shadow-hover-xlarge:hover {
   box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
 }
+/* Box-shadow bottom
+ ========================================================================== */
+/*
+ * 1. Set position.
+ * 2. Set style
+ * 3. Fix shadow being clipped in Safari if container is animated
+ */
+@supports (filter: blur(0)) {
+  .uk-box-shadow-bottom {
+    display: inline-block;
+    position: relative;
+    z-index: 0;
+    max-width: 100%;
+    vertical-align: middle;
+  }
+  .uk-box-shadow-bottom::after {
+    content: "";
+    /* 1 */
+    position: absolute;
+    bottom: -30px;
+    left: 0;
+    right: 0;
+    z-index: -1;
+    /* 2 */
+    height: 30px;
+    border-radius: 100%;
+    background: #444;
+    filter: blur(20px);
+    /* 3 */
+    will-change: filter;
+  }
+}
+/* Drop cap
+ ========================================================================== */
+/*
+ * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
+ *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
+ * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
+ *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
+ */
+.uk-dropcap::first-letter,
+.uk-dropcap > p:first-of-type::first-letter {
+  display: block;
+  margin-right: 10px;
+  float: left;
+  font-size: 4.5em;
+  line-height: 1;
+}
+/* 2 */
+@-moz-document url-prefix() {
+  .uk-dropcap::first-letter,
+  .uk-dropcap > p:first-of-type::first-letter {
+    margin-top: 1.1%;
+  }
+}
+/* Logo
+ ========================================================================== */
+/*
+ * 1. Style
+ * 2. Required for `a`
+ * 3. Behave like image but can be overridden through flex utility classes
+ */
+.uk-logo {
+  /* 1 */
+  font-size: 1.5rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  color: #333;
+  /* 2 */
+  text-decoration: none;
+}
+/* 3 */
+:where(.uk-logo) {
+  display: inline-block;
+  vertical-align: middle;
+}
+/* Hover */
+.uk-logo:hover {
+  color: #333;
+  /* 1 */
+  text-decoration: none;
+}
+.uk-logo :where(img, svg, video) {
+  display: block;
+}
+.uk-logo-inverse {
+  display: none;
+}
 /* Disabled State
  ========================================================================== */
 .uk-disabled {
@@ -8686,726 +8599,504 @@ iframe[data-uk-cover] {
 .uk-flex-column-reverse {
   flex-direction: column-reverse;
 }
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-flex-row\@s {
-    flex-direction: row;
-  }
-  .uk-flex-column\@s {
-    flex-direction: column;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-flex-row\@m {
-    flex-direction: row;
-  }
-  .uk-flex-column\@m {
-    flex-direction: column;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-flex-row\@l {
-    flex-direction: row;
-  }
-  .uk-flex-column\@l {
-    flex-direction: column;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-flex-row\@xl {
-    flex-direction: row;
-  }
-  .uk-flex-column\@xl {
-    flex-direction: column;
-  }
-}
-/* Wrap
- ========================================================================== */
-.uk-flex-nowrap {
-  flex-wrap: nowrap;
-}
-.uk-flex-wrap {
-  flex-wrap: wrap;
-}
-.uk-flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
-}
-/*
- * Aligns items within the flex container when there is extra space in the cross-axis
- * Only works if there is more than one line of flex items
- */
-.uk-flex-wrap-stretch {
-  align-content: stretch;
-}
-.uk-flex-wrap-top {
-  align-content: flex-start;
-}
-.uk-flex-wrap-middle {
-  align-content: center;
-}
-.uk-flex-wrap-bottom {
-  align-content: flex-end;
-}
-.uk-flex-wrap-between {
-  align-content: space-between;
-}
-.uk-flex-wrap-around {
-  align-content: space-around;
-}
-/* Item ordering
- ========================================================================== */
-/*
- * Default is 0
- */
-.uk-flex-first {
-  order: -1;
-}
-.uk-flex-last {
-  order: 99;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-flex-first\@s {
-    order: -1;
-  }
-  .uk-flex-last\@s {
-    order: 99;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-flex-first\@m {
-    order: -1;
-  }
-  .uk-flex-last\@m {
-    order: 99;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-flex-first\@l {
-    order: -1;
-  }
-  .uk-flex-last\@l {
-    order: 99;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-flex-first\@xl {
-    order: -1;
-  }
-  .uk-flex-last\@xl {
-    order: 99;
-  }
-}
-/* Item dimensions
- ========================================================================== */
-/*
- * Initial: 0 1 auto
- * Content dimensions, but shrinks
- */
-.uk-flex-initial {
-  flex: initial;
-}
-/*
- * No Flex: 0 0 auto
- * Content dimensions
- */
-.uk-flex-none {
-  flex: none;
-}
-/*
- * Relative Flex: 1 1 auto
- * Space is allocated considering content
- */
-.uk-flex-auto {
-  flex: auto;
-}
-/*
- * Absolute Flex: 1 1 0%
- * Space is allocated solely based on flex
- */
-.uk-flex-1 {
-  flex: 1;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-flex-initial\@s {
-    flex: initial;
-  }
-  .uk-flex-none\@s {
-    flex: none;
-  }
-  .uk-flex-1\@s {
-    flex: 1;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-flex-initial\@m {
-    flex: initial;
-  }
-  .uk-flex-none\@m {
-    flex: none;
-  }
-  .uk-flex-1\@m {
-    flex: 1;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-flex-initial\@l {
-    flex: initial;
-  }
-  .uk-flex-none\@l {
-    flex: none;
-  }
-  .uk-flex-1\@l {
-    flex: 1;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-flex-initial\@xl {
-    flex: initial;
-  }
-  .uk-flex-none\@xl {
-    flex: none;
-  }
-  .uk-flex-1\@xl {
-    flex: 1;
-  }
-}
-/* ========================================================================
-   Component: Position
- ========================================================================== */
-:root {
-  --uk-position-margin-offset: 0px;
-}
-/* Directions
- ========================================================================== */
-/*
- * 1. Prevent content overflow.
- */
-[class*="uk-position-top"],
-[class*="uk-position-bottom"],
-[class*="uk-position-left"],
-[class*="uk-position-right"],
-[class*="uk-position-center"] {
-  position: absolute !important;
-  /* 1 */
-  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
-  box-sizing: border-box;
-}
-/*
- * Edges
- * Don't use `width: 100%` because it's wrong if the parent has padding.
- */
-.uk-position-top {
-  top: 0;
-  left: 0;
-  right: 0;
-}
-.uk-position-bottom {
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.uk-position-left {
-  top: 0;
-  bottom: 0;
-  left: 0;
-}
-.uk-position-right {
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-/*
- * Corners
- */
-.uk-position-top-left {
-  top: 0;
-  left: 0;
-}
-.uk-position-top-right {
-  top: 0;
-  right: 0;
-}
-.uk-position-bottom-left {
-  bottom: 0;
-  left: 0;
-}
-.uk-position-bottom-right {
-  bottom: 0;
-  right: 0;
-}
-/*
- * Center
- * 1. Fix text wrapping if content is larger than 50% of the container.
- *    Using `max-content` requires `max-width` of 100% which is set generally.
- */
-.uk-position-center {
-  top: calc(50% - var(--uk-position-margin-offset));
-  left: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
-  --uk-position-translate-y: -50%;
-  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
-  /* 1 */
-  width: max-content;
-}
-/* Vertical */
-[class*="uk-position-center-left"],
-[class*="uk-position-center-right"],
-.uk-position-center-vertical {
-  top: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-y: -50%;
-  transform: translate(0, var(--uk-position-translate-y));
-}
-.uk-position-center-left {
-  left: 0;
-}
-.uk-position-center-right {
-  right: 0;
-}
-.uk-position-center-vertical {
-  left: 0;
-  right: 0;
-}
-.uk-position-center-left-out {
-  right: 100%;
-  width: max-content;
-}
-.uk-position-center-right-out {
-  left: 100%;
-  width: max-content;
-}
-/* Horizontal */
-.uk-position-top-center,
-.uk-position-bottom-center,
-.uk-position-center-horizontal {
-  left: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
-  transform: translate(var(--uk-position-translate-x), 0);
-  /* 1 */
-  width: max-content;
-}
-.uk-position-top-center {
-  top: 0;
-}
-.uk-position-bottom-center {
-  bottom: 0;
-}
-.uk-position-center-horizontal {
-  top: 0;
-  bottom: 0;
-}
-/*
- * Cover
- * 1. Make replaced elements (e.g. images and videos) fill the container
- */
-.uk-position-cover {
-  position: absolute;
-  inset: 0;
-}
-/* 1 */
-:where(img, video).uk-position-cover {
-  box-sizing: border-box;
-  width: calc(100% - (var(--uk-position-margin-offset) * 2));
-  height: calc(100% - (var(--uk-position-margin-offset) * 2));
-}
-/* Margin
- ========================================================================== */
-.uk-position-small {
-  margin: 15px;
-  --uk-position-margin-offset: 15px;
-}
-.uk-position-medium {
-  margin: 30px;
-  --uk-position-margin-offset: 30px;
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-flex-row\@s {
+    flex-direction: row;
+  }
+  .uk-flex-column\@s {
+    flex-direction: column;
+  }
 }
-.uk-position-large {
-  margin: 30px;
-  --uk-position-margin-offset: 30px;
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-flex-row\@m {
+    flex-direction: row;
+  }
+  .uk-flex-column\@m {
+    flex-direction: column;
+  }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-position-large {
-    margin: 50px;
-    --uk-position-margin-offset: 50px;
+  .uk-flex-row\@l {
+    flex-direction: row;
+  }
+  .uk-flex-column\@l {
+    flex-direction: column;
   }
 }
-/* Schemes
- ========================================================================== */
-.uk-position-relative {
-  position: relative  !important;
-}
-.uk-position-absolute {
-  position: absolute  !important;
-}
-.uk-position-fixed {
-  position: fixed  !important;
-}
-.uk-position-sticky {
-  position: sticky  !important;
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-flex-row\@xl {
+    flex-direction: row;
+  }
+  .uk-flex-column\@xl {
+    flex-direction: column;
+  }
 }
-/* Layer
+/* Wrap
  ========================================================================== */
-.uk-position-z-index {
-  z-index: 1;
-}
-.uk-position-z-index-zero {
-  z-index: 0;
-}
-.uk-position-z-index-negative {
-  z-index: -1;
+.uk-flex-nowrap {
+  flex-wrap: nowrap;
 }
-.uk-position-z-index-high {
-  z-index: 990;
+.uk-flex-wrap {
+  flex-wrap: wrap;
 }
-.uk-position-z-index-highest {
-  z-index: 1060;
+.uk-flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
 }
-/* ========================================================================
-   Component: Margin
- ========================================================================== */
-/* Two or more directions
- ========================================================================== */
 /*
- * Sizes
+ * Aligns items within the flex container when there is extra space in the cross-axis
+ * Only works if there is more than one line of flex items
  */
-.uk-margin {
-  margin-bottom: 20px;
-}
-* + .uk-margin {
-  margin-top: 20px;
-}
-.uk-margin-xsmall {
-  margin-bottom: 5px;
+.uk-flex-wrap-stretch {
+  align-content: stretch;
 }
-* + .uk-margin-xsmall {
-  margin-top: 5px;
+.uk-flex-wrap-top {
+  align-content: flex-start;
 }
-.uk-margin-small {
-  margin-bottom: 10px;
+.uk-flex-wrap-middle {
+  align-content: center;
 }
-* + .uk-margin-small {
-  margin-top: 10px;
+.uk-flex-wrap-bottom {
+  align-content: flex-end;
 }
-.uk-margin-medium {
-  margin-bottom: 40px;
+.uk-flex-wrap-between {
+  align-content: space-between;
 }
-* + .uk-margin-medium {
-  margin-top: 40px;
+.uk-flex-wrap-around {
+  align-content: space-around;
 }
-.uk-margin-large {
-  margin-bottom: 40px;
+/* Item ordering
+ ========================================================================== */
+/*
+ * Default is 0
+ */
+.uk-flex-first {
+  order: -1;
 }
-* + .uk-margin-large {
-  margin-top: 40px;
+.uk-flex-last {
+  order: 99;
 }
-.uk-margin-xlarge {
-  margin-bottom: 70px;
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-flex-first\@s {
+    order: -1;
+  }
+  .uk-flex-last\@s {
+    order: 99;
+  }
 }
-* + .uk-margin-xlarge {
-  margin-top: 70px;
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-flex-first\@m {
+    order: -1;
+  }
+  .uk-flex-last\@m {
+    order: 99;
+  }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-margin-large {
-    margin-bottom: 70px;
+  .uk-flex-first\@l {
+    order: -1;
   }
-  * + .uk-margin-large {
-    margin-top: 70px;
+  .uk-flex-last\@l {
+    order: 99;
   }
-  .uk-margin-xlarge {
-    margin-bottom: 140px;
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-flex-first\@xl {
+    order: -1;
   }
-  * + .uk-margin-xlarge {
-    margin-top: 140px;
+  .uk-flex-last\@xl {
+    order: 99;
   }
 }
+/* Item dimensions
+ ========================================================================== */
 /*
- * Auto
+ * Initial: 0 1 auto
+ * Content dimensions, but shrinks
  */
-.uk-margin-auto-vertical {
-  margin-top: auto;
-  margin-bottom: auto;
+.uk-flex-initial {
+  flex: initial;
 }
-.uk-margin-auto-vertical-gap {
-  margin-bottom: auto;
+/*
+ * No Flex: 0 0 auto
+ * Content dimensions
+ */
+.uk-flex-none {
+  flex: none;
 }
-* + .uk-margin-auto-vertical-gap {
-  margin-top: auto;
+/*
+ * Relative Flex: 1 1 auto
+ * Space is allocated considering content
+ */
+.uk-flex-auto {
+  flex: auto;
 }
-.uk-margin-auto {
-  margin-left: auto;
-  margin-right: auto;
+/*
+ * Absolute Flex: 1 1 0%
+ * Space is allocated solely based on flex
+ */
+.uk-flex-1 {
+  flex: 1;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
-  .uk-margin-auto\@s {
-    margin-left: auto;
-    margin-right: auto;
+  .uk-flex-initial\@s {
+    flex: initial;
+  }
+  .uk-flex-none\@s {
+    flex: none;
+  }
+  .uk-flex-1\@s {
+    flex: 1;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
-  .uk-margin-auto\@m {
-    margin-left: auto;
-    margin-right: auto;
+  .uk-flex-initial\@m {
+    flex: initial;
+  }
+  .uk-flex-none\@m {
+    flex: none;
+  }
+  .uk-flex-1\@m {
+    flex: 1;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-margin-auto\@l {
-    margin-left: auto;
-    margin-right: auto;
+  .uk-flex-initial\@l {
+    flex: initial;
+  }
+  .uk-flex-none\@l {
+    flex: none;
+  }
+  .uk-flex-1\@l {
+    flex: 1;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
-  .uk-margin-auto\@xl {
-    margin-left: auto;
-    margin-right: auto;
+  .uk-flex-initial\@xl {
+    flex: initial;
+  }
+  .uk-flex-none\@xl {
+    flex: none;
+  }
+  .uk-flex-1\@xl {
+    flex: 1;
   }
 }
+/* ========================================================================
+   Component: Margin
+ ========================================================================== */
 /*
- * Remove
+ * Default
  */
-.uk-margin-remove {
-  margin: 0;
+.uk-margin {
+  margin-bottom: 20px;
 }
-.uk-margin-remove-vertical {
-  margin-top: 0;
-  margin-bottom: 0;
+* + .uk-margin {
+  margin-top: 20px !important;
 }
-/* One direction
- ========================================================================== */
-/*
- * Sizes
- */
 .uk-margin-top {
-  margin-top: 20px;
+  margin-top: 20px !important;
 }
 .uk-margin-bottom {
-  margin-bottom: 20px;
+  margin-bottom: 20px !important;
 }
 .uk-margin-left {
-  margin-left: 20px;
+  margin-left: 20px !important;
 }
 .uk-margin-right {
-  margin-right: 20px;
+  margin-right: 20px !important;
+}
+/* XSmall
+ ========================================================================== */
+.uk-margin-xsmall {
+  margin-bottom: 5px;
+}
+* + .uk-margin-xsmall {
+  margin-top: 5px !important;
 }
 .uk-margin-xsmall-top {
-  margin-top: 5px;
+  margin-top: 5px !important;
 }
 .uk-margin-xsmall-bottom {
-  margin-bottom: 5px;
+  margin-bottom: 5px !important;
 }
 .uk-margin-xsmall-left {
-  margin-left: 5px;
+  margin-left: 5px !important;
 }
 .uk-margin-xsmall-right {
-  margin-right: 5px;
+  margin-right: 5px !important;
+}
+/* Small
+ ========================================================================== */
+.uk-margin-small {
+  margin-bottom: 10px;
+}
+* + .uk-margin-small {
+  margin-top: 10px !important;
 }
 .uk-margin-small-top {
-  margin-top: 10px;
+  margin-top: 10px !important;
 }
 .uk-margin-small-bottom {
-  margin-bottom: 10px;
+  margin-bottom: 10px !important;
 }
 .uk-margin-small-left {
-  margin-left: 10px;
+  margin-left: 10px !important;
 }
 .uk-margin-small-right {
-  margin-right: 10px;
+  margin-right: 10px !important;
+}
+/* Medium
+ ========================================================================== */
+.uk-margin-medium {
+  margin-bottom: 40px;
+}
+* + .uk-margin-medium {
+  margin-top: 40px !important;
 }
 .uk-margin-medium-top {
-  margin-top: 40px;
+  margin-top: 40px !important;
 }
 .uk-margin-medium-bottom {
-  margin-bottom: 40px;
+  margin-bottom: 40px !important;
 }
 .uk-margin-medium-left {
-  margin-left: 40px;
+  margin-left: 40px !important;
 }
 .uk-margin-medium-right {
-  margin-right: 40px;
+  margin-right: 40px !important;
+}
+/* Large
+ ========================================================================== */
+.uk-margin-large {
+  margin-bottom: 40px;
+}
+* + .uk-margin-large {
+  margin-top: 40px !important;
 }
 .uk-margin-large-top {
-  margin-top: 40px;
+  margin-top: 40px !important;
 }
 .uk-margin-large-bottom {
-  margin-bottom: 40px;
+  margin-bottom: 40px !important;
 }
 .uk-margin-large-left {
-  margin-left: 40px;
+  margin-left: 40px !important;
 }
 .uk-margin-large-right {
-  margin-right: 40px;
+  margin-right: 40px !important;
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-margin-large {
+    margin-bottom: 70px;
+  }
+  * + .uk-margin-large {
+    margin-top: 70px !important;
+  }
+  .uk-margin-large-top {
+    margin-top: 70px !important;
+  }
+  .uk-margin-large-bottom {
+    margin-bottom: 70px !important;
+  }
+  .uk-margin-large-left {
+    margin-left: 70px !important;
+  }
+  .uk-margin-large-right {
+    margin-right: 70px !important;
+  }
+}
+/* XLarge
+ ========================================================================== */
+.uk-margin-xlarge {
+  margin-bottom: 70px;
+}
+* + .uk-margin-xlarge {
+  margin-top: 70px !important;
 }
 .uk-margin-xlarge-top {
-  margin-top: 70px;
+  margin-top: 70px !important;
 }
 .uk-margin-xlarge-bottom {
-  margin-bottom: 70px;
+  margin-bottom: 70px !important;
 }
 .uk-margin-xlarge-left {
-  margin-left: 70px;
+  margin-left: 70px !important;
 }
 .uk-margin-xlarge-right {
-  margin-right: 70px;
+  margin-right: 70px !important;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-margin-large-top {
-    margin-top: 70px;
-  }
-  .uk-margin-large-bottom {
-    margin-bottom: 70px;
-  }
-  .uk-margin-large-left {
-    margin-left: 70px;
+  .uk-margin-xlarge {
+    margin-bottom: 140px;
   }
-  .uk-margin-large-right {
-    margin-right: 70px;
+  * + .uk-margin-xlarge {
+    margin-top: 140px !important;
   }
   .uk-margin-xlarge-top {
-    margin-top: 140px;
+    margin-top: 140px !important;
   }
   .uk-margin-xlarge-bottom {
-    margin-bottom: 140px;
+    margin-bottom: 140px !important;
   }
   .uk-margin-xlarge-left {
-    margin-left: 140px;
+    margin-left: 140px !important;
   }
   .uk-margin-xlarge-right {
-    margin-right: 140px;
+    margin-right: 140px !important;
   }
 }
-/*
- * Auto
- */
+/* Auto
+ ========================================================================== */
+.uk-margin-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
 .uk-margin-auto-top {
-  margin-top: auto;
+  margin-top: auto !important;
 }
 .uk-margin-auto-bottom {
-  margin-bottom: auto;
+  margin-bottom: auto !important;
 }
 .uk-margin-auto-left {
-  margin-left: auto;
+  margin-left: auto !important;
 }
 .uk-margin-auto-right {
-  margin-right: auto;
+  margin-right: auto !important;
+}
+.uk-margin-auto-vertical {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
+  .uk-margin-auto\@s {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
   .uk-margin-auto-left\@s {
-    margin-left: auto;
+    margin-left: auto !important;
   }
   .uk-margin-auto-right\@s {
-    margin-right: auto;
+    margin-right: auto !important;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
+  .uk-margin-auto\@m {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
   .uk-margin-auto-left\@m {
-    margin-left: auto;
+    margin-left: auto !important;
   }
   .uk-margin-auto-right\@m {
-    margin-right: auto;
+    margin-right: auto !important;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
+  .uk-margin-auto\@l {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
   .uk-margin-auto-left\@l {
-    margin-left: auto;
+    margin-left: auto !important;
   }
   .uk-margin-auto-right\@l {
-    margin-right: auto;
+    margin-right: auto !important;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
+  .uk-margin-auto\@xl {
+    margin-left: auto !important;
+    margin-right: auto !important;
+  }
   .uk-margin-auto-left\@xl {
-    margin-left: auto;
+    margin-left: auto !important;
   }
   .uk-margin-auto-right\@xl {
-    margin-right: auto;
+    margin-right: auto !important;
   }
 }
-/*
- * Remove
- */
+/* Remove
+ ========================================================================== */
+.uk-margin-remove {
+  margin: 0 !important;
+}
 .uk-margin-remove-top {
-  margin-top: 0;
+  margin-top: 0 !important;
 }
 .uk-margin-remove-bottom {
-  margin-bottom: 0;
+  margin-bottom: 0 !important;
 }
 .uk-margin-remove-left {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .uk-margin-remove-right {
-  margin-right: 0;
+  margin-right: 0 !important;
+}
+.uk-margin-remove-vertical {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
 }
 .uk-margin-remove-adjacent + *,
 .uk-margin-remove-first-child > :first-child {
-  margin-top: 0;
+  margin-top: 0 !important;
 }
 .uk-margin-remove-last-child > :last-child {
-  margin-bottom: 0;
+  margin-bottom: 0 !important;
 }
 /* Phone landscape and bigger */
 @media (min-width: 640px) {
   .uk-margin-remove-left\@s {
-    margin-left: 0;
+    margin-left: 0 !important;
   }
   .uk-margin-remove-right\@s {
-    margin-right: 0;
+    margin-right: 0 !important;
   }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
   .uk-margin-remove-left\@m {
-    margin-left: 0;
+    margin-left: 0 !important;
   }
   .uk-margin-remove-right\@m {
-    margin-right: 0;
+    margin-right: 0 !important;
   }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
   .uk-margin-remove-left\@l {
-    margin-left: 0;
+    margin-left: 0 !important;
   }
   .uk-margin-remove-right\@l {
-    margin-right: 0;
+    margin-right: 0 !important;
   }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
   .uk-margin-remove-left\@xl {
-    margin-left: 0;
+    margin-left: 0 !important;
   }
   .uk-margin-remove-right\@xl {
-    margin-right: 0;
+    margin-right: 0 !important;
   }
 }
-/*
- * Trim
- */
-.uk-margin-trim-block > :first-child {
-  margin-top: 0;
-}
-.uk-margin-trim-block > :last-child {
-  margin-bottom: 0;
-}
 /* ========================================================================
    Component: Padding
  ========================================================================== */
@@ -9423,41 +9114,227 @@ iframe[data-uk-cover] {
 .uk-padding-small {
   padding: 15px;
 }
-/* Large
+/* Large
+ ========================================================================== */
+.uk-padding-large {
+  padding: 40px;
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-padding-large {
+    padding: 70px;
+  }
+}
+/* Remove
+ ========================================================================== */
+.uk-padding-remove {
+  padding: 0 !important;
+}
+.uk-padding-remove-top {
+  padding-top: 0 !important;
+}
+.uk-padding-remove-bottom {
+  padding-bottom: 0 !important;
+}
+.uk-padding-remove-left {
+  padding-left: 0 !important;
+}
+.uk-padding-remove-right {
+  padding-right: 0 !important;
+}
+.uk-padding-remove-vertical {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.uk-padding-remove-horizontal {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+/* ========================================================================
+   Component: Position
+ ========================================================================== */
+:root {
+  --uk-position-margin-offset: 0px;
+}
+/* Directions
+ ========================================================================== */
+/*
+ * 1. Prevent content overflow.
+ */
+[class*="uk-position-top"],
+[class*="uk-position-bottom"],
+[class*="uk-position-left"],
+[class*="uk-position-right"],
+[class*="uk-position-center"] {
+  position: absolute !important;
+  /* 1 */
+  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
+  box-sizing: border-box;
+}
+/*
+ * Edges
+ * Don't use `width: 100%` because it's wrong if the parent has padding.
+ */
+.uk-position-top {
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.uk-position-bottom {
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.uk-position-left {
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.uk-position-right {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+/*
+ * Corners
+ */
+.uk-position-top-left {
+  top: 0;
+  left: 0;
+}
+.uk-position-top-right {
+  top: 0;
+  right: 0;
+}
+.uk-position-bottom-left {
+  bottom: 0;
+  left: 0;
+}
+.uk-position-bottom-right {
+  bottom: 0;
+  right: 0;
+}
+/*
+ * Center
+ * 1. Fix text wrapping if content is larger than 50% of the container.
+ *    Using `max-content` requires `max-width` of 100% which is set generally.
+ */
+.uk-position-center {
+  top: calc(50% - var(--uk-position-margin-offset));
+  left: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-x: -50%;
+  --uk-position-translate-y: -50%;
+  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
+  /* 1 */
+  width: max-content;
+}
+/* Vertical */
+[class*="uk-position-center-left"],
+[class*="uk-position-center-right"],
+.uk-position-center-vertical {
+  top: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-y: -50%;
+  transform: translate(0, var(--uk-position-translate-y));
+}
+.uk-position-center-left {
+  left: 0;
+}
+.uk-position-center-right {
+  right: 0;
+}
+.uk-position-center-vertical {
+  left: 0;
+  right: 0;
+}
+.uk-position-center-left-out {
+  right: 100%;
+  width: max-content;
+}
+.uk-position-center-right-out {
+  left: 100%;
+  width: max-content;
+}
+/* Horizontal */
+.uk-position-top-center,
+.uk-position-bottom-center,
+.uk-position-center-horizontal {
+  left: calc(50% - var(--uk-position-margin-offset));
+  --uk-position-translate-x: -50%;
+  transform: translate(var(--uk-position-translate-x), 0);
+  /* 1 */
+  width: max-content;
+}
+.uk-position-top-center {
+  top: 0;
+}
+.uk-position-bottom-center {
+  bottom: 0;
+}
+.uk-position-center-horizontal {
+  top: 0;
+  bottom: 0;
+}
+/*
+ * Cover
+ */
+.uk-position-cover {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+/* Margin
  ========================================================================== */
-.uk-padding-large {
-  padding: 40px;
+.uk-position-small {
+  margin: 15px;
+  --uk-position-margin-offset: 15px;
+}
+.uk-position-medium {
+  margin: 30px;
+  --uk-position-margin-offset: 30px;
+}
+.uk-position-large {
+  margin: 30px;
+  --uk-position-margin-offset: 30px;
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
-  .uk-padding-large {
-    padding: 70px;
+  .uk-position-large {
+    margin: 50px;
+    --uk-position-margin-offset: 50px;
   }
 }
-/* Remove
+/* Schemes
  ========================================================================== */
-.uk-padding-remove {
-  padding: 0;
+.uk-position-relative {
+  position: relative  !important;
 }
-.uk-padding-remove-top {
-  padding-top: 0;
+.uk-position-absolute {
+  position: absolute  !important;
 }
-.uk-padding-remove-bottom {
-  padding-bottom: 0;
+.uk-position-fixed {
+  position: fixed  !important;
 }
-.uk-padding-remove-left {
-  padding-left: 0;
+.uk-position-sticky {
+  position: sticky  !important;
 }
-.uk-padding-remove-right {
-  padding-right: 0;
+/* Layer
+ ========================================================================== */
+.uk-position-z-index {
+  z-index: 1;
 }
-.uk-padding-remove-vertical {
-  padding-top: 0;
-  padding-bottom: 0;
+.uk-position-z-index-zero {
+  z-index: 0;
 }
-.uk-padding-remove-horizontal {
-  padding-left: 0;
-  padding-right: 0;
+.uk-position-z-index-negative {
+  z-index: -1;
+}
+.uk-position-z-index-high {
+  z-index: 990;
+}
+.uk-position-z-index-highest {
+  z-index: 1060;
 }
 /* ========================================================================
    Component: Transition
@@ -9679,9 +9556,9 @@ iframe[data-uk-cover] {
  *    Using `tabindex="-1"` will show the element on touch devices.
  *    Note: `clip-path` doesn't work with `tabindex` on touch devices.
  */
-.uk-hidden-visually:not(:focus, :active, :focus-within),
-.uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-visible, :has(:focus-visible)),
-.uk-visible-toggle:not(:hover, :focus) .uk-hidden-hover:not(:focus-within) {
+.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
+.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
+.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
   /* 1 */
   position: absolute !important;
   /* 2 */
@@ -9697,7 +9574,7 @@ iframe[data-uk-cover] {
  * Hide element without shrinking its dimension.
  * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
  */
-.uk-visible-toggle:not(:hover, :focus) .uk-invisible-hover:not(:focus-within) {
+.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
   opacity: 0 !important;
 }
 /* Based on Hover Capability of the Pointing Device
@@ -10902,17 +10779,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-textarea::placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
-.uk-light .uk-select:not([multiple], [size]),
-.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
-.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
-.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
-.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple], [size]),
-.uk-card-primary.uk-card-body .uk-select:not([multiple], [size]),
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
-.uk-card-secondary.uk-card-body .uk-select:not([multiple], [size]),
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple], [size]),
-.uk-overlay-primary .uk-select:not([multiple], [size]),
-.uk-offcanvas-bar .uk-select:not([multiple], [size]) {
+.uk-light .uk-select:not([multiple]):not([size]),
+.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
+.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
+.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
+.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
+.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]),
+.uk-overlay-primary .uk-select:not([multiple]):not([size]),
+.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
 }
 .uk-light .uk-input[list]:hover,
@@ -11106,202 +10983,20 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-card-secondary.uk-card-body .uk-form-icon,
 .uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon,
 .uk-overlay-primary .uk-form-icon,
-.uk-offcanvas-bar .uk-form-icon {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-form-icon:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
-.uk-card-primary.uk-card-body .uk-form-icon:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
-.uk-card-secondary.uk-card-body .uk-form-icon:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
-.uk-overlay-primary .uk-form-icon:hover,
-.uk-offcanvas-bar .uk-form-icon:hover {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-overlay-primary .uk-search-input,
-.uk-offcanvas-bar .uk-search-input {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-search-input::placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-card-primary.uk-card-body .uk-search-input::placeholder,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
-.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
-.uk-overlay-primary .uk-search-input::placeholder,
-.uk-offcanvas-bar .uk-search-input::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-overlay-primary .uk-search .uk-search-icon,
-.uk-offcanvas-bar .uk-search .uk-search-icon {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
-.uk-overlay-primary .uk-search .uk-search-icon:hover,
-.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-default .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
-.uk-overlay-primary .uk-search-default .uk-search-input,
-.uk-offcanvas-bar .uk-search-default .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-default .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
-.uk-overlay-primary .uk-search-default .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-navbar .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
-.uk-overlay-primary .uk-search-navbar .uk-search-input,
-.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-navbar .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
-.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-medium .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
-.uk-overlay-primary .uk-search-medium .uk-search-input,
-.uk-offcanvas-bar .uk-search-medium .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-medium .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
-.uk-overlay-primary .uk-search-medium .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-large .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
-.uk-overlay-primary .uk-search-large .uk-search-input,
-.uk-offcanvas-bar .uk-search-large .uk-search-input {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-search-large .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
-.uk-overlay-primary .uk-search-large .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-.uk-light .uk-search-toggle,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-card-primary.uk-card-body .uk-search-toggle,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-card-secondary.uk-card-body .uk-search-toggle,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-overlay-primary .uk-search-toggle,
-.uk-offcanvas-bar .uk-search-toggle {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-card-primary.uk-card-body .uk-search-toggle:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-overlay-primary .uk-search-toggle:hover,
-.uk-offcanvas-bar .uk-search-toggle:hover {
+.uk-offcanvas-bar .uk-form-icon {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-form-icon:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
+.uk-card-primary.uk-card-body .uk-form-icon:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
+.uk-card-secondary.uk-card-body .uk-form-icon:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover,
+.uk-overlay-primary .uk-form-icon:hover,
+.uk-offcanvas-bar .uk-form-icon:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 .uk-light .uk-button-default,
@@ -11675,6 +11370,188 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-article-meta {
   color: rgba(255, 255, 255, 0.5);
 }
+.uk-light .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
+.uk-overlay-primary .uk-search-input,
+.uk-offcanvas-bar .uk-search-input {
+  color: rgba(255, 255, 255, 0.7);
+}
+.uk-light .uk-search-input::placeholder,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
+.uk-card-primary.uk-card-body .uk-search-input::placeholder,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
+.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
+.uk-overlay-primary .uk-search-input::placeholder,
+.uk-offcanvas-bar .uk-search-input::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search .uk-search-icon,
+.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
+.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
+.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
+.uk-overlay-primary .uk-search .uk-search-icon,
+.uk-offcanvas-bar .uk-search .uk-search-icon {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search .uk-search-icon:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
+.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
+.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover,
+.uk-overlay-primary .uk-search .uk-search-icon:hover,
+.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search-default .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input,
+.uk-overlay-primary .uk-search-default .uk-search-input,
+.uk-offcanvas-bar .uk-search-default .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-default .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus,
+.uk-overlay-primary .uk-search-default .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-navbar .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
+.uk-overlay-primary .uk-search-navbar .uk-search-input,
+.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-navbar .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
+.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-medium .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
+.uk-overlay-primary .uk-search-medium .uk-search-input,
+.uk-offcanvas-bar .uk-search-medium .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-medium .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input:focus,
+.uk-overlay-primary .uk-search-medium .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-large .uk-search-input,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
+.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
+.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input,
+.uk-overlay-primary .uk-search-large .uk-search-input,
+.uk-offcanvas-bar .uk-search-large .uk-search-input {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.uk-light .uk-search-large .uk-search-input:focus,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,
+.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
+.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input:focus,
+.uk-overlay-primary .uk-search-large .uk-search-input:focus,
+.uk-offcanvas-bar .uk-search-large .uk-search-input:focus {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+.uk-light .uk-search-toggle,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
+.uk-card-primary.uk-card-body .uk-search-toggle,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
+.uk-card-secondary.uk-card-body .uk-search-toggle,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
+.uk-overlay-primary .uk-search-toggle,
+.uk-offcanvas-bar .uk-search-toggle {
+  color: rgba(255, 255, 255, 0.5);
+}
+.uk-light .uk-search-toggle:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
+.uk-card-primary.uk-card-body .uk-search-toggle:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
+.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
+.uk-overlay-primary .uk-search-toggle:hover,
+.uk-offcanvas-bar .uk-search-toggle:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
 .uk-light .uk-accordion-default .uk-accordion-title,
 .uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
 .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
@@ -11753,17 +11630,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
   border-left-color: rgba(255, 255, 255, 0.2);
 }
-.uk-light .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-overlay-primary .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before,
-.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > :not(.uk-first-row)::before {
+.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
+.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
   border-top-color: rgba(255, 255, 255, 0.2);
 }
 .uk-light .uk-nav-default > li > a,
@@ -12611,58 +12488,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
   background-color: rgba(255, 255, 255, 0.9);
 }
-.uk-light .uk-logo,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-card-primary.uk-card-body .uk-logo,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-card-secondary.uk-card-body .uk-logo,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-overlay-primary .uk-logo,
-.uk-offcanvas-bar .uk-logo {
-  color: #fff;
-}
-.uk-light .uk-logo:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-card-primary.uk-card-body .uk-logo:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-card-secondary.uk-card-body .uk-logo:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-overlay-primary .uk-logo:hover,
-.uk-offcanvas-bar .uk-logo:hover {
-  color: #fff;
-}
-.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]),
-.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse:not([uk-svg])), .uk-logo-inverse, [uk-svg]) {
-  display: none;
-}
-.uk-light .uk-logo-inverse:not([uk-svg]),
-.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse:not([uk-svg]),
-.uk-card-primary.uk-card-body .uk-logo-inverse:not([uk-svg]),
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
-.uk-card-secondary.uk-card-body .uk-logo-inverse:not([uk-svg]),
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse:not([uk-svg]),
-.uk-overlay-primary .uk-logo-inverse:not([uk-svg]),
-.uk-offcanvas-bar .uk-logo-inverse:not([uk-svg]) {
-  display: block;
-}
 .uk-light .uk-text-lead,
 .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
 .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
@@ -12754,6 +12579,58 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
 .uk-offcanvas-bar .uk-column-divider {
   column-rule-color: rgba(255, 255, 255, 0.2);
 }
+.uk-light .uk-logo,
+.uk-section-primary:not(.uk-preserve-color) .uk-logo,
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
+.uk-card-primary.uk-card-body .uk-logo,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
+.uk-card-secondary.uk-card-body .uk-logo,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
+.uk-overlay-primary .uk-logo,
+.uk-offcanvas-bar .uk-logo {
+  color: #fff;
+}
+.uk-light .uk-logo:hover,
+.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
+.uk-card-primary.uk-card-body .uk-logo:hover,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
+.uk-card-secondary.uk-card-body .uk-logo:hover,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
+.uk-overlay-primary .uk-logo:hover,
+.uk-offcanvas-bar .uk-logo:hover {
+  color: #fff;
+}
+.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
+.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
+  display: none;
+}
+.uk-light .uk-logo-inverse,
+.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
+.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
+.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
+.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
+.uk-card-primary.uk-card-body .uk-logo-inverse,
+.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
+.uk-card-secondary.uk-card-body .uk-logo-inverse,
+.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
+.uk-overlay-primary .uk-logo-inverse,
+.uk-offcanvas-bar .uk-logo-inverse {
+  display: block;
+}
 /*
  * Pass dropbar behind color to JS
  */