@alfalab/core-components 48.33.3 → 48.33.4

package/filter-tag/esm/mobile/mobile.css

@@ -62,40 +62,40 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-12);
 
     /* mobile inverted */
-} .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+} .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-xxs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xxs-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-xs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xs-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-s-border-radius) 0 0
                     var(--tag-rectangular-mobile-s-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-32_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-32_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-32_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-32_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-                } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-40_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-40_ckhuf {
+                } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-40_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-40_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-                } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-48_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-48_ckhuf {
+                } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-48_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-48_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-s-border-radius);
-                } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+                } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-xxs-border-radius)
                 var(--tag-rectangular-mobile-xxs-border-radius) 0;
-        } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-xs-border-radius)
                 var(--tag-rectangular-mobile-xs-border-radius) 0;
-        } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-s-border-radius)
                 var(--tag-rectangular-mobile-s-border-radius) 0;
         }

package/filter-tag/mobile/Component.mobile.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"valueButton":"filter-tag__valueButton_1n90v","filled":"filter-tag__filled_1n90v"};
+var defaultColors = {"valueButton":"filter-tag__valueButton_qbmvu","filled":"filter-tag__filled_qbmvu"};
 require('./default.mobile.css');
 
-var invertedColors = {"valueButton":"filter-tag__valueButton_iq7vc","filled":"filter-tag__filled_iq7vc"};
+var invertedColors = {"valueButton":"filter-tag__valueButton_1uavw","filled":"filter-tag__filled_1uavw"};
 require('./inverted.mobile.css');
 
-var styles = {"component":"filter-tag__component_ckhuf","rectangular":"filter-tag__rectangular_ckhuf","size-32":"filter-tag__size-32_ckhuf","size-40":"filter-tag__size-40_ckhuf","size-48":"filter-tag__size-48_ckhuf","valueButton":"filter-tag__valueButton_ckhuf","checked":"filter-tag__checked_ckhuf","close":"filter-tag__close_ckhuf","clear":"filter-tag__clear_ckhuf"};
+var styles = {"component":"filter-tag__component_nyw09","rectangular":"filter-tag__rectangular_nyw09","size-32":"filter-tag__size-32_nyw09","size-40":"filter-tag__size-40_nyw09","size-48":"filter-tag__size-48_nyw09","valueButton":"filter-tag__valueButton_nyw09","checked":"filter-tag__checked_nyw09","close":"filter-tag__close_nyw09","clear":"filter-tag__clear_nyw09"};
 require('./mobile.css');
 
 var colorStyles = {

package/filter-tag/mobile/default.mobile.css

@@ -61,14 +61,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .filter-tag__valueButton_1n90v.filter-tag__filled_1n90v {
+} .filter-tag__valueButton_qbmvu.filter-tag__filled_qbmvu {
         background-color: var(--tag-filled-mobile-background-color)
-    } .filter-tag__valueButton_1n90v.filter-tag__filled_1n90v:disabled {
+    } .filter-tag__valueButton_qbmvu.filter-tag__filled_qbmvu:disabled {
             background-color: var(--tag-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_1n90v.filter-tag__filled_1n90v:not(:disabled):hover {
+            .filter-tag__valueButton_qbmvu.filter-tag__filled_qbmvu:not(:disabled):hover {
                 background-color: var(--tag-filled-mobile-background-color-hover);
             }
-        } .filter-tag__valueButton_1n90v.filter-tag__filled_1n90v:not(:disabled):active {
+        } .filter-tag__valueButton_qbmvu.filter-tag__filled_qbmvu:not(:disabled):active {
             background-color: var(--tag-filled-mobile-background-color-active);
         }

package/filter-tag/mobile/inverted.mobile.css

@@ -67,14 +67,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .filter-tag__valueButton_iq7vc.filter-tag__filled_iq7vc {
+} .filter-tag__valueButton_1uavw.filter-tag__filled_1uavw {
         background-color: var(--tag-inverted-filled-mobile-background-color)
-    } .filter-tag__valueButton_iq7vc.filter-tag__filled_iq7vc:disabled {
+    } .filter-tag__valueButton_1uavw.filter-tag__filled_1uavw:disabled {
             background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_iq7vc.filter-tag__filled_iq7vc:not(:disabled):hover {
+            .filter-tag__valueButton_1uavw.filter-tag__filled_1uavw:not(:disabled):hover {
                 background-color: var(--tag-inverted-filled-mobile-background-color-hover);
             }
-        } .filter-tag__valueButton_iq7vc.filter-tag__filled_iq7vc:not(:disabled):active {
+        } .filter-tag__valueButton_1uavw.filter-tag__filled_1uavw:not(:disabled):active {
             background-color: var(--tag-inverted-filled-mobile-background-color-active);
         }

package/filter-tag/mobile/mobile.css

@@ -62,40 +62,40 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-12);
 
     /* mobile inverted */
-} .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+} .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__component_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__component_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: var(--tag-rectangular-mobile-s-border-radius);
-        } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+        } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-xxs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xxs-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-xs-border-radius) 0 0
                     var(--tag-rectangular-mobile-xs-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
                 border-radius: var(--tag-rectangular-mobile-s-border-radius) 0 0
                     var(--tag-rectangular-mobile-s-border-radius);
-            } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-32_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-32_ckhuf {
+            } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-32_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-32_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-                } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-40_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-40_ckhuf {
+                } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-40_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-40_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-                } .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf:disabled.filter-tag__size-48_ckhuf, .filter-tag__valueButton_ckhuf.filter-tag__checked_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__close_ckhuf.filter-tag__size-48_ckhuf {
+                } .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09:disabled.filter-tag__size-48_nyw09, .filter-tag__valueButton_nyw09.filter-tag__checked_nyw09.filter-tag__rectangular_nyw09.filter-tag__close_nyw09.filter-tag__size-48_nyw09 {
                     border-radius: var(--tag-rectangular-mobile-s-border-radius);
-                } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-32_ckhuf {
+                } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-32_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-xxs-border-radius)
                 var(--tag-rectangular-mobile-xxs-border-radius) 0;
