@digital-b2c/coreui-kit 0.10.0 → 0.10.2

package/dist/index.css

@@ -666,6 +666,207 @@ a:hover.Card_module_card {
   filter: brightness(0) invert(1);
 }
 
+/* src/components/FilterBar/FilterBar.module.scss */
+.FilterBar_module_filterBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1280px;
+}
+.FilterBar_module_viewToggle,
+.FilterBar_module_filterActions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.FilterBar_module_chip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  border-radius: 16px;
+  border: 1px solid var(--grayoutline, #dbdbdb);
+  background: white;
+  cursor: pointer;
+  font-size: var(--size-body, 14px);
+  font-weight: 500;
+  line-height: 1.5;
+  white-space: nowrap;
+}
+.FilterBar_module_chip.FilterBar_module_active {
+  background: var(--neutral-50, #ededed);
+  border-color: #4d4d4d;
+}
+@media (max-width: 768px) {
+  .FilterBar_module_chip {
+    padding: 8px;
+    gap: 0;
+  }
+}
+@media (max-width: 768px) {
+  .FilterBar_module_chipLabel {
+    display: none;
+  }
+}
+.FilterBar_module_dropdownWrapper {
+  position: relative;
+}
+.FilterBar_module_searchExpanded {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  border-radius: 16px;
+  border: 1px solid #4d4d4d;
+  background: white;
+  overflow: hidden;
+  white-space: nowrap;
+  animation: FilterBar_module_searchExpand 0.25s ease forwards;
+}
+@media (max-width: 768px) {
+  .FilterBar_module_searchExpanded {
+    max-width: calc(100vw - 150px);
+  }
+}
+.FilterBar_module_searchCollapsing {
+  animation: FilterBar_module_searchCollapse 0.25s ease forwards;
+}
+@keyframes FilterBar_module_searchExpand {
+  from {
+    width: 0;
+    opacity: 0;
+    padding-left: 0;
+    padding-right: 0;
+  }
+  to {
+    width: 220px;
+    opacity: 1;
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+@keyframes FilterBar_module_searchCollapse {
+  from {
+    width: 220px;
+    opacity: 1;
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  to {
+    width: 0;
+    opacity: 0;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.FilterBar_module_searchIconInner {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  color: #4d4d4d;
+}
+.FilterBar_module_searchInput {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  outline: none;
+  font-size: var(--size-body, 14px);
+  font-weight: 500;
+  line-height: 1.5;
+  background: transparent;
+  color: var(--base-black, #080808);
+}
+.FilterBar_module_searchInput::placeholder {
+  color: #9e9e9e;
+}
+.FilterBar_module_searchClear {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  border: none;
+  background: transparent;
+  color: #4d4d4d;
+  cursor: pointer;
+}
+.FilterBar_module_searchClear:hover {
+  color: var(--base-black, #080808);
+}
+.FilterBar_module_dropdownPanel {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  background: white;
+  border: 1px solid var(--grayoutline, #dbdbdb);
+  border-radius: 16px;
+  padding: 8px;
+  min-width: 150px;
+  z-index: 100;
+  box-shadow:
+    0 0 3px rgba(54, 54, 54, 0.1),
+    0 0 6px rgba(54, 54, 54, 0.09),
+    0 0 8px rgba(54, 54, 54, 0.05),
+    0 0 9px rgba(54, 54, 54, 0.01);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.FilterBar_module_filterFaded {
+  animation: FilterBar_module_filterFadeOut 0.25s ease forwards;
+  pointer-events: none;
+}
+.FilterBar_module_filterFading {
+  animation: FilterBar_module_filterFadeIn 0.25s ease forwards;
+}
+@keyframes FilterBar_module_filterFadeOut {
+  from {
+    opacity: 1;
+    max-width: 120px;
+  }
+  to {
+    opacity: 0;
+    max-width: 0;
+    overflow: hidden;
+  }
+}
+@keyframes FilterBar_module_filterFadeIn {
+  from {
+    opacity: 0;
+    max-width: 0;
+  }
+  to {
+    opacity: 1;
+    max-width: 120px;
+  }
+}
+.FilterBar_module_dropdownOption {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 8px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: var(--size-body, 16px);
+  font-weight: 500;
+  line-height: 1.5;
+  letter-spacing: -0.08px;
+  white-space: nowrap;
+  color: var(--base-black, #080808);
+  background: transparent;
+  border: none;
+  width: 100%;
+  text-align: left;
+}
+.FilterBar_module_dropdownOption:hover:not(.FilterBar_module_selected) {
+  background: var(--neutral-50, #ededed);
+}
+.FilterBar_module_dropdownOption.FilterBar_module_selected {
+  background: var(--base-black, #080808);
+  color: white;
+}
+
 /* src/components/InfoCard/InfoCard.module.scss */
 .InfoCard_module_info-card {
   width: 100%;
@@ -828,58 +1029,259 @@ a:hover.Card_module_card {
   }
 }
 
-/* src/components/LogoBar/LogoBar.module.scss */
-.LogoBar_module_logoBar {
-  display: flex;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-sm);
-  max-width: 303px;
+/* src/components/ResourceCardItem/ResourceCardItem.module.scss */
+.ResourceCardItem_module_cardLink {
+  display: block;
+  width: 100%;
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
 }
-.LogoBar_module_logoBar a {
-  position: relative;
-  flex-shrink: 0;
+.ResourceCardItem_module_cardGrid {
+  width: 100%;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--grayoutline, #dbdbdb);
+  background: white;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper {
-  position: relative;
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardGrid .ResourceCardItem_module_cardBody {
+    height: auto;
+    min-height: 236px;
+    padding: 16px;
+  }
+}
+.ResourceCardItem_module_cardBody {
+  padding: 24px 24px 16px;
+  height: 314px;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  justify-content: space-between;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logo {
-  display: block;
-  object-fit: contain;
-  max-height: 48px;
+.ResourceCardItem_module_cardIconTitle {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  min-width: 0;
 }
-.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logoHover {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  transition: opacity 0.3s ease-in-out;
-  object-fit: contain;
-  max-height: 48px;
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardIconTitle {
+    flex-direction: column;
+    gap: 8px;
+    align-items: flex-start;
+  }
 }
-.LogoBar_module_logoBar a:hover .LogoBar_module_logoHover {
-  opacity: 1;
+.ResourceCardItem_module_cardTitle {
+  flex: 1;
+  min-width: 0;
+  font-weight: 600;
+  font-size: var(--size-body, 16px);
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
-
-/* src/widgets/CardCollection/CardCollection.module.scss */
-.CardCollection_module_card-collection {
-  display: block;
-  width: 100%;
-  background-color: var(--color-white);
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardTitle {
+    letter-spacing: -0.08px;
+  }
 }
-.CardCollection_module_card-collection h2 {
-  color: var(--color-black);
-  margin-bottom: var(--spacing-sm);
+.ResourceCardItem_module_cardMeta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.CardCollection_module_card-collection .CardCollection_module_content {
-  margin-bottom: var(--spacing-xl);
+.ResourceCardItem_module_cardDate {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4d4d4d;
+  white-space: nowrap;
 }
-.CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
-  display: grid;
+.ResourceCardItem_module_cardList {
+  background: white;
+  padding: 16px 24px;
+  border-bottom: 1px solid var(--grayoutline, #dbdbdb);
+  display: flex;
+  gap: 32px;
+  align-items: center;
+}
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardList {
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px 24px;
+    border: 1px solid var(--grayoutline, #dbdbdb);
+    border-radius: 8px;
+    border-bottom: 1px solid var(--grayoutline, #dbdbdb);
+    margin-bottom: 16px;
+  }
+}
+.ResourceCardItem_module_cardListLeft {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 80px;
+}
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardListLeft {
+    order: 2;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+}
+.ResourceCardItem_module_cardListRight {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  flex: 1;
+  min-width: 0;
+}
+@media (max-width: 768px) {
+  .ResourceCardItem_module_cardListRight {
+    order: 1;
+    flex-direction: column;
+    gap: 8px;
+    align-items: flex-start;
+    width: 100%;
+    flex: none;
+  }
+}
+.ResourceCardItem_module_notificationDot {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #c00000;
+  flex-shrink: 0;
+}
+.ResourceCardItem_module_iconWrapper {
+  width: 37px;
+  height: 38px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* src/components/Sidebar/Sidebar.module.scss */
+.Sidebar_module_sidebar {
+  width: 272px;
+  flex-shrink: 0;
+  align-self: stretch;
+  border-right: 1px solid var(--base-inverted-grey, #cecece);
+  padding-right: var(--spacing-lg);
+}
+@media (max-width: 768px) {
+  .Sidebar_module_sidebar {
+    display: none;
+  }
+}
+.Sidebar_module_sidebarItem {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: var(--size-body, 15px);
+  font-weight: 600;
+  list-style: none;
+}
+.Sidebar_module_sidebarItem.Sidebar_module_active {
+  background: rgba(0, 0, 0, 0.1);
+}
+.Sidebar_module_sidebarMobile {
+  position: relative;
+  width: 40px;
+  flex-shrink: 0;
+  align-self: stretch;
+}
+.Sidebar_module_sidebarMobile::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 1px;
+  background-color: var(--base-inverted-grey, #cecece);
+  transform: translateX(-50%);
+}
+.Sidebar_module_hamburger {
+  position: relative;
+  z-index: 1;
+  background: white;
+  border: 1px solid var(--base-inverted-grey, #cecece);
+  border-radius: 26px;
+  padding: 8px;
+  display: flex;
+  cursor: pointer;
+  margin-top: 26px;
+}
+.Sidebar_module_notificationDot {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #c00000;
+  flex-shrink: 0;
+}
+
+/* src/components/LogoBar/LogoBar.module.scss */
+.LogoBar_module_logoBar {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+  max-width: 303px;
+}
+.LogoBar_module_logoBar a {
+  position: relative;
+  flex-shrink: 0;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logo {
+  display: block;
+  object-fit: contain;
+  max-height: 48px;
+}
+.LogoBar_module_logoBar a .LogoBar_module_logoWrapper .LogoBar_module_logoHover {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+  object-fit: contain;
+  max-height: 48px;
+}
+.LogoBar_module_logoBar a:hover .LogoBar_module_logoHover {
+  opacity: 1;
+}
+
+/* src/widgets/CardCollection/CardCollection.module.scss */
+.CardCollection_module_card-collection {
+  display: block;
+  width: 100%;
+  background-color: var(--color-white);
+}
+.CardCollection_module_card-collection h2 {
+  color: var(--color-black);
+  margin-bottom: var(--spacing-sm);
+}
+.CardCollection_module_card-collection .CardCollection_module_content {
+  margin-bottom: var(--spacing-xl);
+}
+.CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
+  display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: var(--spacing-md);
 }
@@ -1337,7 +1739,7 @@ a:hover.Card_module_card {
   width: 100%;
   height: 100%;
   gap: var(--spacing-lg);
-  padding: var(--spacing-7xl);
+  padding: var(--spacing-5xl) var(--spacing-2xl);
   z-index: 2;
 }
 .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text {
@@ -1443,7 +1845,7 @@ a:hover.Card_module_card {
     padding: 0;
   }
   .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner .HeroBanner_module_container {
-    height: calc(100dvh - 64px);
+    height: calc(100dvh - 48px);
   }
   .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
     flex-direction: column;
@@ -3440,188 +3842,6 @@ a:hover {
     padding: var(--spacing-lg) var(--spacing-md);
   }
 }
-.ResourcesGridList_module_filterBar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  max-width: 1280px;
-}
-.ResourcesGridList_module_viewToggle,
-.ResourcesGridList_module_filterActions {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.ResourcesGridList_module_chip {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 16px;
-  border-radius: 16px;
-  border: 1px solid var(--grayoutline, #dbdbdb);
-  background: white;
-  cursor: pointer;
-  font-size: var(--size-body, 14px);
-  font-weight: 500;
-  line-height: 1.5;
-  white-space: nowrap;
-}
-.ResourcesGridList_module_chip.ResourcesGridList_module_active {
-  background: var(--neutral-50, #ededed);
-  border-color: #4d4d4d;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_chip {
-    padding: 8px;
-    gap: 0;
-  }
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_chipLabel {
-    display: none;
-  }
-}
-.ResourcesGridList_module_dropdownWrapper {
-  position: relative;
-}
-.ResourcesGridList_module_searchExpanded {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 16px;
-  border-radius: 16px;
-  border: 1px solid #4d4d4d;
-  background: white;
-  overflow: hidden;
-  white-space: nowrap;
-  animation: ResourcesGridList_module_searchExpand 0.25s ease forwards;
-}
-.ResourcesGridList_module_searchCollapsing {
-  animation: ResourcesGridList_module_searchCollapse 0.25s ease forwards;
-}
-@keyframes ResourcesGridList_module_searchExpand {
-  from {
-    width: 0;
-    opacity: 0;
-    padding-left: 0;
-    padding-right: 0;
-  }
-  to {
-    width: 220px;
-    opacity: 1;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@keyframes ResourcesGridList_module_searchCollapse {
-  from {
-    width: 220px;
-    opacity: 1;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-  to {
-    width: 0;
-    opacity: 0;
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-.ResourcesGridList_module_searchIconInner {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  color: #4d4d4d;
-}
-.ResourcesGridList_module_searchInput {
-  flex: 1;
-  min-width: 0;
-  border: none;
-  outline: none;
-  font-size: var(--size-body, 14px);
-  font-weight: 500;
-  line-height: 1.5;
-  background: transparent;
-  color: var(--base-black, #080808);
-}
-.ResourcesGridList_module_searchInput::placeholder {
-  color: #9e9e9e;
-}
-.ResourcesGridList_module_searchClear {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2px;
-  border: none;
-  background: transparent;
-  color: #4d4d4d;
-  cursor: pointer;
-}
-.ResourcesGridList_module_searchClear:hover {
-  color: var(--base-black, #080808);
-}
-.ResourcesGridList_module_dropdownPanel {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  background: white;
-  border: 1px solid var(--grayoutline, #dbdbdb);
-  border-radius: 16px;
-  padding: 8px;
-  min-width: 150px;
-  z-index: 100;
-  box-shadow:
-    0 0 3px rgba(54, 54, 54, 0.1),
-    0 0 6px rgba(54, 54, 54, 0.09),
-    0 0 8px rgba(54, 54, 54, 0.05),
-    0 0 9px rgba(54, 54, 54, 0.01);
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.ResourcesGridList_module_searchPanel {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: min(240px, 100vw - 32px);
-  padding: 8px 16px;
-  background: white;
-  border: 1px solid #4d4d4d;
-  border-radius: 16px;
-  box-shadow:
-    0 0 3px rgba(54, 54, 54, 0.1),
-    0 0 6px rgba(54, 54, 54, 0.09),
-    0 0 8px rgba(54, 54, 54, 0.05),
-    0 0 9px rgba(54, 54, 54, 0.01);
-}
-.ResourcesGridList_module_dropdownOption {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 8px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: var(--size-body, 16px);
-  font-weight: 500;
-  line-height: 1.5;
-  letter-spacing: -0.08px;
-  white-space: nowrap;
-  color: var(--base-black, #080808);
-  background: transparent;
-  border: none;
-  width: 100%;
-  text-align: left;
-}
-.ResourcesGridList_module_dropdownOption.ResourcesGridList_module_selected {
-  background: var(--base-black, #080808);
-  color: white;
-}
 .ResourcesGridList_module_content {
   display: flex;
   gap: 24px;
@@ -3705,48 +3925,6 @@ a:hover {
   background-color: var(--base-inverted-grey, #cecece);
   transform: translateX(-50%);
 }
-.ResourcesGridList_module_sidebar {
-  width: 272px;
-  flex-shrink: 0;
-  align-self: stretch;
-  border-right: 1px solid var(--base-inverted-grey, #cecece);
-  padding-right: var(--spacing-lg);
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_sidebar {
-    display: none;
-  }
-}
-.ResourcesGridList_module_sidebarItem {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: var(--size-body, 15px);
-  font-weight: 600;
-  list-style: none;
-}
-.ResourcesGridList_module_sidebarItem.ResourcesGridList_module_active {
-  background: rgba(0, 0, 0, 0.1);
-}
-.ResourcesGridList_module_sidebarMobile {
-  position: relative;
-  width: 40px;
-  flex-shrink: 0;
-  align-self: stretch;
-}
-.ResourcesGridList_module_sidebarMobile::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  width: 1px;
-  background-color: var(--base-inverted-grey, #cecece);
-  transform: translateX(-50%);
-}
 .ResourcesGridList_module_hamburger {
   position: relative;
   z-index: 1;
@@ -3776,128 +3954,6 @@ a:hover {
   display: flex;
   flex-direction: column;
 }
-.ResourcesGridList_module_cardLink {
-  display: block;
-  width: 100%;
-  color: inherit;
-  text-decoration: none;
-  cursor: pointer;
-}
-.ResourcesGridList_module_cardGrid {
-  width: 100%;
-  border-radius: 8px;
-  overflow: hidden;
-  border: 1px solid var(--grayoutline, #dbdbdb);
-  background: white;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardGrid .ResourcesGridList_module_cardBody {
-    height: auto;
-    min-height: 236px;
-    padding: 16px;
-  }
-}
-.ResourcesGridList_module_cardBody {
-  padding: 24px 24px 16px;
-  height: 314px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.ResourcesGridList_module_cardIconTitle {
-  display: flex;
-  gap: 16px;
-  align-items: flex-start;
-  min-width: 0;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardIconTitle {
-    flex-direction: column;
-    gap: 8px;
-    align-items: flex-start;
-  }
-}
-.ResourcesGridList_module_cardTitle {
-  flex: 1;
-  min-width: 0;
-  font-weight: 600;
-  font-size: var(--size-body, 16px);
-  line-height: 1.5;
-  overflow-wrap: anywhere;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardTitle {
-    letter-spacing: -0.08px;
-  }
-}
-.ResourcesGridList_module_cardMeta {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.ResourcesGridList_module_cardDate {
-  font-size: 14px;
-  font-weight: 500;
-  color: #4d4d4d;
-  white-space: nowrap;
-}
-.ResourcesGridList_module_cardList {
-  background: white;
-  padding: 16px 24px;
-  border-bottom: 1px solid var(--grayoutline, #dbdbdb);
-  display: flex;
-  gap: 32px;
-  align-items: center;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardList {
-    flex-direction: column;
-    gap: 16px;
-    padding: 16px 24px;
-    border: 1px solid var(--grayoutline, #dbdbdb);
-    border-radius: 8px;
-    border-bottom: 1px solid var(--grayoutline, #dbdbdb);
-    margin-bottom: 16px;
-  }
-}
-.ResourcesGridList_module_cardListLeft {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  align-items: center;
-  flex-shrink: 0;
-  min-width: 80px;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardListLeft {
-    order: 2;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-}
-.ResourcesGridList_module_cardListRight {
-  display: flex;
-  gap: 16px;
-  align-items: flex-start;
-  flex: 1;
-  min-width: 0;
-}
-@media (max-width: 768px) {
-  .ResourcesGridList_module_cardListRight {
-    order: 1;
-    flex-direction: column;
-    gap: 8px;
-    align-items: flex-start;
-    width: 100%;
-    flex: none;
-  }
-}
 .ResourcesGridList_module_notificationDot {
   width: 16px;
   height: 16px;
@@ -3905,51 +3961,4 @@ a:hover {
   background: #c00000;
   flex-shrink: 0;
 }
-.ResourcesGridList_module_iconWrapper {
-  width: 37px;
-  height: 38px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ResourcesGridList_module_pagination {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-}
-.ResourcesGridList_module_pageArrow {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  background: #ffffff;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-}
-.ResourcesGridList_module_pageArrow:disabled {
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-.ResourcesGridList_module_pageDotActive {
-  width: 40px;
-  height: 20px;
-  border-radius: 10px;
-  background: #080808;
-  padding: 0;
-  border: none;
-  cursor: pointer;
-}
-.ResourcesGridList_module_pageDot {
-  width: 20px;
-  height: 20px;
-  border-radius: 10px;
-  border: 1px solid #cecece;
-  background: white;
-  padding: 0;
-  cursor: pointer;
-}
 /*# sourceMappingURL=index.css.map */