npm - @public-ui/components - Versions diffs - 4.5.0-rc.8 → 4.5.0 - Mend

@public-ui/components 4.5.0-rc.8 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (503) hide show

package/dist/collection/components/breadcrumb/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button-link/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/card/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/combobox/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/details/style.css CHANGED Viewed

@@ -296,8 +296,8 @@
  */
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/dialog/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/drawer/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/form/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/icon/style.css CHANGED Viewed

@@ -1,7 +1,7 @@
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-checkbox/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-color/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-date/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-email/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-file/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-number/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-password/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-radio/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-range/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-text/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/link/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/link-button/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/modal/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/nav/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/pagination/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/popover-button/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/select/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/single-select/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/skip-nav/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/split-button/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/table-stateful/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/table-stateless/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/tabs/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/textarea/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/toaster/style.css CHANGED Viewed

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/toolbar/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/tree-item/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/version/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
-  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791544630279"); /* IE9*/
+  src: url("kolicons.eot?t=1791544630279#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791544630279") format("woff2"), url("kolicons.woff?t=1791544630279") format("woff"), url("kolicons.ttf?t=1791544630279") format("truetype"), url("kolicons.svg?t=1791544630279#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/components/kol-accordion.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { o as openProp } from './open.js';
 import { c as createUniqueId, a as createRelatedUniqueId } from './dev.utils.js';
 import { c as createCtaRef, d as delegateFocus, a as delegateClick } from './element-interaction.js';
-const defaultStyleCss = "@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n/*\n * Base styles for a collapsible built on `<details>`/`<summary>`: `kol-accordion` and `kol-details`\n * render the same DOM under their own block, so each includes this mixin with its block name.\n *\n * The transition duration comes from the theme's `collapsibleTransitionMs` feature flag, which the\n * component writes to `--collapsible-transition-duration` on `<details>`.\n */\n@font-face {\n  font-family: \"kolicons\";\n  src: url(\"kolicons.eot?t=1791539188494\"); /* IE9*/\n  src: url(\"kolicons.eot?t=1791539188494#iefix\") format(\"embedded-opentype\"), url(\"kolicons.woff2?t=1791539188494\") format(\"woff2\"), url(\"kolicons.woff?t=1791539188494\") format(\"woff\"), url(\"kolicons.ttf?t=1791539188494\") format(\"truetype\"), url(\"kolicons.svg?t=1791539188494#kolicons\") format(\"svg\"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=\" kolicon-\"] {\n    font-family: \"kolicons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: \"\\ea01\";\n  }\n  .kolicon-alert-info::before {\n    content: \"\\ea02\";\n  }\n  .kolicon-alert-success::before {\n    content: \"\\ea03\";\n  }\n  .kolicon-alert-warning::before {\n    content: \"\\ea04\";\n  }\n  .kolicon-check::before {\n    content: \"\\ea05\";\n  }\n  .kolicon-chevron-double-left::before {\n    content: \"\\ea06\";\n  }\n  .kolicon-chevron-double-right::before {\n    content: \"\\ea07\";\n  }\n  .kolicon-chevron-down::before {\n    content: \"\\ea08\";\n  }\n  .kolicon-chevron-left::before {\n    content: \"\\ea09\";\n  }\n  .kolicon-chevron-right::before {\n    content: \"\\ea0a\";\n  }\n  .kolicon-chevron-up::before {\n    content: \"\\ea0b\";\n  }\n  .kolicon-cogwheel::before {\n    content: \"\\ea0c\";\n  }\n  .kolicon-cross::before {\n    content: \"\\ea0d\";\n  }\n  .kolicon-eye-closed::before {\n    content: \"\\ea0e\";\n  }\n  .kolicon-eye::before {\n    content: \"\\ea0f\";\n  }\n  .kolicon-house::before {\n    content: \"\\ea10\";\n  }\n  .kolicon-kolibri::before {\n    content: \"\\ea11\";\n  }\n  .kolicon-link-external::before {\n    content: \"\\ea12\";\n  }\n  .kolicon-link::before {\n    content: \"\\ea13\";\n  }\n  .kolicon-minus::before {\n    content: \"\\ea14\";\n  }\n  .kolicon-pin-pinned::before {\n    content: \"\\ea15\";\n  }\n  .kolicon-pin-unpinned::before {\n    content: \"\\ea16\";\n  }\n  .kolicon-plus::before {\n    content: \"\\ea17\";\n  }\n  .kolicon-settings::before {\n    content: \"\\ea18\";\n  }\n  .kolicon-sort-asc::before {\n    content: \"\\ea19\";\n  }\n  .kolicon-sort-desc::before {\n    content: \"\\ea1a\";\n  }\n  .kolicon-sort-neutral::before {\n    content: \"\\ea1b\";\n  }\n  .kolicon-up::before {\n    content: \"\\ea1c\";\n  }\n  .kolicon-version::before {\n    content: \"\\ea1d\";\n  }\n}\n@layer kol-component {\n  .kol-accordion {\n    /* `<summary>` is the toggle control and carries the box of the button it stands in for. */\n  }\n  .kol-accordion__heading {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    /* The `not-allowed` reset for disabled controls lives in `kol-global`, which loses to\n       `kol-component` whatever the specificity (see `_layer-order.scss`). The pointer has to\n       exclude the disabled summary itself, or it wins and a dead control looks clickable. */\n  }\n  .kol-accordion__heading:not([aria-disabled=true]) {\n    cursor: pointer;\n  }\n  .kol-accordion__heading {\n    /* Baseline box for the flex container; without it the surrounding inline flow shifts by 1px. */\n  }\n  .kol-accordion__heading::before {\n    content: \"\";\n  }\n  .kol-accordion__heading {\n    /* The heading fills the row; the label span is the flex container inside it. */\n  }\n  .kol-accordion__heading > .kol-headline {\n    display: flex;\n    flex: 1;\n    margin: 0;\n    text-align: left;\n    /* Form controls do not inherit font-weight (see `a11y.scss`); themes weight the label further in. */\n    font-weight: 400;\n  }\n  .kol-accordion__heading > .kol-headline > .kol-span {\n    flex: 1 0 100%;\n    /* `.kol-span` centres its column (`_global.scss`); the summary label is start-aligned. */\n    align-items: flex-start;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-accordion__wrapper-animation, .kol-accordion__wrapper {\n      transition: none !important;\n    }\n  }\n  .kol-accordion {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    .kol-accordion:not(.kol-accordion--open) .kol-accordion__wrapper-animation {\n      display: none;\n    }\n  }\n  .kol-accordion__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows var(--collapsible-transition-duration, 0.3s);\n  }\n  .kol-accordion__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform var(--collapsible-transition-duration, 0.3s), opacity var(--collapsible-transition-duration, 0.3s), visibility var(--collapsible-transition-duration, 0.3s);\n  }\n  .kol-accordion--open .kol-accordion__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .kol-accordion--open .kol-accordion__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .kol-accordion--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}";
+const defaultStyleCss = "@charset \"UTF-8\";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n/*\n * Base styles for a collapsible built on `<details>`/`<summary>`: `kol-accordion` and `kol-details`\n * render the same DOM under their own block, so each includes this mixin with its block name.\n *\n * The transition duration comes from the theme's `collapsibleTransitionMs` feature flag, which the\n * component writes to `--collapsible-transition-duration` on `<details>`.\n */\n@font-face {\n  font-family: \"kolicons\";\n  src: url(\"kolicons.eot?t=1791544630279\"); /* IE9*/\n  src: url(\"kolicons.eot?t=1791544630279#iefix\") format(\"embedded-opentype\"), url(\"kolicons.woff2?t=1791544630279\") format(\"woff2\"), url(\"kolicons.woff?t=1791544630279\") format(\"woff\"), url(\"kolicons.ttf?t=1791544630279\") format(\"truetype\"), url(\"kolicons.svg?t=1791544630279#kolicons\") format(\"svg\"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=\" kolicon-\"] {\n    font-family: \"kolicons\";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: \"\\ea01\";\n  }\n  .kolicon-alert-info::before {\n    content: \"\\ea02\";\n  }\n  .kolicon-alert-success::before {\n    content: \"\\ea03\";\n  }\n  .kolicon-alert-warning::before {\n    content: \"\\ea04\";\n  }\n  .kolicon-check::before {\n    content: \"\\ea05\";\n  }\n  .kolicon-chevron-double-left::before {\n    content: \"\\ea06\";\n  }\n  .kolicon-chevron-double-right::before {\n    content: \"\\ea07\";\n  }\n  .kolicon-chevron-down::before {\n    content: \"\\ea08\";\n  }\n  .kolicon-chevron-left::before {\n    content: \"\\ea09\";\n  }\n  .kolicon-chevron-right::before {\n    content: \"\\ea0a\";\n  }\n  .kolicon-chevron-up::before {\n    content: \"\\ea0b\";\n  }\n  .kolicon-cogwheel::before {\n    content: \"\\ea0c\";\n  }\n  .kolicon-cross::before {\n    content: \"\\ea0d\";\n  }\n  .kolicon-eye-closed::before {\n    content: \"\\ea0e\";\n  }\n  .kolicon-eye::before {\n    content: \"\\ea0f\";\n  }\n  .kolicon-house::before {\n    content: \"\\ea10\";\n  }\n  .kolicon-kolibri::before {\n    content: \"\\ea11\";\n  }\n  .kolicon-link-external::before {\n    content: \"\\ea12\";\n  }\n  .kolicon-link::before {\n    content: \"\\ea13\";\n  }\n  .kolicon-minus::before {\n    content: \"\\ea14\";\n  }\n  .kolicon-pin-pinned::before {\n    content: \"\\ea15\";\n  }\n  .kolicon-pin-unpinned::before {\n    content: \"\\ea16\";\n  }\n  .kolicon-plus::before {\n    content: \"\\ea17\";\n  }\n  .kolicon-settings::before {\n    content: \"\\ea18\";\n  }\n  .kolicon-sort-asc::before {\n    content: \"\\ea19\";\n  }\n  .kolicon-sort-desc::before {\n    content: \"\\ea1a\";\n  }\n  .kolicon-sort-neutral::before {\n    content: \"\\ea1b\";\n  }\n  .kolicon-up::before {\n    content: \"\\ea1c\";\n  }\n  .kolicon-version::before {\n    content: \"\\ea1d\";\n  }\n}\n@layer kol-component {\n  .kol-accordion {\n    /* `<summary>` is the toggle control and carries the box of the button it stands in for. */\n  }\n  .kol-accordion__heading {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    /* The `not-allowed` reset for disabled controls lives in `kol-global`, which loses to\n       `kol-component` whatever the specificity (see `_layer-order.scss`). The pointer has to\n       exclude the disabled summary itself, or it wins and a dead control looks clickable. */\n  }\n  .kol-accordion__heading:not([aria-disabled=true]) {\n    cursor: pointer;\n  }\n  .kol-accordion__heading {\n    /* Baseline box for the flex container; without it the surrounding inline flow shifts by 1px. */\n  }\n  .kol-accordion__heading::before {\n    content: \"\";\n  }\n  .kol-accordion__heading {\n    /* The heading fills the row; the label span is the flex container inside it. */\n  }\n  .kol-accordion__heading > .kol-headline {\n    display: flex;\n    flex: 1;\n    margin: 0;\n    text-align: left;\n    /* Form controls do not inherit font-weight (see `a11y.scss`); themes weight the label further in. */\n    font-weight: 400;\n  }\n  .kol-accordion__heading > .kol-headline > .kol-span {\n    flex: 1 0 100%;\n    /* `.kol-span` centres its column (`_global.scss`); the summary label is start-aligned. */\n    align-items: flex-start;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-accordion__wrapper-animation, .kol-accordion__wrapper {\n      transition: none !important;\n    }\n  }\n  .kol-accordion {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    .kol-accordion:not(.kol-accordion--open) .kol-accordion__wrapper-animation {\n      display: none;\n    }\n  }\n  .kol-accordion__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows var(--collapsible-transition-duration, 0.3s);\n  }\n  .kol-accordion__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform var(--collapsible-transition-duration, 0.3s), opacity var(--collapsible-transition-duration, 0.3s), visibility var(--collapsible-transition-duration, 0.3s);\n  }\n  .kol-accordion--open .kol-accordion__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .kol-accordion--open .kol-accordion__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .kol-accordion--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}";
 const KolAccordion$1 = proxyCustomElement(class KolAccordion extends BaseWebComponent {
     constructor(registerHost) {