-        } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-40_ckhuf {
+        } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-40_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-xs-border-radius)
                 var(--tag-rectangular-mobile-xs-border-radius) 0;
-        } .filter-tag__clear_ckhuf.filter-tag__rectangular_ckhuf.filter-tag__size-48_ckhuf {
+        } .filter-tag__clear_nyw09.filter-tag__rectangular_nyw09.filter-tag__size-48_nyw09 {
             border-radius: 0 var(--tag-rectangular-mobile-s-border-radius)
                 var(--tag-rectangular-mobile-s-border-radius) 0;
         }

package/filter-tag/modern/components/base-filter-tag/Component.js

@@ -7,13 +7,13 @@ import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 import { isKeyBoardEvent } from '../../helpers/is-keyboard-event.js';
 
-const defaultColors = {"component":"filter-tag__component_luwog","disabled":"filter-tag__disabled_luwog","checked":"filter-tag__checked_luwog","chevron":"filter-tag__chevron_luwog","valueButton":"filter-tag__valueButton_luwog","outlined":"filter-tag__outlined_luwog","filled":"filter-tag__filled_luwog","clear":"filter-tag__clear_luwog"};
+const defaultColors = {"component":"filter-tag__component_is0b7","disabled":"filter-tag__disabled_is0b7","checked":"filter-tag__checked_is0b7","chevron":"filter-tag__chevron_is0b7","valueButton":"filter-tag__valueButton_is0b7","outlined":"filter-tag__outlined_is0b7","filled":"filter-tag__filled_is0b7","clear":"filter-tag__clear_is0b7"};
 require('./default.css');
 
-const commonStyles = {"component":"filter-tag__component_ymsbb","block":"filter-tag__block_ymsbb","rounded":"filter-tag__rounded_ymsbb","size-32":"filter-tag__size-32_ymsbb","size-40":"filter-tag__size-40_ymsbb","size-48":"filter-tag__size-48_ymsbb","checked":"filter-tag__checked_ymsbb","disabled":"filter-tag__disabled_ymsbb","content":"filter-tag__content_ymsbb","focused":"filter-tag__focused_ymsbb","chevron":"filter-tag__chevron_ymsbb","valueButton":"filter-tag__valueButton_ymsbb","open":"filter-tag__open_ymsbb","close":"filter-tag__close_ymsbb","withClear":"filter-tag__withClear_ymsbb","addons":"filter-tag__addons_ymsbb","clear":"filter-tag__clear_ymsbb"};
+const commonStyles = {"component":"filter-tag__component_11poo","block":"filter-tag__block_11poo","rounded":"filter-tag__rounded_11poo","size-32":"filter-tag__size-32_11poo","size-40":"filter-tag__size-40_11poo","size-48":"filter-tag__size-48_11poo","checked":"filter-tag__checked_11poo","disabled":"filter-tag__disabled_11poo","content":"filter-tag__content_11poo","focused":"filter-tag__focused_11poo","chevron":"filter-tag__chevron_11poo","valueButton":"filter-tag__valueButton_11poo","open":"filter-tag__open_11poo","close":"filter-tag__close_11poo","withClear":"filter-tag__withClear_11poo","addons":"filter-tag__addons_11poo","clear":"filter-tag__clear_11poo"};
 require('./index.css');
 
