/* [project]/src/app/(explore)/explore/samples/page.module.css [app-client] (css) */
.page-module__t-zS0q__page {
  gap: var(--space-20);
  padding: var(--space-24);
  animation: page-module__t-zS0q__fadeUp var(--duration-slow) var(--easing-decelerate) both;
  flex-direction: column;
  display: flex;
}

.page-module__t-zS0q__header {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
}

.page-module__t-zS0q__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.page-module__t-zS0q__subtitle {
  color: #fff9;
  font-size: .875rem;
}

.page-module__t-zS0q__filters {
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.page-module__t-zS0q__filterPill {
  padding: var(--space-6) var(--space-16);
  border-radius: var(--radius-circular);
  cursor: pointer;
  background: var(--layer-2);
  color: #ffffffb3;
  transition: all var(--duration-fast) var(--easing-ease);
  font-size: .8rem;
  font-weight: 500;
  font-family: var(--font-sans);
  border: 1px solid #ffffff1a;
}

.page-module__t-zS0q__filterPill:hover {
  color: var(--atheryon-blue);
  background: #0a84ff14;
  border-color: #0a84ff4d;
}

.page-module__t-zS0q__filterPillActive {
  border-color: var(--atheryon-blue);
  color: var(--atheryon-blue);
  background: #0a84ff26;
}

.page-module__t-zS0q__filterDivider {
  width: 1px;
  margin: 0 var(--space-4);
  background: #ffffff1a;
  align-self: stretch;
}

.page-module__t-zS0q__grid {
  gap: var(--space-16);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (max-width: 1100px) {
  .page-module__t-zS0q__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .page-module__t-zS0q__grid {
    grid-template-columns: 1fr;
  }
}

.page-module__t-zS0q__card {
  cursor: pointer;
  transition: all var(--duration-normal) var(--easing-ease);
  position: relative;
  overflow: hidden;
}

.page-module__t-zS0q__card:before {
  content: "";
  border-radius: 3px 0 0 3px;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-module__t-zS0q__cardCDM:before {
  background: var(--atheryon-blue);
}

.page-module__t-zS0q__cardFpML:before {
  background: var(--atheryon-orange);
}

.page-module__t-zS0q__cardISO:before {
  background: #22c55e;
}

.page-module__t-zS0q__cardInner {
  padding: var(--space-20);
  gap: var(--space-12);
  flex-direction: column;
  display: flex;
}

.page-module__t-zS0q__cardHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-8);
  display: flex;
}

.page-module__t-zS0q__cardTitle {
  color: #fff;
  font-size: .95rem;
  font-weight: 600;
}

.page-module__t-zS0q__cardBadges {
  gap: var(--space-6);
  flex-shrink: 0;
  display: flex;
}

.page-module__t-zS0q__cardDesc {
  color: #fff9;
  font-size: .8rem;
  line-height: 1.5;
}

.page-module__t-zS0q__cardFooter {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.page-module__t-zS0q__cardStandard {
  font-size: .75rem;
  font-family: var(--font-mono);
  color: #fff6;
}

.page-module__t-zS0q__viewBtn {
  color: var(--atheryon-blue);
  cursor: pointer;
  font-size: .75rem;
  font-family: var(--font-sans);
  background: none;
  border: none;
  padding: 0;
}

.page-module__t-zS0q__viewBtn:hover {
  text-decoration: underline;
}

.page-module__t-zS0q__detailOverlay {
  z-index: 100;
  animation: page-module__t-zS0q__fadeIn var(--duration-fast) var(--easing-ease) both;
  background: #0009;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.page-module__t-zS0q__detailPanel {
  background: var(--layer-1);
  width: 50vw;
  min-width: 360px;
  max-width: 720px;
  height: 100vh;
  padding: var(--space-24);
  gap: var(--space-16);
  animation: page-module__t-zS0q__slideInRight var(--duration-slow) var(--easing-decelerate) both;
  border-left: 1px solid #ffffff14;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

@keyframes page-module__t-zS0q__slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.page-module__t-zS0q__detailHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__t-zS0q__detailTitle {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}

.page-module__t-zS0q__closeBtn {
  color: #ffffffb3;
  border-radius: var(--radius-medium);
  padding: var(--space-6) var(--space-12);
  cursor: pointer;
  font-family: var(--font-sans);
  transition: all var(--duration-fast) var(--easing-ease);
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  font-size: .8rem;
}

.page-module__t-zS0q__closeBtn:hover {
  color: #fff;
  background: #ffffff1a;
}

.page-module__t-zS0q__detailBadges {
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.page-module__t-zS0q__detailDesc {
  color: #fff9;
  font-size: .85rem;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .page-module__t-zS0q__detailPanel {
    width: 100vw;
  }
}

.page-module__t-zS0q__empty {
  justify-content: center;
  align-items: center;
  gap: var(--space-12);
  padding: var(--space-64);
  color: #ffffff4d;
  text-align: center;
  flex-direction: column;
  grid-column: 1 / -1;
  display: flex;
}

/*# sourceMappingURL=src_app_%28explore%29_explore_samples_page_module_de2fd7a7.css.map*/