@liner-fe/prism 2.5.23 → 2.6.0

package/lib/index.css

@@ -1,3 +1,5 @@
+@charset "UTF-8";
+
 /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
 ._button_yei7f_1 {
   position: relative;
@@ -364,71 +366,83 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Loading/style.module.scss */
-._loading_d1es9_1 {
+._dots-loader-container_1gnzx_4 {
   display: flex;
 }
-._loading-dot_d1es9_5 {
+._dots-loader_1gnzx_4 {
   float: left;
   background: white;
   opacity: 0;
-  -webkit-animation: _loadingFade_d1es9_1 1s infinite;
-  -moz-animation: _loadingFade_d1es9_1 1s infinite;
-  animation: _loadingFade_d1es9_1 1s infinite;
+  -webkit-animation: _loadingFade_1gnzx_1 1s infinite;
+  -moz-animation: _loadingFade_1gnzx_1 1s infinite;
+  animation: _loadingFade_1gnzx_1 1s infinite;
+}
+._dots-loader_1gnzx_4._xl_1gnzx_16 {
+  width: 6.6666666667px;
+  height: 6.6666666667px;
+  margin: 0 2px;
+  border-radius: 1px;
+}
+._dots-loader_1gnzx_4._l_1gnzx_22 {
+  width: 5.3333333333px;
+  height: 5.3333333333px;
+  margin: 0 2px;
+  border-radius: 1px;
 }
-._loading-dot_d1es9_5._m_d1es9_13 {
+._dots-loader_1gnzx_4._m_1gnzx_28 {
   width: 4px;
   height: 4px;
   margin: 0 2px;
   border-radius: 1px;
 }
-._loading-dot_d1es9_5._s_d1es9_19 {
+._dots-loader_1gnzx_4._s_1gnzx_34 {
   width: 3.3333333333px;
   height: 3.3333333333px;
   margin: 0 1.6666666667px;
   border-radius: 0.8333333333px;
 }
-._loading-dot_d1es9_5._xs_d1es9_25 {
+._dots-loader_1gnzx_4._xs_1gnzx_40 {
   width: 2.6666666667px;
   height: 2.6666666667px;
   margin: 0 1.3333333333px;
   border-radius: 0.6666666667px;
 }
-._loading-dot_d1es9_5._brand-label-primary_d1es9_31 {
+._dots-loader_1gnzx_4._brand-label-primary_1gnzx_46 {
   background: var(--brand-label-primary);
 }
-._loading-dot_d1es9_5._neutral-label-primary_d1es9_34 {
+._dots-loader_1gnzx_4._neutral-label-primary_1gnzx_49 {
   background: var(--neutral-label-primary);
 }
-._loading-dot_d1es9_5._neutral-label-static-primary_d1es9_37 {
+._dots-loader_1gnzx_4._neutral-label-static-primary_1gnzx_52 {
   background: var(--neutral-label-static-primary);
 }
-._loading-dot_d1es9_5._inverse-label-primary_d1es9_40 {
+._dots-loader_1gnzx_4._inverse-label-primary_1gnzx_55 {
   background: var(--inverse-label-primary);
 }
-._loading-dot_d1es9_5._inverse-label-static-primary_d1es9_43 {
+._dots-loader_1gnzx_4._inverse-label-static-primary_1gnzx_58 {
   background: var(--inverse-label-static-primary);
 }
-._loading-dot_d1es9_5:nth-child(1) {
+._dots-loader_1gnzx_4:nth-child(1) {
   -webkit-animation-delay: 0s;
   -moz-animation-delay: 0s;
   animation-delay: 0s;
 }
-._loading-dot_d1es9_5:nth-child(2) {
+._dots-loader_1gnzx_4:nth-child(2) {
   -webkit-animation-delay: 0.1s;
   -moz-animation-delay: 0.1s;
   animation-delay: 0.1s;
 }
-._loading-dot_d1es9_5:nth-child(3) {
+._dots-loader_1gnzx_4:nth-child(3) {
   -webkit-animation-delay: 0.2s;
   -moz-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }
-._loading-dot_d1es9_5:nth-child(4) {
+._dots-loader_1gnzx_4:nth-child(4) {
   -webkit-animation-delay: 0.3s;
   -moz-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }
-@-webkit-keyframes _loadingFade_d1es9_1 {
+@-webkit-keyframes _loadingFade_1gnzx_1 {
   0% {
     opacity: 0;
   }
@@ -439,7 +453,7 @@
     opacity: 0;
   }
 }
-@-moz-keyframes _loadingFade_d1es9_1 {
+@-moz-keyframes _loadingFade_1gnzx_1 {
   0% {
     opacity: 0;
   }
@@ -450,7 +464,7 @@
     opacity: 0;
   }
 }
-@keyframes _loadingFade_d1es9_1 {
+@keyframes _loadingFade_1gnzx_1 {
   0% {
     opacity: 0;
   }
@@ -461,6 +475,137 @@
     opacity: 0;
   }
 }
+._spinner-loader_1gnzx_122 {
+  padding: 4px;
+  border-radius: 50%;
+  position: relative;
+  animation: _rotate_1gnzx_1 1s linear infinite;
+}
+._spinner-loader_1gnzx_122::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  inset: 0px;
+  border-radius: 50%;
+  animation: _prixClipFix_1gnzx_1 2s linear infinite;
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16 {
+  width: 20px;
+  height: 20px;
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16._brand-label-primary_1gnzx_46::before {
+  border: 3.4px solid var(--brand-label-primary);
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16._neutral-label-primary_1gnzx_49::before {
+  border: 3.4px solid var(--neutral-label-primary);
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16._neutral-label-static-primary_1gnzx_52::before {
+  border: 3.4px solid var(--neutral-label-static-primary);
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16._inverse-label-primary_1gnzx_55::before {
+  border: 3.4px solid var(--inverse-label-primary);
+}
+._spinner-loader_1gnzx_122._xl_1gnzx_16._inverse-label-static-primary_1gnzx_58::before {
+  border: 3.4px solid var(--inverse-label-static-primary);
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22 {
+  width: 16px;
+  height: 16px;
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22._brand-label-primary_1gnzx_46::before {
+  border: 3px solid var(--brand-label-primary);
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22._neutral-label-primary_1gnzx_49::before {
+  border: 3px solid var(--neutral-label-primary);
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22._neutral-label-static-primary_1gnzx_52::before {
+  border: 3px solid var(--neutral-label-static-primary);
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22._inverse-label-primary_1gnzx_55::before {
+  border: 3px solid var(--inverse-label-primary);
+}
+._spinner-loader_1gnzx_122._l_1gnzx_22._inverse-label-static-primary_1gnzx_58::before {
+  border: 3px solid var(--inverse-label-static-primary);
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28 {
+  width: 12px;
+  height: 12px;
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28._brand-label-primary_1gnzx_46::before {
+  border: 2.6px solid var(--brand-label-primary);
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28._neutral-label-primary_1gnzx_49::before {
+  border: 2.6px solid var(--neutral-label-primary);
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28._neutral-label-static-primary_1gnzx_52::before {
+  border: 2.6px solid var(--neutral-label-static-primary);
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28._inverse-label-primary_1gnzx_55::before {
+  border: 2.6px solid var(--inverse-label-primary);
+}
+._spinner-loader_1gnzx_122._m_1gnzx_28._inverse-label-static-primary_1gnzx_58::before {
+  border: 2.6px solid var(--inverse-label-static-primary);
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34 {
+  width: 10px;
+  height: 10px;
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34._brand-label-primary_1gnzx_46::before {
+  border: 2.3px solid var(--brand-label-primary);
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34._neutral-label-primary_1gnzx_49::before {
+  border: 2.3px solid var(--neutral-label-primary);
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34._neutral-label-static-primary_1gnzx_52::before {
+  border: 2.3px solid var(--neutral-label-static-primary);
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34._inverse-label-primary_1gnzx_55::before {
+  border: 2.3px solid var(--inverse-label-primary);
+}
+._spinner-loader_1gnzx_122._s_1gnzx_34._inverse-label-static-primary_1gnzx_58::before {
+  border: 2.3px solid var(--inverse-label-static-primary);
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40 {
+  width: 8px;
+  height: 8px;
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40._brand-label-primary_1gnzx_46::before {
+  border: 2px solid var(--brand-label-primary);
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40._neutral-label-primary_1gnzx_49::before {
+  border: 2px solid var(--neutral-label-primary);
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40._neutral-label-static-primary_1gnzx_52::before {
+  border: 2px solid var(--neutral-label-static-primary);
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40._inverse-label-primary_1gnzx_55::before {
+  border: 2px solid var(--inverse-label-primary);
+}
+._spinner-loader_1gnzx_122._xs_1gnzx_40._inverse-label-static-primary_1gnzx_58::before {
+  border: 2px solid var(--inverse-label-static-primary);
+}
+@keyframes _rotate_1gnzx_1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _prixClipFix_1gnzx_1 {
+  0% {
+    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
+  }
+  25% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
+  }
+  50% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
+  }
+  75% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
+  }
+  100% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
+  }
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
 @keyframes _hide_192n7_1 {
@@ -635,7 +780,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss */
-._content_1pzw3_1 {
+._content_17e6g_1 {
   border-radius: var(--lp-sys-radius-m);
   width: 100%;
   box-shadow:
@@ -643,40 +788,40 @@
     0px 1px 8px 0px rgba(0, 0, 0, 0.06),
     0px 0px 1px 0px rgba(0, 0, 0, 0.06);
 }
-._anchor_1pzw3_7 {
+._anchor_17e6g_7 {
   transform: rotate(180deg) translateY(5px);
 }
-._anchor_1pzw3_7._primary_1pzw3_10 {
+._anchor_17e6g_7._primary_17e6g_10 {
   background: none;
 }
-._anchor_1pzw3_7._primary_1pzw3_10 path {
+._anchor_17e6g_7._primary_17e6g_10 path {
   fill: var(--brand-container-mid);
 }
-._anchor_1pzw3_7._secondary_1pzw3_16 {
+._anchor_17e6g_7._secondary_17e6g_16 {
   background: none;
 }
-._anchor_1pzw3_7._secondary_1pzw3_16 path {
+._anchor_17e6g_7._secondary_17e6g_16 path {
   fill: var(--inverse-container-static-high);
 }
-._primary_1pzw3_10 {
+._primary_17e6g_10 {
   background: var(--brand-container-mid);
 }
-._secondary_1pzw3_16 {
+._secondary_17e6g_16 {
   background: var(--inverse-container-static-high);
 }
-._contentContainer_1pzw3_31 {
+._contentContainer_17e6g_31 {
   padding: var(--lp-sys-padding-component-400);
   display: flex;
   flex-direction: column;
   gap: 5px;
   z-index: 2;
 }
-._heading_1pzw3_39 {
+._heading_17e6g_39 {
   display: flex;
   align-items: flex-start;
   gap: 6px;
 }
-._tag_1pzw3_45 {
+._tag_17e6g_45 {
   margin: 0;
   display: flex;
   align-items: center;
@@ -686,24 +831,24 @@
   color: var(--neutral-label-static-primary);
   border-radius: var(--lp-sys-radius-xs);
 }
-._title_1pzw3_56 {
+._title_17e6g_56 {
   margin: 0;
   color: var(--inverse-label-static-primary);
 }
-._description_1pzw3_61 {
+._description_17e6g_61 {
   margin: 0;
   color: var(--inverse-label-static-secondary);
   line-height: 18px;
 }
-._footer_1pzw3_67 {
+._footer_17e6g_67 {
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-._arrow_1pzw3_73 {
+._arrow_17e6g_73 {
   position: absolute;
 }
-._closeButton_1pzw3_77 {
+._closeButton_17e6g_77 {
   background: transparent;
   border: none;
   padding: 0px;
@@ -711,16 +856,16 @@
   top: 12px;
   right: 12px;
 }
-._closeButton_1pzw3_77:hover {
+._closeButton_17e6g_77:hover {
   cursor: pointer;
 }
-._overlay_1pzw3_89 {
+._overlay_17e6g_89 {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.7490196078);
+  background: var(--cover-dim-page);
   z-index: 9;
 }
 
@@ -1864,121 +2009,675 @@
   display: none;
 }
 
-/* esbuild-sass-plugin:css-chunk:src/components/_Tag/style.module.scss */
-._tag_r36el_1 {
+/* esbuild-sass-plugin:css-chunk:src/components/Tag/style.module.scss */
+._tag_1q9hn_2 {
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2px 4px 1px 4px;
   background: var(--neutral-container-static-lowest);
-  border-radius: var(--lp-sys-radius-xs);
+  font-weight: 500 !important;
+}
+._s_1q9hn_12 {
+  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
+  font-size: 11px !important;
+  padding-top: var(--lp-sys-padding-component-100);
+}
+._m_1q9hn_18 {
+  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
+  font-size: 13px !important;
+  padding-top: var(--lp-sys-padding-component-100);
+}
+._l_1q9hn_24 {
+  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-150);
+  font-size: 15px !important;
+  padding-top: var(--lp-sys-padding-component-100);
+}
+._thick_1q9hn_30 {
+  font-weight: 600 !important;
+}
+._square_1q9hn_34 {
+  border-radius: var(--lp-sys-radius-s);
+}
+._rounded_1q9hn_38 {
+  border-radius: var(--lp-sys-radius-xxl);
+  padding-left: var(--lp-sys-padding-component-150) !important;
+  padding-right: var(--lp-sys-padding-component-150) !important;
 }
-._neutral-label-primary_r36el_11 {
+._bg-neutral-label-primary_1q9hn_47 {
   background: var(--neutral-label-primary);
 }
-._neutral-label-secondary_r36el_15 {
+._bg-neutral-label-secondary_1q9hn_51 {
   background: var(--neutral-label-secondary);
 }
-._neutral-label-tertiary_r36el_19 {
+._bg-neutral-label-tertiary_1q9hn_55 {
   background: var(--neutral-label-tertiary);
 }
-._neutral-label-quaternary_r36el_23 {
+._bg-neutral-label-quaternary_1q9hn_59 {
   background: var(--neutral-label-quaternary);
 }
-._neutral-label-static-primary_r36el_27 {
+._bg-neutral-label-static-primary_1q9hn_63 {
   background: var(--neutral-label-static-primary);
 }
-._neutral-label-static-secondary_r36el_31 {
+._bg-neutral-label-static-secondary_1q9hn_67 {
   background: var(--neutral-label-static-secondary);
 }
-._inverse-label-primary_r36el_35 {
+._bg-inverse-label-primary_1q9hn_71 {
   background: var(--inverse-label-primary);
 }
-._inverse-label-secondary_r36el_39 {
+._bg-inverse-label-secondary_1q9hn_75 {
   background: var(--inverse-label-secondary);
 }
-._inverse-label-tertiary_r36el_43 {
+._bg-inverse-label-tertiary_1q9hn_79 {
   background: var(--inverse-label-tertiary);
 }
-._inverse-label-quaternary_r36el_47 {
+._bg-inverse-label-quaternary_1q9hn_83 {
   background: var(--inverse-label-quaternary);
 }
-._inverse-label-static-primary_r36el_51 {
+._bg-inverse-label-static-primary_1q9hn_87 {
   background: var(--inverse-label-static-primary);
 }
-._inverse-label-static-secondary_r36el_55 {
+._bg-inverse-label-static-secondary_1q9hn_91 {
   background: var(--inverse-label-static-secondary);
 }
-._brand-label-primary_r36el_59 {
+._bg-brand-label-primary_1q9hn_95 {
   background: var(--brand-label-primary);
 }
-._brand-label-secondary_r36el_63 {
+._bg-brand-label-secondary_1q9hn_99 {
   background: var(--brand-label-secondary);
 }
-._function-label-positive_r36el_67 {
+._bg-brand-label-variation-secondary_1q9hn_103 {
+  background: var(--brand-label-variation-secondary);
+}
+._bg-brandinverse-label-primary_1q9hn_107 {
+  background: var(--brandinverse-label-primary);
+}
+._bg-brandinverse-label-secondary_1q9hn_111 {
+  background: var(--brandinverse-label-secondary);
+}
+._bg-brandinverse-label-static-primary_1q9hn_115 {
+  background: var(--brandinverse-label-static-primary);
+}
+._bg-function-label-positive_1q9hn_119 {
   background: var(--function-label-positive);
 }
-._function-label-negative_r36el_71 {
+._bg-function-label-negative_1q9hn_123 {
   background: var(--function-label-negative);
 }
-._function-label-caution_r36el_75 {
+._bg-function-label-caution_1q9hn_127 {
   background: var(--function-label-caution);
 }
-._accent-yellow_r36el_79 {
-  background: var(--accent-yellow);
+._bg-function-label-link_1q9hn_131 {
+  background: var(--function-label-link);
+}
+._bg-accent-label-primary_1q9hn_135 {
+  background: var(--accent-label-primary);
+}
+._bg-accent-label-yellow_1q9hn_139 {
+  background: var(--accent-label-yellow);
+}
+._bg-accent-label-mint_1q9hn_143 {
+  background: var(--accent-label-mint);
 }
-._accent-mint_r36el_83 {
-  background: var(--accent-mint);
+._bg-accent-label-cyan_1q9hn_147 {
+  background: var(--accent-label-cyan);
 }
-._accent-cyan_r36el_87 {
-  background: var(--accent-cyan);
+._bg-accent-label-purple_1q9hn_151 {
+  background: var(--accent-label-purple);
 }
-._accent-purple_r36el_91 {
-  background: var(--accent-purple);
+._bg-accent-label-pink_1q9hn_155 {
+  background: var(--accent-label-pink);
 }
-._accent-pink_r36el_95 {
-  background: var(--accent-pink);
+._bg-neutral-container-variation-lowest_1q9hn_159 {
+  background: var(--neutral-container-variation-lowest);
 }
-._neutral-container-lowest_r36el_99 {
+._bg-neutral-container-lowest-hover_1q9hn_163 {
+  background: var(--neutral-container-lowest-hover);
+}
+._bg-neutral-container-lowest_1q9hn_163 {
   background: var(--neutral-container-lowest);
 }
-._neutral-container-low_r36el_99 {
+._bg-neutral-container-low_1q9hn_163 {
   background: var(--neutral-container-low);
 }
-._neutral-container-mid_r36el_107 {
+._bg-neutral-container-low-hover_1q9hn_175 {
+  background: var(--neutral-container-low-hover);
+}
+._bg-neutral-container-mid_1q9hn_179 {
   background: var(--neutral-container-mid);
 }
-._neutral-container-high_r36el_111 {
+._bg-neutral-container-mid-hover_1q9hn_183 {
+  background: var(--neutral-container-mid-hover);
+}
+._bg-neutral-container-high_1q9hn_187 {
   background: var(--neutral-container-high);
 }
-._neutral-container-highest_r36el_115 {
+._bg-neutral-container-high-hover_1q9hn_191 {
+  background: var(--neutral-container-high-hover);
+}
+._bg-neutral-container-highest_1q9hn_195 {
   background: var(--neutral-container-highest);
 }
-._neutral-container-static-lowest_r36el_119 {
+._bg-neutral-container-static-lowest_1q9hn_199 {
   background: var(--neutral-container-static-lowest);
 }
-._brand-container-mid_r36el_123 {
-  background: var(--brand-container-mid);
-}
-._brand-container-high_r36el_127 {
-  background: var(--brand-container-high);
+._bg-neutral-container-static-lowest-hover_1q9hn_203 {
+  background: var(--neutral-container-static-lowest-hover);
 }
-._inverse-container-lowest_r36el_131 {
+._bg-inverse-container-lowest_1q9hn_207 {
   background: var(--inverse-container-lowest);
 }
-._inverse-container-low_r36el_131 {
+._bg-inverse-container-lowest-hover_1q9hn_211 {
+  background: var(--inverse-container-lowest-hover);
+}
+._bg-inverse-container-low_1q9hn_207 {
   background: var(--inverse-container-low);
 }
-._inverse-container-mid_r36el_139 {
+._bg-inverse-container-low-hover_1q9hn_219 {
+  background: var(--inverse-container-low-hover);
+}
+._bg-inverse-container-mid_1q9hn_223 {
   background: var(--inverse-container-mid);
 }
-._inverse-container-high_r36el_143 {
+._bg-inverse-container-mid-hover_1q9hn_227 {
+  background: var(--inverse-container-mid-hover);
+}
+._bg-inverse-container-high_1q9hn_231 {
   background: var(--inverse-container-high);
 }
-._inverse-container-static-high_r36el_147 {
+._bg-inverse-container-high-hover_1q9hn_235 {
+  background: var(--inverse-container-high-hover);
+}
+._bg-inverse-container-static-high_1q9hn_239 {
   background: var(--inverse-container-static-high);
 }
+._bg-inverse-container-static-high-hover_1q9hn_243 {
+  background: var(--inverse-container-static-high-hover);
+}
+._bg-inverse-container-highest_1q9hn_247 {
+  background: var(--inverse-container-highest);
+}
+._bg-brand-container-mid_1q9hn_251 {
+  background: var(--brand-container-mid);
+}
+._bg-brand-container-mid-hover_1q9hn_255 {
+  background: var(--brand-container-mid-hover);
+}
+._bg-brand-container-high_1q9hn_259 {
+  background: var(--brand-container-high);
+}
+._bg-neutral-fill-overlay-lowest_1q9hn_263 {
+  background: var(--neutral-fill-overlay-lowest);
+}
+._bg-neutral-fill-overlay-lowest-hover_1q9hn_267 {
+  background: var(--neutral-fill-overlay-lowest-hover);
+}
+._bg-neutral-fill-overlay-low_1q9hn_263 {
+  background: var(--neutral-fill-overlay-low);
+}
+._bg-neutral-fill-overlay-low-hover_1q9hn_275 {
+  background: var(--neutral-fill-overlay-low-hover);
+}
+._bg-neutral-fill-overlay-mid_1q9hn_279 {
+  background: var(--neutral-fill-overlay-mid);
+}
+._bg-neutral-fill-overlay-mid-hover_1q9hn_283 {
+  background: var(--neutral-fill-overlay-mid-hover);
+}
+._bg-neutral-fill-overlay-high_1q9hn_287 {
+  background: var(--neutral-fill-overlay-high);
+}
+._bg-neutral-fill-overlay-high-hover_1q9hn_291 {
+  background: var(--neutral-fill-overlay-high-hover);
+}
+._bg-neutral-fill-overlay-highest_1q9hn_295 {
+  background: var(--neutral-fill-overlay-highest);
+}
+._bg-neutral-fill-opaque-lowest_1q9hn_299 {
+  background: var(--neutral-fill-opaque-lowest);
+}
+._bg-neutral-fill-opaque-lowest-hover_1q9hn_303 {
+  background: var(--neutral-fill-opaque-lowest-hover);
+}
+._bg-neutral-fill-opaque-low_1q9hn_299 {
+  background: var(--neutral-fill-opaque-low);
+}
+._bg-neutral-fill-opaque-low-hover_1q9hn_311 {
+  background: var(--neutral-fill-opaque-low-hover);
+}
+._bg-neutral-fill-opaque-static-lowest_1q9hn_315 {
+  background: var(--neutral-fill-opaque-static-lowest);
+}
+._bg-inverse-fill-mid_1q9hn_319 {
+  background: var(--inverse-fill-mid);
+}
+._bg-inverse-fill-mid-hover_1q9hn_323 {
+  background: var(--inverse-fill-mid-hover);
+}
+._bg-inverse-fill-opaque-lowest_1q9hn_327 {
+  background: var(--inverse-fill-opaque-lowest);
+}
+._bg-inverse-fill-opaque-lowest-hover_1q9hn_331 {
+  background: var(--inverse-fill-opaque-lowest-hover);
+}
+._bg-inverse-fill-opaque-low_1q9hn_327 {
+  background: var(--inverse-fill-opaque-low);
+}
+._bg-inverse-fill-opaque-low-hover_1q9hn_339 {
+  background: var(--inverse-fill-opaque-low-hover);
+}
+._bg-inverse-fill-opaque-mid_1q9hn_343 {
+  background: var(--inverse-fill-opaque-mid);
+}
+._bg-brand-fill-mid_1q9hn_347 {
+  background: var(--brand-fill-mid);
+}
+._bg-brand-fill-mid-hover_1q9hn_351 {
+  background: var(--brand-fill-mid-hover);
+}
+._bg-brand-fill-low_1q9hn_355 {
+  background: var(--brand-fill-low);
+}
+._bg-brand-fill-low-hover_1q9hn_359 {
+  background: var(--brand-fill-low-hover);
+}
+._bg-accent-fill-primary_1q9hn_363 {
+  background: var(--accent-fill-primary);
+}
+._bg-function-fill-positive-mid_1q9hn_367 {
+  background: var(--function-fill-positive-mid);
+}
+._bg-function-fill-positive-low_1q9hn_371 {
+  background: var(--function-fill-positive-low);
+}
+._bg-function-fill-negative-mid_1q9hn_375 {
+  background: var(--function-fill-negative-mid);
+}
+._bg-function-fill-negative-low_1q9hn_379 {
+  background: var(--function-fill-negative-low);
+}
+._bg-function-fill-negative-mid-hover_1q9hn_383 {
+  background: var(--function-fill-negative-mid-hover);
+}
+._bg-function-fill-caution_1q9hn_387 {
+  background: var(--function-fill-caution);
+}
+._bg-function-fill-highlight_1q9hn_391 {
+  background: var(--function-fill-highlight);
+}
+._bg-function-fill-selection_1q9hn_395 {
+  background: var(--function-fill-selection);
+}
+._bg-function-fill-drag_1q9hn_399 {
+  background: var(--function-fill-drag);
+}
+._bg-cover-dim-page_1q9hn_403 {
+  background: var(--cover-dim-page);
+}
+._color-neutral-label-primary_1q9hn_410 {
+  color: var(--neutral-label-primary);
+}
+._color-neutral-label-secondary_1q9hn_414 {
+  color: var(--neutral-label-secondary);
+}
+._color-neutral-label-tertiary_1q9hn_418 {
+  color: var(--neutral-label-tertiary);
+}
+._color-neutral-label-quaternary_1q9hn_422 {
+  color: var(--neutral-label-quaternary);
+}
+._color-neutral-label-static-primary_1q9hn_426 {
+  color: var(--neutral-label-static-primary);
+}
+._color-neutral-label-static-secondary_1q9hn_430 {
+  color: var(--neutral-label-static-secondary);
+}
+._color-inverse-label-primary_1q9hn_434 {
+  color: var(--inverse-label-primary);
+}
+._color-inverse-label-secondary_1q9hn_438 {
+  color: var(--inverse-label-secondary);
+}
+._color-inverse-label-tertiary_1q9hn_442 {
+  color: var(--inverse-label-tertiary);
+}
+._color-inverse-label-quaternary_1q9hn_446 {
+  color: var(--inverse-label-quaternary);
+}
+._color-inverse-label-static-primary_1q9hn_450 {
+  color: var(--inverse-label-static-primary);
+}
+._color-inverse-label-static-secondary_1q9hn_454 {
+  color: var(--inverse-label-static-secondary);
+}
+._color-brand-label-primary_1q9hn_458 {
+  color: var(--brand-label-primary);
+}
+._color-brand-label-secondary_1q9hn_462 {
+  color: var(--brand-label-secondary);
+}
+._color-brand-label-variation-secondary_1q9hn_466 {
+  color: var(--brand-label-variation-secondary);
+}
+._color-brandinverse-label-primary_1q9hn_470 {
+  color: var(--brandinverse-label-primary);
+}
+._color-brandinverse-label-secondary_1q9hn_474 {
+  color: var(--brandinverse-label-secondary);
+}
+._color-brandinverse-label-static-primary_1q9hn_478 {
+  color: var(--brandinverse-label-static-primary);
+}
+._color-function-label-positive_1q9hn_482 {
+  color: var(--function-label-positive);
+}
+._color-function-label-negative_1q9hn_486 {
+  color: var(--function-label-negative);
+}
+._color-function-label-caution_1q9hn_490 {
+  color: var(--function-label-caution);
+}
+._color-function-label-link_1q9hn_494 {
+  color: var(--function-label-link);
+}
+._color-accent-label-primary_1q9hn_498 {
+  color: var(--accent-label-primary);
+}
+._color-accent-label-yellow_1q9hn_502 {
+  color: var(--accent-label-yellow);
+}
+._color-accent-label-mint_1q9hn_506 {
+  color: var(--accent-label-mint);
+}
+._color-accent-label-cyan_1q9hn_510 {
+  color: var(--accent-label-cyan);
+}
+._color-accent-label-purple_1q9hn_514 {
+  color: var(--accent-label-purple);
+}
+._color-accent-label-pink_1q9hn_518 {
+  color: var(--accent-label-pink);
+}
+._color-neutral-container-variation-lowest_1q9hn_522 {
+  color: var(--neutral-container-variation-lowest);
+}
+._color-neutral-container-lowest-hover_1q9hn_526 {
+  color: var(--neutral-container-lowest-hover);
+}
+._color-neutral-container-lowest_1q9hn_526 {
+  color: var(--neutral-container-lowest);
+}
+._color-neutral-container-low_1q9hn_526 {
+  color: var(--neutral-container-low);
+}
+._color-neutral-container-low-hover_1q9hn_538 {
+  color: var(--neutral-container-low-hover);
+}
+._color-neutral-container-mid_1q9hn_542 {
+  color: var(--neutral-container-mid);
+}
+._color-neutral-container-mid-hover_1q9hn_546 {
+  color: var(--neutral-container-mid-hover);
+}
+._color-neutral-container-high_1q9hn_550 {
+  color: var(--neutral-container-high);
+}
+._color-neutral-container-high-hover_1q9hn_554 {
+  color: var(--neutral-container-high-hover);
+}
+._color-neutral-container-highest_1q9hn_558 {
+  color: var(--neutral-container-highest);
+}
+._color-neutral-container-static-lowest_1q9hn_562 {
+  color: var(--neutral-container-static-lowest);
+}
+._color-neutral-container-static-lowest-hover_1q9hn_566 {
+  color: var(--neutral-container-static-lowest-hover);
+}
+._color-inverse-container-lowest_1q9hn_570 {
+  color: var(--inverse-container-lowest);
+}
+._color-inverse-container-lowest-hover_1q9hn_574 {
+  color: var(--inverse-container-lowest-hover);
+}
+._color-inverse-container-low_1q9hn_570 {
+  color: var(--inverse-container-low);
+}
+._color-inverse-container-low-hover_1q9hn_582 {
+  color: var(--inverse-container-low-hover);
+}
+._color-inverse-container-mid_1q9hn_586 {
+  color: var(--inverse-container-mid);
+}
+._color-inverse-container-mid-hover_1q9hn_590 {
+  color: var(--inverse-container-mid-hover);
+}
+._color-inverse-container-high_1q9hn_594 {
+  color: var(--inverse-container-high);
+}
+._color-inverse-container-high-hover_1q9hn_598 {
+  color: var(--inverse-container-high-hover);
+}
+._color-inverse-container-static-high_1q9hn_602 {
+  color: var(--inverse-container-static-high);
+}
+._color-inverse-container-static-high-hover_1q9hn_606 {
+  color: var(--inverse-container-static-high-hover);
+}
+._color-inverse-container-highest_1q9hn_610 {
+  color: var(--inverse-container-highest);
+}
+._color-brand-container-mid_1q9hn_614 {
+  color: var(--brand-container-mid);
+}
+._color-brand-container-mid-hover_1q9hn_618 {
+  color: var(--brand-container-mid-hover);
+}
+._color-brand-container-high_1q9hn_622 {
+  color: var(--brand-container-high);
+}
+._color-neutral-fill-overlay-lowest_1q9hn_626 {
+  color: var(--neutral-fill-overlay-lowest);
+}
+._color-neutral-fill-overlay-lowest-hover_1q9hn_630 {
+  color: var(--neutral-fill-overlay-lowest-hover);
+}
+._color-neutral-fill-overlay-low_1q9hn_626 {
+  color: var(--neutral-fill-overlay-low);
+}
+._color-neutral-fill-overlay-low-hover_1q9hn_638 {
+  color: var(--neutral-fill-overlay-low-hover);
+}
+._color-neutral-fill-overlay-mid_1q9hn_642 {
+  color: var(--neutral-fill-overlay-mid);
+}
+._color-neutral-fill-overlay-mid-hover_1q9hn_646 {
+  color: var(--neutral-fill-overlay-mid-hover);
+}
+._color-neutral-fill-overlay-high_1q9hn_650 {
+  color: var(--neutral-fill-overlay-high);
+}
+._color-neutral-fill-overlay-high-hover_1q9hn_654 {
+  color: var(--neutral-fill-overlay-high-hover);
+}
+._color-neutral-fill-overlay-highest_1q9hn_658 {
+  color: var(--neutral-fill-overlay-highest);
+}
+._color-neutral-fill-opaque-lowest_1q9hn_662 {
+  color: var(--neutral-fill-opaque-lowest);
+}
+._color-neutral-fill-opaque-lowest-hover_1q9hn_666 {
+  color: var(--neutral-fill-opaque-lowest-hover);
+}
+._color-neutral-fill-opaque-low_1q9hn_662 {
+  color: var(--neutral-fill-opaque-low);
+}
+._color-neutral-fill-opaque-low-hover_1q9hn_674 {
+  color: var(--neutral-fill-opaque-low-hover);
+}
+._color-neutral-fill-opaque-static-lowest_1q9hn_678 {
+  color: var(--neutral-fill-opaque-static-lowest);
+}
+._color-inverse-fill-mid_1q9hn_682 {
+  color: var(--inverse-fill-mid);
+}
+._color-inverse-fill-mid-hover_1q9hn_686 {
+  color: var(--inverse-fill-mid-hover);
+}
+._color-inverse-fill-opaque-lowest_1q9hn_690 {
+  color: var(--inverse-fill-opaque-lowest);
+}
+._color-inverse-fill-opaque-lowest-hover_1q9hn_694 {
+  color: var(--inverse-fill-opaque-lowest-hover);
+}
+._color-inverse-fill-opaque-low_1q9hn_690 {
+  color: var(--inverse-fill-opaque-low);
+}
+._color-inverse-fill-opaque-low-hover_1q9hn_702 {
+  color: var(--inverse-fill-opaque-low-hover);
+}
+._color-inverse-fill-opaque-mid_1q9hn_706 {
+  color: var(--inverse-fill-opaque-mid);
+}
+._color-brand-fill-mid_1q9hn_710 {
+  color: var(--brand-fill-mid);
+}
+._color-brand-fill-mid-hover_1q9hn_714 {
+  color: var(--brand-fill-mid-hover);
+}
+._color-brand-fill-low_1q9hn_718 {
+  color: var(--brand-fill-low);
+}
+._color-brand-fill-low-hover_1q9hn_722 {
+  color: var(--brand-fill-low-hover);
+}
+._color-accent-fill-primary_1q9hn_726 {
+  color: var(--accent-fill-primary);
+}
+._color-function-fill-positive-mid_1q9hn_730 {
+  color: var(--function-fill-positive-mid);
+}
+._color-function-fill-positive-low_1q9hn_734 {
+  color: var(--function-fill-positive-low);
+}
+._color-function-fill-negative-mid_1q9hn_738 {
+  color: var(--function-fill-negative-mid);
+}
+._color-function-fill-negative-low_1q9hn_742 {
+  color: var(--function-fill-negative-low);
+}
+._color-function-fill-negative-mid-hover_1q9hn_746 {
+  color: var(--function-fill-negative-mid-hover);
+}
+._color-function-fill-caution_1q9hn_750 {
+  color: var(--function-fill-caution);
+}
+._color-function-fill-highlight_1q9hn_754 {
+  color: var(--function-fill-highlight);
+}
+._color-function-fill-selection_1q9hn_758 {
+  color: var(--function-fill-selection);
+}
+._color-function-fill-drag_1q9hn_762 {
+  color: var(--function-fill-drag);
+}
+._color-cover-dim-page_1q9hn_766 {
+  color: var(--cover-dim-page);
+}
+._border-neutral-border-overlay-strong_1q9hn_773 {
+  border: 1px solid var(--neutral-border-overlay-strong);
+}
+._border-neutral-border-overlay-normal_1q9hn_777 {
+  border: 1px solid var(--neutral-border-overlay-normal);
+}
+._border-neutral-border-overlay-subtle_1q9hn_781 {
+  border: 1px solid var(--neutral-border-overlay-subtle);
+}
+._border-neutral-border-overlay-hint_1q9hn_785 {
+  border: 1px solid var(--neutral-border-overlay-hint);
+}
+._border-neutral-border-opaque-strong_1q9hn_789 {
+  border: 1px solid var(--neutral-border-opaque-strong);
+}
+._border-neutral-border-opaque-normal_1q9hn_793 {
+  border: 1px solid var(--neutral-border-opaque-normal);
+}
+._border-neutral-border-opaque-subtle_1q9hn_797 {
+  border: 1px solid var(--neutral-border-opaque-subtle);
+}
+._border-inverse-border-overlay-strong_1q9hn_801 {
+  border: 1px solid var(--inverse-border-overlay-strong);
+}
+._border-inverse-border-overlay-normal_1q9hn_805 {
+  border: 1px solid var(--inverse-border-overlay-normal);
+}
+._border-inverse-border-overlay-subtle_1q9hn_809 {
+  border: 1px solid var(--inverse-border-overlay-subtle);
+}
+._border-inverse-border-overlay-hint_1q9hn_813 {
+  border: 1px solid var(--inverse-border-overlay-hint);
+}
+._border-inverse-border-opaque-strong_1q9hn_817 {
+  border: 1px solid var(--inverse-border-opaque-strong);
+}
+._border-inverse-border-opaque-normal_1q9hn_821 {
+  border: 1px solid var(--inverse-border-opaque-normal);
+}
+._border-inverse-border-opaque-subtle_1q9hn_825 {
+  border: 1px solid var(--inverse-border-opaque-subtle);
+}
+._border-brand-border-opaque-normal_1q9hn_829 {
+  border: 1px solid var(--brand-border-opaque-normal);
+}
+._border-brand-border-opaque-strong_1q9hn_833 {
+  border: 1px solid var(--brand-border-opaque-strong);
+}
+._bg-accent-yellow_1q9hn_837 {
+  background: var(--accent-label-yellow);
+}
+._bg-accent-mint_1q9hn_841 {
+  background: var(--accent-label-mint);
+}
+._bg-accent-cyan_1q9hn_845 {
+  background: var(--accent-label-cyan);
+}
+._bg-accent-purple_1q9hn_849 {
+  background: var(--accent-label-purple);
+}
+._bg-accent-pink_1q9hn_853 {
+  background: var(--accent-label-pink);
+}
+._color-accent-yellow_1q9hn_857 {
+  color: var(--accent-label-yellow);
+}
+._color-accent-mint_1q9hn_861 {
+  color: var(--accent-label-mint);
+}
+._color-accent-cyan_1q9hn_865 {
+  color: var(--accent-label-cyan);
+}
+._color-accent-purple_1q9hn_869 {
+  color: var(--accent-label-purple);
+}
+._color-accent-pink_1q9hn_873 {
+  color: var(--accent-label-pink);
+}
+._border-accent-yellow_1q9hn_877 {
+  border: 1px solid var(--accent-label-yellow);
+}
+._border-accent-mint_1q9hn_881 {
+  border: 1px solid var(--accent-label-mint);
+}
+._border-accent-cyan_1q9hn_885 {
+  border: 1px solid var(--accent-label-cyan);
+}
+._border-accent-purple_1q9hn_889 {
+  border: 1px solid var(--accent-label-purple);
+}
+._border-accent-pink_1q9hn_893 {
+  border: 1px solid var(--accent-label-pink);
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
 ._content_1pkzx_1 {