-const invertedColors = {"component":"filter-tag__component_w3ubt","disabled":"filter-tag__disabled_w3ubt","checked":"filter-tag__checked_w3ubt","chevron":"filter-tag__chevron_w3ubt","valueButton":"filter-tag__valueButton_w3ubt","outlined":"filter-tag__outlined_w3ubt","filled":"filter-tag__filled_w3ubt","clear":"filter-tag__clear_w3ubt"};
+const invertedColors = {"component":"filter-tag__component_t0xyl","disabled":"filter-tag__disabled_t0xyl","checked":"filter-tag__checked_t0xyl","chevron":"filter-tag__chevron_t0xyl","valueButton":"filter-tag__valueButton_t0xyl","outlined":"filter-tag__outlined_t0xyl","filled":"filter-tag__filled_t0xyl","clear":"filter-tag__clear_t0xyl"};
 require('./inverted.css');
 
 const colorStyles = {

package/filter-tag/modern/components/base-filter-tag/default.css

@@ -112,85 +112,85 @@
     --filter-tag-clear-before-background-color: var(--color-light-neutral-translucent-500-inverted);
 
     /* clear inverted */
-} .filter-tag__component_luwog.filter-tag__disabled_luwog {
+} .filter-tag__component_is0b7.filter-tag__disabled_is0b7 {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_luwog.filter-tag__checked_luwog:not(.filter-tag__disabled_luwog) {
+    } .filter-tag__component_is0b7.filter-tag__checked_is0b7:not(.filter-tag__disabled_is0b7) {
             background-color: var(--tag-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_luwog.filter-tag__checked_luwog:not(.filter-tag__disabled_luwog):hover {
+            .filter-tag__component_is0b7.filter-tag__checked_is0b7:not(.filter-tag__disabled_is0b7):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__component_luwog.filter-tag__checked_luwog:not(.filter-tag__disabled_luwog):active {
+        } .filter-tag__component_is0b7.filter-tag__checked_is0b7:not(.filter-tag__disabled_is0b7):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__chevron_luwog {
+        } .filter-tag__chevron_is0b7 {
     color: var(--filter-tag-chevron-color);
-} .filter-tag__valueButton_luwog {
+} .filter-tag__valueButton_is0b7 {
     color: var(--tag-text-color);
     background-color: var(--tag-outlined-background-color);
     border: var(--tag-border-width) solid var(--tag-border-color)
-} .filter-tag__valueButton_luwog:disabled > .filter-tag__chevron_luwog {
+} .filter-tag__valueButton_is0b7:disabled > .filter-tag__chevron_is0b7 {
             color: var(--filter-tag-chevron-disabled-color);
-        } .filter-tag__valueButton_luwog.filter-tag__outlined_luwog {
+        } .filter-tag__valueButton_is0b7.filter-tag__outlined_is0b7 {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_luwog.filter-tag__outlined_luwog:disabled {
+    } .filter-tag__valueButton_is0b7.filter-tag__outlined_is0b7:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_luwog.filter-tag__outlined_luwog:not(:disabled):hover {
+            .filter-tag__valueButton_is0b7.filter-tag__outlined_is0b7:not(:disabled):hover {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_luwog.filter-tag__outlined_luwog:not(:disabled):active {
+        } .filter-tag__valueButton_is0b7.filter-tag__outlined_is0b7:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_luwog.filter-tag__filled_luwog {
+        } .filter-tag__valueButton_is0b7.filter-tag__filled_is0b7 {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .filter-tag__valueButton_luwog.filter-tag__filled_luwog:disabled {
+    } .filter-tag__valueButton_is0b7.filter-tag__filled_is0b7:disabled {
             color: var(--tag-text-color-disabled);
-        } .filter-tag__valueButton_luwog.filter-tag__checked_luwog {
+        } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7 {
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked);
         border-color: var(--tag-border-color-checked)
-    } .filter-tag__valueButton_luwog.filter-tag__checked_luwog > .filter-tag__chevron_luwog {
+    } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7 > .filter-tag__chevron_is0b7 {
             color: var(--filter-tag-inverted-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_luwog.filter-tag__checked_luwog:not(:disabled):hover {
+            .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:not(:disabled):hover {
                 background-color: var(--tag-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_luwog.filter-tag__checked_luwog:not(:disabled):active {
+        } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_luwog.filter-tag__checked_luwog:not(:disabled):hover + .filter-tag__clear_luwog:before {
+            .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:not(:disabled):hover + .filter-tag__clear_is0b7:before {
                 background-color: var(--filter-tag-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_luwog.filter-tag__checked_luwog:not(:disabled):active + .filter-tag__clear_luwog:before {
+        } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:not(:disabled):active + .filter-tag__clear_is0b7:before {
             background-color: var(--filter-tag-separator-background-color-active);
-        } .filter-tag__valueButton_luwog.filter-tag__checked_luwog:disabled {
+        } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:disabled {
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled)
-        } .filter-tag__valueButton_luwog.filter-tag__checked_luwog:disabled > .filter-tag__chevron_luwog {
+        } .filter-tag__valueButton_is0b7.filter-tag__checked_is0b7:disabled > .filter-tag__chevron_is0b7 {
                 color: var(--filter-tag-chevron-disabled-color);
-            } .filter-tag__clear_luwog {
+            } .filter-tag__clear_is0b7 {
     color: var(--filter-tag-clear-color);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_luwog:before {
+} .filter-tag__clear_is0b7:before {
         background-color: var(--filter-tag-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_luwog:hover:before {
+        .filter-tag__clear_is0b7:hover:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-    } .filter-tag__clear_luwog:active:before {
+    } .filter-tag__clear_is0b7:active:before {
         background-color: var(--filter-tag-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_luwog:hover {
+        .filter-tag__clear_is0b7:hover {
             color: var(--filter-tag-clear-color-hover);
             background-color: var(--tag-background-color-checked-hover);
         }
-    } .filter-tag__clear_luwog:active {
+    } .filter-tag__clear_is0b7:active {
         color: var(--filter-tag-clear-color-active);
         background-color: var(--tag-background-color-checked-active);
     }

package/filter-tag/modern/components/base-filter-tag/index.css

@@ -92,39 +92,39 @@
     /* clear */
 
     /* clear inverted */
-} .filter-tag__component_ymsbb {
+} .filter-tag__component_11poo {
     display: flex;
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_ymsbb.filter-tag__block_ymsbb {
+} .filter-tag__component_11poo.filter-tag__block_11poo {
         width: 100%;
-    } .filter-tag__component_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-32_ymsbb {
+    } .filter-tag__component_11poo.filter-tag__rounded_11poo.filter-tag__size-32_11poo {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-40_ymsbb {
+        } .filter-tag__component_11poo.filter-tag__rounded_11poo.filter-tag__size-40_11poo {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-48_ymsbb {
+        } .filter-tag__component_11poo.filter-tag__rounded_11poo.filter-tag__size-48_11poo {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_ymsbb.filter-tag__checked_ymsbb:not(.filter-tag__disabled_ymsbb).filter-tag__size-32_ymsbb {
+        } .filter-tag__component_11poo.filter-tag__checked_11poo:not(.filter-tag__disabled_11poo).filter-tag__size-32_11poo {
             min-width: 80px;
-        } .filter-tag__component_ymsbb.filter-tag__checked_ymsbb:not(.filter-tag__disabled_ymsbb).filter-tag__size-40_ymsbb {
+        } .filter-tag__component_11poo.filter-tag__checked_11poo:not(.filter-tag__disabled_11poo).filter-tag__size-40_11poo {
             min-width: 100px;
-        } .filter-tag__component_ymsbb.filter-tag__checked_ymsbb:not(.filter-tag__disabled_ymsbb).filter-tag__size-48_ymsbb {
+        } .filter-tag__component_11poo.filter-tag__checked_11poo:not(.filter-tag__disabled_11poo).filter-tag__size-48_11poo {
             min-width: 112px;
-        } .filter-tag__content_ymsbb {
+        } .filter-tag__content_11poo {
     padding: 0 var(--gap-4);
     overflow: hidden;
     text-overflow: ellipsis;
-} .filter-tag__focused_ymsbb {
+} .filter-tag__focused_11poo {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_ymsbb {
+} .filter-tag__chevron_11poo {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
-} .filter-tag__valueButton_ymsbb {
+} .filter-tag__valueButton_11poo {
     display: flex;
     align-items: center;
     box-shadow: none;
@@ -136,18 +136,18 @@
     font-family: var(--font-family);
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: var(--gap-0)
-} .filter-tag__valueButton_ymsbb.filter-tag__block_ymsbb {
+} .filter-tag__valueButton_11poo.filter-tag__block_11poo {
         width: inherit;
         justify-content: center;
-    } .filter-tag__valueButton_ymsbb:disabled {
+    } .filter-tag__valueButton_11poo:disabled {
         cursor: var(--disabled-cursor);
-    } .filter-tag__valueButton_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-32_ymsbb {
+    } .filter-tag__valueButton_11poo.filter-tag__rounded_11poo.filter-tag__size-32_11poo {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-40_ymsbb {
+        } .filter-tag__valueButton_11poo.filter-tag__rounded_11poo.filter-tag__size-40_11poo {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-48_ymsbb {
+        } .filter-tag__valueButton_11poo.filter-tag__rounded_11poo.filter-tag__size-48_11poo {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_ymsbb.filter-tag__size-32_ymsbb {
+        } .filter-tag__valueButton_11poo.filter-tag__size-32_11poo {
         min-width: 52px;
         min-height: var(--size-xxs-height);
 
@@ -160,7 +160,7 @@
         grid-gap: var(--gap-2);
         grid-gap: var(--gap-2);
         gap: var(--gap-2);
-    } .filter-tag__valueButton_ymsbb.filter-tag__size-40_ymsbb {
+    } .filter-tag__valueButton_11poo.filter-tag__size-40_11poo {
         min-width: 64px;
         min-height: var(--size-xs-height);
 
@@ -173,7 +173,7 @@
         grid-gap: var(--gap-2);
         grid-gap: var(--gap-2);
         gap: var(--gap-2);
-    } .filter-tag__valueButton_ymsbb.filter-tag__size-48_ymsbb {
+    } .filter-tag__valueButton_11poo.filter-tag__size-48_11poo {
         min-width: 72px;
         min-height: var(--size-s-height);
 
@@ -186,44 +186,44 @@
         grid-gap: var(--gap-4);
         grid-gap: var(--gap-4);
         gap: var(--gap-4);
-    } .filter-tag__valueButton_ymsbb.filter-tag__open_ymsbb .filter-tag__chevron_ymsbb {
+    } .filter-tag__valueButton_11poo.filter-tag__open_11poo .filter-tag__chevron_11poo {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-32_ymsbb {
+    } .filter-tag__valueButton_11poo.filter-tag__checked_11poo.filter-tag__rounded_11poo.filter-tag__size-32_11poo {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-40_ymsbb {
+            } .filter-tag__valueButton_11poo.filter-tag__checked_11poo.filter-tag__rounded_11poo.filter-tag__size-40_11poo {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-48_ymsbb {
+            } .filter-tag__valueButton_11poo.filter-tag__checked_11poo.filter-tag__rounded_11poo.filter-tag__size-48_11poo {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb.filter-tag__rounded_ymsbb:disabled,
-            .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb.filter-tag__rounded_ymsbb.filter-tag__close_ymsbb {
+            } .filter-tag__valueButton_11poo.filter-tag__checked_11poo.filter-tag__rounded_11poo:disabled,
+            .filter-tag__valueButton_11poo.filter-tag__checked_11poo.filter-tag__rounded_11poo.filter-tag__close_11poo {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb:disabled {
+            } .filter-tag__valueButton_11poo.filter-tag__checked_11poo:disabled {
             border-color: var(--tag-border-color-checked-disabled);
-        } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb:not(:disabled).filter-tag__withClear_ymsbb {
+        } .filter-tag__valueButton_11poo.filter-tag__checked_11poo:not(:disabled).filter-tag__withClear_11poo {
                 border-right-width: 0
-            } .filter-tag__valueButton_ymsbb.filter-tag__checked_ymsbb:not(:disabled).filter-tag__withClear_ymsbb.filter-tag__size-48_ymsbb {
+            } .filter-tag__valueButton_11poo.filter-tag__checked_11poo:not(:disabled).filter-tag__withClear_11poo.filter-tag__size-48_11poo {
                     padding-right: var(--gap-8);
-                } .filter-tag__valueButton_ymsbb .filter-tag__addons_ymsbb {
+                } .filter-tag__valueButton_11poo .filter-tag__addons_11poo {
         display: flex;
         align-items: center;
         justify-content: center;
-    } .filter-tag__clear_ymsbb {
+    } .filter-tag__clear_11poo {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center
-} .filter-tag__clear_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-32_ymsbb {
+} .filter-tag__clear_11poo.filter-tag__rounded_11poo.filter-tag__size-32_11poo {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-40_ymsbb {
+        } .filter-tag__clear_11poo.filter-tag__rounded_11poo.filter-tag__size-40_11poo {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_ymsbb.filter-tag__rounded_ymsbb.filter-tag__size-48_ymsbb {
+        } .filter-tag__clear_11poo.filter-tag__rounded_11poo.filter-tag__size-48_11poo {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_ymsbb:before {
+        } .filter-tag__clear_11poo:before {
         content: '';
         position: absolute;
         left: var(--gap-0);
@@ -232,16 +232,16 @@
         display: block;
         width: 1px;
         transition: background-color 0.2s ease;
-    } .filter-tag__clear_ymsbb.filter-tag__size-32_ymsbb {
+    } .filter-tag__clear_11poo.filter-tag__size-32_11poo {
         padding: var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_ymsbb.filter-tag__size-32_ymsbb:before {
+    } .filter-tag__clear_11poo.filter-tag__size-32_11poo:before {
             height: 20px;
-        } .filter-tag__clear_ymsbb.filter-tag__size-40_ymsbb {
+        } .filter-tag__clear_11poo.filter-tag__size-40_11poo {
         padding: var(--gap-0) var(--gap-12)
-    } .filter-tag__clear_ymsbb.filter-tag__size-40_ymsbb:before {
+    } .filter-tag__clear_11poo.filter-tag__size-40_11poo:before {
             height: 24px;
-        } .filter-tag__clear_ymsbb.filter-tag__size-48_ymsbb {
+        } .filter-tag__clear_11poo.filter-tag__size-48_11poo {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8)
-    } .filter-tag__clear_ymsbb.filter-tag__size-48_ymsbb:before {
+    } .filter-tag__clear_11poo.filter-tag__size-48_11poo:before {
             height: 24px;
         }

package/filter-tag/modern/components/base-filter-tag/inverted.css

@@ -117,85 +117,85 @@
     --filter-tag-inverted-clear-color-hover: var(--color-light-neutral-translucent-700-hover);
     --filter-tag-inverted-clear-color-active: var(--color-light-neutral-translucent-700-press);
     --filter-tag-inverted-clear-before-background-color: var(--color-light-neutral-translucent-500);
-} .filter-tag__component_w3ubt.filter-tag__disabled_w3ubt {
+} .filter-tag__component_t0xyl.filter-tag__disabled_t0xyl {
         background-color: var(--tag-inverted-outlined-background-color-disabled);
-    } .filter-tag__component_w3ubt.filter-tag__checked_w3ubt:not(.filter-tag__disabled_w3ubt) {
+    } .filter-tag__component_t0xyl.filter-tag__checked_t0xyl:not(.filter-tag__disabled_t0xyl) {
             background-color: var(--tag-inverted-background-color-checked);
         } @media (hover: hover) {
-            .filter-tag__component_w3ubt.filter-tag__checked_w3ubt:not(.filter-tag__disabled_w3ubt):hover {
+            .filter-tag__component_t0xyl.filter-tag__checked_t0xyl:not(.filter-tag__disabled_t0xyl):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__component_w3ubt.filter-tag__checked_w3ubt:not(.filter-tag__disabled_w3ubt):active {
+        } .filter-tag__component_t0xyl.filter-tag__checked_t0xyl:not(.filter-tag__disabled_t0xyl):active {
             background-color: var(--tag-inverted-background-color-checked-active);
-        } .filter-tag__chevron_w3ubt {
+        } .filter-tag__chevron_t0xyl {
     color: var(--filter-tag-inverted-chevron-color);
-} .filter-tag__valueButton_w3ubt {
+} .filter-tag__valueButton_t0xyl {
     color: var(--tag-inverted-text-color);
     background-color: var(--tag-inverted-outlined-background-color);
     border: var(--tag-border-width) solid var(--tag-inverted-border-color)
-} .filter-tag__valueButton_w3ubt:disabled > .filter-tag__chevron_w3ubt {
+} .filter-tag__valueButton_t0xyl:disabled > .filter-tag__chevron_t0xyl {
             color: var(--filter-tag-inverted-chevron-disabled-color);
-        } .filter-tag__valueButton_w3ubt.filter-tag__outlined_w3ubt {
+        } .filter-tag__valueButton_t0xyl.filter-tag__outlined_t0xyl {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .filter-tag__valueButton_w3ubt.filter-tag__outlined_w3ubt:disabled {
+    } .filter-tag__valueButton_t0xyl.filter-tag__outlined_t0xyl:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .filter-tag__valueButton_w3ubt.filter-tag__outlined_w3ubt:not(:disabled):hover {
+            .filter-tag__valueButton_t0xyl.filter-tag__outlined_t0xyl:not(:disabled):hover {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .filter-tag__valueButton_w3ubt.filter-tag__outlined_w3ubt:not(:disabled):active {
+        } .filter-tag__valueButton_t0xyl.filter-tag__outlined_t0xyl:not(:disabled):active {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .filter-tag__valueButton_w3ubt.filter-tag__filled_w3ubt {
+        } .filter-tag__valueButton_t0xyl.filter-tag__filled_t0xyl {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .filter-tag__valueButton_w3ubt.filter-tag__filled_w3ubt:disabled {
+    } .filter-tag__valueButton_t0xyl.filter-tag__filled_t0xyl:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt {
+        } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl {
         color: var(--tag-inverted-text-color-checked);
         background-color: var(--tag-inverted-background-color-checked);
         border-color: var(--tag-inverted-border-color-checked)
-    } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt > .filter-tag__chevron_w3ubt {
+    } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl > .filter-tag__chevron_t0xyl {
             color: var(--filter-tag-chevron-color);
         } @media (hover: hover) {
-            .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:not(:disabled):hover {
+            .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:not(:disabled):hover {
                 background-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:not(:disabled):active {
+        } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:not(:disabled):active {
             background-color: var(--tag-inverted-background-color-checked-active);
         } @media (hover: hover) {
-            .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:not(:disabled):hover + .filter-tag__clear_w3ubt:before {
+            .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:not(:disabled):hover + .filter-tag__clear_t0xyl:before {
                 background-color: var(--filter-tag-inverted-separator-background-color-hover);
             }
-        } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:not(:disabled):active + .filter-tag__clear_w3ubt:before {
+        } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:not(:disabled):active + .filter-tag__clear_t0xyl:before {
             background-color: var(--filter-tag-inverted-separator-background-color-active);
-        } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:disabled {
+        } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:disabled {
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled)
-        } .filter-tag__valueButton_w3ubt.filter-tag__checked_w3ubt:disabled > .filter-tag__chevron_w3ubt {
+        } .filter-tag__valueButton_t0xyl.filter-tag__checked_t0xyl:disabled > .filter-tag__chevron_t0xyl {
                 color: var(--filter-tag-inverted-chevron-disabled-color);
-            } .filter-tag__clear_w3ubt {
+            } .filter-tag__clear_t0xyl {
     color: var(--filter-tag-inverted-clear-color);
     background-color: var(--tag-inverted-background-color-checked)
-} .filter-tag__clear_w3ubt:before {
+} .filter-tag__clear_t0xyl:before {
         background-color: var(--filter-tag-inverted-clear-before-background-color);
     } @media (hover: hover) {
-        .filter-tag__clear_w3ubt:hover:before {
+        .filter-tag__clear_t0xyl:hover:before {
             background-color: var(--filter-tag-inverted-separator-background-color-hover);
         }
-    } .filter-tag__clear_w3ubt:active:before {
+    } .filter-tag__clear_t0xyl:active:before {
         background-color: var(--filter-tag-inverted-separator-background-color-active);
     } @media (hover: hover) {
-        .filter-tag__clear_w3ubt:hover {
+        .filter-tag__clear_t0xyl:hover {
             color: var(--filter-tag-inverted-clear-color-hover);
             background-color: var(--tag-inverted-background-color-checked-hover);
         }
-    } .filter-tag__clear_w3ubt:active {
+    } .filter-tag__clear_t0xyl:active {
         color: var(--filter-tag-inverted-clear-color-active);
         background-color: var(--tag-inverted-background-color-checked-active);
     }