@preply/ds-web-lib 1.4.1 → 1.4.2

package/dist/assets/AlertDialog.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025 12:55:27 GMT+0000 (Coordinated Universal Time) */
-@-webkit-keyframes _overlayShow_n5pax_1 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
+@-webkit-keyframes _overlayShow_1mmht_1 {
   from {
     opacity: 0;
   }
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _overlayShow_n5pax_1 {
+@keyframes _overlayShow_1mmht_1 {
   from {
     opacity: 0;
   }
@@ -16,7 +16,7 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes _contentShow_n5pax_1 {
+@-webkit-keyframes _contentShow_1mmht_1 {
   from {
     opacity: 0;
     -webkit-transform: translateY(var(--590b8d));
@@ -28,7 +28,7 @@
             transform: translateY(0);
   }
 }
-@keyframes _contentShow_n5pax_1 {
+@keyframes _contentShow_1mmht_1 {
   from {
     opacity: 0;
     -webkit-transform: translateY(var(--590b8d));
@@ -40,7 +40,7 @@
             transform: translateY(0);
   }
 }
-._overlay_n5pax_21 {
+._overlay_1mmht_21 {
   background-color: var(--02a0d5);
   position: fixed;
   top: 0;
@@ -49,12 +49,12 @@
   left: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._overlay_n5pax_21[data-state='open'] {
-    -webkit-animation: _overlayShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
-            animation: _overlayShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  ._overlay_1mmht_21[data-state='open'] {
+    -webkit-animation: _overlayShow_1mmht_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
+            animation: _overlayShow_1mmht_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
-._content_n5pax_31 {
+._content_1mmht_31 {
   background-color: var(--3546c3);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -83,18 +83,18 @@
   gap: var(--558c4c);
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._content_n5pax_31[data-state='open'] {
-    -webkit-animation: _contentShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
-            animation: _contentShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  ._content_1mmht_31[data-state='open'] {
+    -webkit-animation: _contentShow_1mmht_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
+            animation: _contentShow_1mmht_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
-._description_n5pax_52 {
+._description_1mmht_52 {
   font-size: var(--9c8f04);
   font-weight: var(--1bc44d);
   line-height: var(--3dd5bc);
   margin: 0;
 }
-._actions_n5pax_58 {
+._actions_1mmht_58 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -105,7 +105,7 @@
   gap: var(--558c4c);
 }
 @media (min-width: 400px) {
-  ._actions_n5pax_58 {
+  ._actions_1mmht_58 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;

package/dist/assets/Avatar.css

@@ -1,317 +1,317 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025 12:55:23 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025 12:55:27 GMT+0000 (Coordinated Universal Time) */
-._Avatar_s1305_4 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
+._Avatar_15qvu_4 {
   display: inline-block;
 }
-._Avatar_s1305_4 img {
+._Avatar_15qvu_4 img {
   vertical-align: bottom;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: var(--dad9ec);
 }
-._Avatar--size-2xs_s1305_12 img {
+._Avatar--size-2xs_15qvu_12 img {
   width: var(--d51f41);
   height: var(--d51f41);
 }
-._Avatar--size-xs_s1305_16 img {
+._Avatar--size-xs_15qvu_16 img {
   width: var(--cfdb4f);
   height: var(--cfdb4f);
 }
-._Avatar--size-s_s1305_20 img {
+._Avatar--size-s_15qvu_20 img {
   width: var(--2dafbf);
   height: var(--2dafbf);
 }
-._Avatar--size-m_s1305_24 img {
+._Avatar--size-m_15qvu_24 img {
   width: var(--b51334);
   height: var(--b51334);
 }
-._Avatar--size-l_s1305_28 img {
+._Avatar--size-l_15qvu_28 img {
   width: var(--d318a5);
   height: var(--d318a5);
 }
-._Avatar--size-xl_s1305_32 img {
+._Avatar--size-xl_15qvu_32 img {
   width: var(--6eb1c7);
   height: var(--6eb1c7);
 }
-._Avatar--size-24_s1305_36 img {
+._Avatar--size-24_15qvu_36 img {
   width: var(--86aa8e);
   height: var(--86aa8e);
 }
-._Avatar--size-32_s1305_40 img {
+._Avatar--size-32_15qvu_40 img {
   width: var(--32bbec);
   height: var(--32bbec);
 }
-._Avatar--size-48_s1305_44 img {
+._Avatar--size-48_15qvu_44 img {
   width: var(--950ab5);
   height: var(--950ab5);
 }
-._Avatar--size-64_s1305_48 img {
+._Avatar--size-64_15qvu_48 img {
   width: var(--cc5dc7);
   height: var(--cc5dc7);
 }
-._Avatar--size-96_s1305_52 img {
+._Avatar--size-96_15qvu_52 img {
   width: var(--796da2);
   height: var(--796da2);
 }
-._Avatar--size-160_s1305_56 img {
+._Avatar--size-160_15qvu_56 img {
   width: var(--329ba7);
   height: var(--329ba7);
 }
 @media (min-width: 400px) {
-  ._Avatar--narrow-l--size-2xs_s1305_61 img {
+  ._Avatar--narrow-l--size-2xs_15qvu_61 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--narrow-l--size-xs_s1305_65 img {
+  ._Avatar--narrow-l--size-xs_15qvu_65 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--narrow-l--size-s_s1305_69 img {
+  ._Avatar--narrow-l--size-s_15qvu_69 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--narrow-l--size-m_s1305_73 img {
+  ._Avatar--narrow-l--size-m_15qvu_73 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--narrow-l--size-l_s1305_77 img {
+  ._Avatar--narrow-l--size-l_15qvu_77 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--narrow-l--size-xl_s1305_81 img {
+  ._Avatar--narrow-l--size-xl_15qvu_81 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--narrow-l--size-24_s1305_85 img {
+  ._Avatar--narrow-l--size-24_15qvu_85 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--narrow-l--size-32_s1305_89 img {
+  ._Avatar--narrow-l--size-32_15qvu_89 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--narrow-l--size-48_s1305_93 img {
+  ._Avatar--narrow-l--size-48_15qvu_93 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--narrow-l--size-64_s1305_97 img {
+  ._Avatar--narrow-l--size-64_15qvu_97 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--narrow-l--size-96_s1305_101 img {
+  ._Avatar--narrow-l--size-96_15qvu_101 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--narrow-l--size-160_s1305_105 img {
+  ._Avatar--narrow-l--size-160_15qvu_105 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 700px) {
-  ._Avatar--medium-s--size-2xs_s1305_111 img {
+  ._Avatar--medium-s--size-2xs_15qvu_111 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--medium-s--size-xs_s1305_115 img {
+  ._Avatar--medium-s--size-xs_15qvu_115 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--medium-s--size-s_s1305_119 img {
+  ._Avatar--medium-s--size-s_15qvu_119 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--medium-s--size-m_s1305_123 img {
+  ._Avatar--medium-s--size-m_15qvu_123 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--medium-s--size-l_s1305_127 img {
+  ._Avatar--medium-s--size-l_15qvu_127 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--medium-s--size-xl_s1305_131 img {
+  ._Avatar--medium-s--size-xl_15qvu_131 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--medium-s--size-24_s1305_135 img {
+  ._Avatar--medium-s--size-24_15qvu_135 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--medium-s--size-32_s1305_139 img {
+  ._Avatar--medium-s--size-32_15qvu_139 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--medium-s--size-48_s1305_143 img {
+  ._Avatar--medium-s--size-48_15qvu_143 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--medium-s--size-64_s1305_147 img {
+  ._Avatar--medium-s--size-64_15qvu_147 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--medium-s--size-96_s1305_151 img {
+  ._Avatar--medium-s--size-96_15qvu_151 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--medium-s--size-160_s1305_155 img {
+  ._Avatar--medium-s--size-160_15qvu_155 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 880px) {
-  ._Avatar--medium-l--size-2xs_s1305_161 img {
+  ._Avatar--medium-l--size-2xs_15qvu_161 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--medium-l--size-xs_s1305_165 img {
+  ._Avatar--medium-l--size-xs_15qvu_165 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--medium-l--size-s_s1305_169 img {
+  ._Avatar--medium-l--size-s_15qvu_169 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--medium-l--size-m_s1305_173 img {
+  ._Avatar--medium-l--size-m_15qvu_173 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--medium-l--size-l_s1305_177 img {
+  ._Avatar--medium-l--size-l_15qvu_177 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--medium-l--size-xl_s1305_181 img {
+  ._Avatar--medium-l--size-xl_15qvu_181 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--medium-l--size-24_s1305_185 img {
+  ._Avatar--medium-l--size-24_15qvu_185 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--medium-l--size-32_s1305_189 img {
+  ._Avatar--medium-l--size-32_15qvu_189 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--medium-l--size-48_s1305_193 img {
+  ._Avatar--medium-l--size-48_15qvu_193 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--medium-l--size-64_s1305_197 img {
+  ._Avatar--medium-l--size-64_15qvu_197 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--medium-l--size-96_s1305_201 img {
+  ._Avatar--medium-l--size-96_15qvu_201 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--medium-l--size-160_s1305_205 img {
+  ._Avatar--medium-l--size-160_15qvu_205 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 1200px) {
-  ._Avatar--wide-s--size-2xs_s1305_211 img {
+  ._Avatar--wide-s--size-2xs_15qvu_211 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--wide-s--size-xs_s1305_215 img {
+  ._Avatar--wide-s--size-xs_15qvu_215 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--wide-s--size-s_s1305_219 img {
+  ._Avatar--wide-s--size-s_15qvu_219 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--wide-s--size-m_s1305_223 img {
+  ._Avatar--wide-s--size-m_15qvu_223 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--wide-s--size-l_s1305_227 img {
+  ._Avatar--wide-s--size-l_15qvu_227 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--wide-s--size-xl_s1305_231 img {
+  ._Avatar--wide-s--size-xl_15qvu_231 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--wide-s--size-24_s1305_235 img {
+  ._Avatar--wide-s--size-24_15qvu_235 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--wide-s--size-32_s1305_239 img {
+  ._Avatar--wide-s--size-32_15qvu_239 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--wide-s--size-48_s1305_243 img {
+  ._Avatar--wide-s--size-48_15qvu_243 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--wide-s--size-64_s1305_247 img {
+  ._Avatar--wide-s--size-64_15qvu_247 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--wide-s--size-96_s1305_251 img {
+  ._Avatar--wide-s--size-96_15qvu_251 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--wide-s--size-160_s1305_255 img {
+  ._Avatar--wide-s--size-160_15qvu_255 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 1900px) {
-  ._Avatar--wide-l--size-2xs_s1305_261 img {
+  ._Avatar--wide-l--size-2xs_15qvu_261 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--wide-l--size-xs_s1305_265 img {
+  ._Avatar--wide-l--size-xs_15qvu_265 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--wide-l--size-s_s1305_269 img {
+  ._Avatar--wide-l--size-s_15qvu_269 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--wide-l--size-m_s1305_273 img {
+  ._Avatar--wide-l--size-m_15qvu_273 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--wide-l--size-l_s1305_277 img {
+  ._Avatar--wide-l--size-l_15qvu_277 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--wide-l--size-xl_s1305_281 img {
+  ._Avatar--wide-l--size-xl_15qvu_281 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--wide-l--size-24_s1305_285 img {
+  ._Avatar--wide-l--size-24_15qvu_285 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--wide-l--size-32_s1305_289 img {
+  ._Avatar--wide-l--size-32_15qvu_289 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--wide-l--size-48_s1305_293 img {
+  ._Avatar--wide-l--size-48_15qvu_293 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--wide-l--size-64_s1305_297 img {
+  ._Avatar--wide-l--size-64_15qvu_297 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--wide-l--size-96_s1305_301 img {
+  ._Avatar--wide-l--size-96_15qvu_301 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--wide-l--size-160_s1305_305 img {
+  ._Avatar--wide-l--size-160_15qvu_305 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
-._Avatar--round_s1305_310 img {
+._Avatar--round_15qvu_310 img {
   border-radius: var(--8517a6);
 }
-._Avatar_s1305_4 img {
+._Avatar_15qvu_4 img {
   border-style: solid;
   border-width: var(--c4d145);
   border-color: var(--54e6b5);

package/dist/assets/AvatarWithStatus.css

@@ -1,10 +1,10 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025 12:55:23 GMT+0000 (Coordinated Universal Time) */
-._AvatarWithStatus_15cml_3 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
+._AvatarWithStatus_fynea_3 {
   display: inline-block;
   position: relative;
 }
-._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--indicator_fynea_7 {
   position: absolute;
   border-style: solid;
   border-radius: var(--0cf20e);
@@ -12,46 +12,46 @@
   border-color: var(--e5a39b);
   background-color: var(--a95a51);
 }
-._AvatarWithStatus--online_15cml_15 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--online_fynea_15 ._AvatarWithStatus--indicator_fynea_7 {
   background-color: var(--62b71e);
 }
-._AvatarWithStatus--size-2xs_15cml_18 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-2xs_fynea_18 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--1cea5a);
   height: var(--1cea5a);
   right: var(--4b2086);
   bottom: var(--4b2086);
 }
-._AvatarWithStatus--size-xs_15cml_24 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-xs_fynea_24 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--540610);
   height: var(--540610);
   right: var(--20c0b1);
   bottom: var(--20c0b1);
 }
-._AvatarWithStatus--size-m_15cml_30 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-m_fynea_30 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--8f1e94);
   height: var(--8f1e94);
   right: var(--705050);
   bottom: var(--705050);
 }
-._AvatarWithStatus--size-xl_15cml_36 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-xl_fynea_36 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--bdf712);
   height: var(--bdf712);
   right: var(--3b13f1);
   bottom: var(--3b13f1);
 }
-._AvatarWithStatus--size-64_15cml_42 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-64_fynea_42 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--7d9a55);
   height: var(--7d9a55);
   right: var(--3e174a);
   bottom: var(--3e174a);
 }
-._AvatarWithStatus--size-96_15cml_48 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-96_fynea_48 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--7d3ab7);
   height: var(--7d3ab7);
   right: var(--bd3f63);
   bottom: var(--bd3f63);
 }
-._AvatarWithStatus--size-160_15cml_54 ._AvatarWithStatus--indicator_15cml_7 {
+._AvatarWithStatus--size-160_fynea_54 ._AvatarWithStatus--indicator_fynea_7 {
   width: var(--523f7d);
   height: var(--523f7d);
   right: var(--23067e);