/* [project]/src/components/organisms/cards/components/quick-link-card/styles/QuickLinkCard.module.css [app-client] (css) */
.QuickLinkCard-module__K6v2TG__container {
  max-height: calc(var(--spacing, .25rem) * 67);
  min-height: calc(var(--spacing, .25rem) * 52.5);
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 103);
  min-width: calc(var(--spacing, .25rem) * 81);
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  padding-inline: calc(var(--spacing, .25rem) * 8.5);
  padding-top: calc(var(--spacing, .25rem) * 8);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-custom-blue-200, #c4dcf3);
  transform-origin: center;
  background: linear-gradient(145deg, #f9f6f3 41.15%, #fdfcfc 71.04%, #fff 93.83%);
  border-radius: 22px;
  flex-direction: column;
  flex-shrink: 0;
  padding-bottom: 27px;
  text-decoration-line: none;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
  animation: .7s cubic-bezier(.22, 1, .36, 1) both QuickLinkCard-module__K6v2TG__appear;
  display: flex;
  position: relative;
  overflow: hidden;
}

.QuickLinkCard-module__K6v2TG__container:nth-child(2) {
  animation-delay: 80ms;
}

.QuickLinkCard-module__K6v2TG__container:nth-child(3) {
  animation-delay: .16s;
}

.QuickLinkCard-module__K6v2TG__tilt_left, .QuickLinkCard-module__K6v2TG__tilt_right {
  z-index: 20;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}

.QuickLinkCard-module__K6v2TG__tilt_left {
  left: 0;
}

.QuickLinkCard-module__K6v2TG__tilt_right {
  right: 0;
}

.QuickLinkCard-module__K6v2TG__container:has(.QuickLinkCard-module__K6v2TG__tilt_left:hover) {
  transform: rotate(-5deg);
}

:is(.QuickLinkCard-module__K6v2TG__container:has(.QuickLinkCard-module__K6v2TG__tilt_right:hover), .QuickLinkCard-module__K6v2TG__container:has(.QuickLinkCard-module__K6v2TG__link:hover)) {
  transform: rotate(5deg);
}

@keyframes QuickLinkCard-module__K6v2TG__appear {
  from {
    opacity: 0;
    translate: 0 16px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

.QuickLinkCard-module__K6v2TG__icon {
  top: calc(var(--spacing, .25rem) * -10.75);
  left: calc(var(--spacing, .25rem) * -11.25);
  height: calc(var(--spacing, .25rem) * 47.5);
  width: calc(var(--spacing, .25rem) * 47.5);
  position: absolute;
}

.QuickLinkCard-module__K6v2TG__gif_wrapper {
  z-index: 10;
  height: calc(var(--spacing, .25rem) * 16);
  width: calc(var(--spacing, .25rem) * 16);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__gif_wrapper {
    height: calc(var(--spacing, .25rem) * 20);
  }

  .QuickLinkCard-module__K6v2TG__gif_wrapper {
    width: calc(var(--spacing, .25rem) * 20);
  }
}

.QuickLinkCard-module__K6v2TG__ring {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.QuickLinkCard-module__K6v2TG__memory_gif {
  z-index: 10;
  aspect-ratio: 39.42 / 36.02;
  object-fit: contain;
  width: 39.417px;
  height: 36.019px;
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__memory_gif {
    aspect-ratio: 50 / 45.69;
  }

  .QuickLinkCard-module__K6v2TG__memory_gif {
    height: 45.69px;
  }

  .QuickLinkCard-module__K6v2TG__memory_gif {
    width: 50px;
  }
}

.QuickLinkCard-module__K6v2TG__challenge_gif {
  z-index: 10;
  aspect-ratio: 1;
  object-fit: contain;
  width: 32.293px;
  height: 32.293px;
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__challenge_gif {
    height: 40.963px;
  }

  .QuickLinkCard-module__K6v2TG__challenge_gif {
    width: 40.963px;
  }
}

.QuickLinkCard-module__K6v2TG__time_capsule_gif {
  z-index: 10;
  aspect-ratio: 12 / 13;
  object-fit: contain;
  width: 32.322px;
  height: 35.016px;
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__time_capsule_gif {
    height: 44.417px;
  }

  .QuickLinkCard-module__K6v2TG__time_capsule_gif {
    width: 41px;
  }
}

.QuickLinkCard-module__K6v2TG__title {
  z-index: 10;
  text-align: right;
  --tw-leading: 16.555px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 20px;
  line-height: 16.555px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__title {
    font-size: 26px;
  }

  .QuickLinkCard-module__K6v2TG__title {
    --tw-leading: 21px;
    line-height: 21px;
  }
}

.QuickLinkCard-module__K6v2TG__subtitle {
  z-index: 10;
  text-align: right;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 14.092px;
  --tw-font-weight: var(--font-weight-light, 300);
  line-height: 14.092px;
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-600, #666);
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__subtitle {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }

  .QuickLinkCard-module__K6v2TG__subtitle {
    --tw-leading: 17.875px;
    line-height: 17.875px;
  }
}

.QuickLinkCard-module__K6v2TG__link_container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}

.QuickLinkCard-module__K6v2TG__link {
  z-index: 30;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: 15.767px;
  --tw-font-weight: var(--font-weight-medium, 500);
  line-height: 15.767px;
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: -.072px;
  letter-spacing: -.072px;
  color: var(--color-primary, #4697d9);
  position: relative;
}

@media (min-width: 64rem) {
  .QuickLinkCard-module__K6v2TG__link {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }

  .QuickLinkCard-module__K6v2TG__link {
    --tw-leading: calc(var(--spacing, .25rem) * 5);
    line-height: calc(var(--spacing, .25rem) * 5);
  }

  .QuickLinkCard-module__K6v2TG__link {
    --tw-tracking: -.096px;
    letter-spacing: -.096px;
  }
}

.QuickLinkCard-module__K6v2TG__arrow_icon {
  aspect-ratio: 4 / 3;
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 6);
  rotate: 180deg;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/home-page/styles/HomePageHero.module.css [app-client] (css) */
.HomePageHero-module__CnAcpa__wrapper {
  background-color: var(--color-custom-background, #f9f6f3);
  align-self: stretch;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}

.HomePageHero-module__CnAcpa__content {
  z-index: 20;
  align-items: stretch;
  gap: calc(var(--spacing, .25rem) * 8);
  background-color: var(--color-custom-background, #f9f6f3);
  width: 100%;
  max-width: 1440px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 10);
  padding-bottom: calc(var(--spacing, .25rem) * 10);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
  position: relative;
}

@media (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__content {
    align-items: center;
  }

  .HomePageHero-module__CnAcpa__content {
    padding-inline: calc(var(--spacing, .25rem) * 20);
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__content {
    flex-direction: row;
  }

  .HomePageHero-module__CnAcpa__content {
    align-items: center;
  }

  .HomePageHero-module__CnAcpa__content {
    justify-content: space-between;
  }

  .HomePageHero-module__CnAcpa__content {
    padding-top: calc(var(--spacing, .25rem) * 16);
  }

  .HomePageHero-module__CnAcpa__content {
    padding-bottom: calc(var(--spacing, .25rem) * 8);
  }
}

@media not (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__first_part {
    display: contents;
  }
}

@media (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__first_part {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 6);
    flex-direction: column;
    width: fit-content;
    max-width: 100%;
    display: flex;
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__first_part {
    flex: 1;
    align-items: flex-start;
    width: 100%;
    max-width: none;
  }
}

.HomePageHero-module__CnAcpa__intro {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media not (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__intro {
    order: 1;
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__intro {
    align-items: flex-start;
  }
}

.HomePageHero-module__CnAcpa__second_part {
  margin-top: calc(var(--spacing, .25rem) * 5.5);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

@media not (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__second_part {
    order: 2;
  }
}

@media (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__second_part {
    margin-top: calc(var(--spacing, .25rem) * 10);
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__second_part {
    margin-top: 0;
  }

  .HomePageHero-module__CnAcpa__second_part {
    width: auto;
  }

  .HomePageHero-module__CnAcpa__second_part {
    flex: 1;
  }
}

@media (min-width: 80rem) {
  .HomePageHero-module__CnAcpa__second_part {
    flex: none;
  }
}

.HomePageHero-module__CnAcpa__eyebrow {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 13.5px;
  --tw-font-weight: var(--font-weight-normal, 400);
  line-height: 13.5px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
  --tw-shadow: 0 8px 20px 0 var(--tw-shadow-color, #17203612);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 1px;
  border-color: #d5dce6;
  border-radius: 30px;
  display: inline-flex;
}

.HomePageHero-module__CnAcpa__eyebrow_dot {
  height: calc(var(--spacing, .25rem) * 1.5);
  width: calc(var(--spacing, .25rem) * 1.5);
  background-color: var(--color-primary, #4697d9);
  border-radius: 3px;
  flex-shrink: 0;
}

.HomePageHero-module__CnAcpa__title {
  text-align: center;
  --tw-leading: 48px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-custom-gray-800, #333);
}

@media (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__title {
    font-size: 43px;
  }

  .HomePageHero-module__CnAcpa__title {
    --tw-leading: 66px;
    line-height: 66px;
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__title {
    text-align: right;
  }
}

.HomePageHero-module__CnAcpa__highlight {
  --tw-leading: 48px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-primary, #4697d9);
}

@media (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__highlight {
    font-size: 43px;
  }

  .HomePageHero-module__CnAcpa__highlight {
    --tw-leading: 66px;
    line-height: 66px;
  }
}

.HomePageHero-module__CnAcpa__steps {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

@media not (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__steps {
    order: 3;
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__steps {
    justify-content: flex-start;
  }
}

.HomePageHero-module__CnAcpa__step_group {
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.HomePageHero-module__CnAcpa__step_group:not(:last-child):after {
  content: "←";
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 13.5px;
  --tw-font-weight: var(--font-weight-normal, 400);
  line-height: 13.5px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.HomePageHero-module__CnAcpa__step {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  display: flex;
}

.HomePageHero-module__CnAcpa__step_number {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  padding-block: calc(var(--spacing, .25rem) * .5);
  --tw-leading: 13.5px;
  --tw-font-weight: 750;
  color: var(--color-primary, #4697d9);
  border: .8px solid #cfd6e2;
  border-radius: 12.5px;
  place-self: center;
  place-items: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
  line-height: 13.5px;
  display: inline-grid;
}

.HomePageHero-module__CnAcpa__step_text {
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 13.5px;
  --tw-font-weight: var(--font-weight-normal, 400);
  line-height: 13.5px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.HomePageHero-module__CnAcpa__actions {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

@media not (min-width: 48rem) {
  .HomePageHero-module__CnAcpa__actions {
    display: none;
  }
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__actions {
    justify-content: flex-start;
  }
}

.HomePageHero-module__CnAcpa__action_link {
  display: inline-flex;
}

.HomePageHero-module__CnAcpa__action {
  padding-inline: calc(var(--spacing, .25rem) * 4);
}

.HomePageHero-module__CnAcpa__pen_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  fill: var(--color-dark-label, #1f1a17);
  flex-shrink: 0;
  margin-inline-start: calc(var(--spacing, .25rem) * 1.5);
}

.HomePageHero-module__CnAcpa__pen_icon path {
  fill: var(--color-dark-label, #1f1a17);
}

.HomePageHero-module__CnAcpa__background {
  pointer-events: none;
  display: none;
}

@media (min-width: 64rem) {
  .HomePageHero-module__CnAcpa__background {
    position: relative;
  }

  .HomePageHero-module__CnAcpa__background {
    z-index: 10;
  }

  .HomePageHero-module__CnAcpa__background {
    margin-top: calc(var(--spacing, .25rem) * -4);
  }

  .HomePageHero-module__CnAcpa__background {
    display: block;
  }

  .HomePageHero-module__CnAcpa__background {
    width: 100%;
  }

  .HomePageHero-module__CnAcpa__background {
    max-width: none;
  }

  .HomePageHero-module__CnAcpa__background {
    rotate: 180deg;
  }

  .HomePageHero-module__CnAcpa__background {
    overflow: hidden;
  }
}

.HomePageHero-module__CnAcpa__background .HomePageHero-module__CnAcpa__background_image {
  border-radius: 0;
  max-width: none;
  height: auto;
  margin-top: 0;
}

.HomePageHero-module__CnAcpa__background > .HomePageHero-module__CnAcpa__background_image {
  width: 104%;
  margin-inline: -2%;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

/* [project]/src/app/home-page/styles/HomePageHeroCarousel.module.css [app-client] (css) */
.HomePageHeroCarousel-module__RKU9dq__wrapper {
  margin-inline: auto;
  margin-top: calc(var(--spacing, .25rem) * 10);
  --tw-translate-y: calc(8% * -1);
  width: 100%;
  max-width: 544.946px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transition-property: rotate, translate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .45s;
  --tw-ease: cubic-bezier(.22, 1, .36, 1);
  transition-duration: .45s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: visible;
  rotate: none;
}

@media (hover: hover) {
  .HomePageHeroCarousel-module__RKU9dq__wrapper:hover {
    --tw-translate-y: calc(8% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@media (hover: hover) {
  .HomePageHeroCarousel-module__RKU9dq__wrapper:hover {
    rotate: none;
  }
}

@media (min-width: 48rem) {
  .HomePageHeroCarousel-module__RKU9dq__wrapper {
    width: 544.946px;
  }

  .HomePageHeroCarousel-module__RKU9dq__wrapper {
    --tw-translate-y: calc(8% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .HomePageHeroCarousel-module__RKU9dq__wrapper {
    rotate: -1.738deg;
  }
}

.HomePageHeroCarousel-module__RKU9dq__wrapper:hover .HomePageHeroCarousel-module__RKU9dq__container {
  border-color: var(--color-primary-600, #2e83c9);
  --tw-shadow: 8px 12.34px 0 0 var(--tw-shadow-color, #d9e9f5);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HomePageHeroCarousel-module__RKU9dq__container {
  border-style: var(--tw-border-style);
  border-width: 1.048px;
  border-color: var(--color-custom-gray-200, #ccc);
  width: 100%;
  max-width: 544.946px;
  height: auto;
  min-height: 320px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 5);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 8px 8px 0 0 var(--tw-shadow-color, #d9e9f5);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: border-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .45s;
  --tw-ease: cubic-bezier(.22, 1, .36, 1);
  border-radius: 17.816px;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.336px;
  transition-duration: .45s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .HomePageHeroCarousel-module__RKU9dq__container {
    height: auto;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    min-height: 419.189px;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    width: 544.946px;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    max-width: none;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    padding-inline: 24.103px;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    padding-top: 25.151px;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    padding-bottom: 20.959px;
  }

  .HomePageHeroCarousel-module__RKU9dq__container {
    --tw-shadow: 13.34px 12.34px 0 0 var(--tw-shadow-color, #d9e9f5);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.HomePageHeroCarousel-module__RKU9dq__container {
  background: linear-gradient(145deg, #fff 6.17% 71.04%, #f7fbfe 93.83%);
}

.HomePageHeroCarousel-module__RKU9dq__icon {
  pointer-events: none;
  top: calc(var(--spacing, .25rem) * -2);
  left: calc(var(--spacing, .25rem) * -1);
  z-index: 0;
  height: calc(var(--spacing, .25rem) * 20);
  width: calc(var(--spacing, .25rem) * 20);
  position: absolute;
}

@media (min-width: 48rem) {
  .HomePageHeroCarousel-module__RKU9dq__icon {
    height: calc(var(--spacing, .25rem) * 30);
  }

  .HomePageHeroCarousel-module__RKU9dq__icon {
    width: calc(var(--spacing, .25rem) * 30);
  }
}

.HomePageHeroCarousel-module__RKU9dq__header {
  z-index: 10;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.HomePageHeroCarousel-module__RKU9dq__header_start {
  align-items: center;
  gap: 8.384px;
  display: flex;
}

.HomePageHeroCarousel-module__RKU9dq__badge {
  background-color: var(--color-primary-200, #e4eefa);
  border-radius: 14.672px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 29.343px;
  height: 29.343px;
  display: flex;
}

.HomePageHeroCarousel-module__RKU9dq__badge_icon {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: 750;
  color: var(--color-primary, #4697d9);
  font-weight: 750;
}

.HomePageHeroCarousel-module__RKU9dq__badge_label {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: 750;
  color: #50596a;
  font-weight: 750;
}

.HomePageHeroCarousel-module__RKU9dq__counter {
  border-style: var(--tw-border-style);
  border-width: 1.048px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  --tw-leading: 14.148px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-family: Lahzeh;
  font-size: 9.432px;
  line-height: 14.148px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
  border-radius: 20.959px;
  flex-direction: column;
  align-items: flex-start;
  padding-block: 6.288px;
  padding-inline: 9.432px;
  font-style: normal;
  display: flex;
}

.HomePageHeroCarousel-module__RKU9dq__quote {
  z-index: 10;
  margin-top: calc(var(--spacing, .25rem) * 4);
  --tw-leading: 50px;
  --tw-font-weight: var(--font-weight-bold, 700);
  font-family: Georgia;
  font-size: 56px;
  line-height: 50px;
  font-weight: var(--font-weight-bold, 700);
  color: #dcebf6;
  position: relative;
}

@media (min-width: 48rem) {
  .HomePageHeroCarousel-module__RKU9dq__quote {
    margin-top: calc(var(--spacing, .25rem) * 8);
  }

  .HomePageHeroCarousel-module__RKU9dq__quote {
    font-size: 84.45px;
  }
}

.HomePageHeroCarousel-module__RKU9dq__viewport {
  z-index: 10;
  flex: none;
  align-self: stretch;
  width: 100%;
  min-height: 53.761px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .HomePageHeroCarousel-module__RKU9dq__viewport {
    min-height: 107.522px;
  }

  .HomePageHeroCarousel-module__RKU9dq__viewport {
    flex-shrink: 0;
  }

  .HomePageHeroCarousel-module__RKU9dq__viewport {
    flex-grow: 1;
  }
}

.HomePageHeroCarousel-module__RKU9dq__track {
  height: 100%;
  display: flex;
}

.HomePageHeroCarousel-module__RKU9dq__slide {
  flex: 0 0 100%;
  min-width: 0;
  overflow: visible;
}

.HomePageHeroCarousel-module__RKU9dq__slide_title {
  text-align: right;
  --tw-leading: 53.761px;
  --tw-font-weight: 750;
  color: #27211e;
  width: 100%;
  font-family: Lahzeh;
  font-size: 30px;
  font-style: normal;
  font-weight: 750;
  line-height: 53.761px;
}

.HomePageHeroCarousel-module__RKU9dq__controls {
  z-index: 10;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 6);
  flex-shrink: 0;
  align-self: stretch;
  height: 42px;
  display: flex;
  position: relative;
}

.HomePageHeroCarousel-module__RKU9dq__dot {
  cursor: pointer;
  border-style: var(--tw-border-style);
  background-color: var(--color-custom-gray-300, #b2b2b2);
  border-width: 0;
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  padding: 0;
}

.HomePageHeroCarousel-module__RKU9dq__dot_active {
  width: calc(var(--spacing, .25rem) * 6);
  background-color: var(--color-primary, #4697d9);
  border-radius: 20px;
}

.HomePageHeroCarousel-module__RKU9dq__sparkle {
  z-index: 10;
  --tw-leading: 34.644px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: 23.096px;
  line-height: 34.644px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-primary, #4697d9);
  margin-top: .5px;
  position: relative;
}

.HomePageHeroCarousel-module__RKU9dq__action_link {
  z-index: 10;
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  position: relative;
}

.HomePageHeroCarousel-module__RKU9dq__action {
  border-style: var(--tw-border-style);
  border-width: 1.048px;
  border-color: var(--color-primary, #4697d9);
  border-radius: 8.384px;
  gap: 8.384px;
  width: 100%;
  padding-block: 10.48px;
  padding-inline: 25.151px;
  height: 50.303px !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/home-page/styles/HomePageFloatingLabel.module.css [app-client] (css) */
.HomePageFloatingLabel-module__WjwBoW__layer {
  pointer-events: none;
  z-index: 30;
  position: absolute;
  inset: 0;
  overflow: visible;
}

@media not (min-width: 48rem) {
  .HomePageFloatingLabel-module__WjwBoW__layer {
    display: none;
  }
}

.HomePageFloatingLabel-module__WjwBoW__host:hover .HomePageFloatingLabel-module__WjwBoW__label {
  rotate: 8deg;
}

.HomePageFloatingLabel-module__WjwBoW__label {
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1.048px;
  border-color: var(--color-primary-100, #f2f7fd);
  background-color: var(--color-white, #fff);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 1;
  --tw-font-weight: var(--font-weight-normal, 400);
  line-height: 1;
  font-weight: var(--font-weight-normal, 400);
  white-space: nowrap;
  color: var(--color-dark-label, #1f1a17);
  --tw-shadow: 0 8.384px 20.959px 0 var(--tw-shadow-color, #17203612);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .45s;
  --tw-ease: cubic-bezier(.22, 1, .36, 1);
  -webkit-user-select: none;
  user-select: none;
  border-radius: 31.439px;
  justify-content: center;
  align-items: center;
  gap: 6.898px;
  padding: 10.742px 15.491px 9.889px 15.49px;
  transition-duration: .45s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
  position: absolute;
  rotate: -8deg;
}

.HomePageFloatingLabel-module__WjwBoW__dot {
  height: calc(var(--spacing, .25rem) * 1.5);
  width: calc(var(--spacing, .25rem) * 1.5);
  border-radius: 4px;
  flex-shrink: 0;
}

.HomePageFloatingLabel-module__WjwBoW__people {
  top: 100px;
  left: -16px;
}

.HomePageFloatingLabel-module__WjwBoW__emotions {
  bottom: -16px;
  left: 238px;
}

.HomePageFloatingLabel-module__WjwBoW__places {
  bottom: 142px;
  right: -16px;
}

.HomePageFloatingLabel-module__WjwBoW__dot_people {
  background-color: #e19666;
}

.HomePageFloatingLabel-module__WjwBoW__dot_emotions {
  background-color: #8c6ab7;
}

.HomePageFloatingLabel-module__WjwBoW__dot_places {
  background-color: var(--color-primary, #4697d9);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/home-page/styles/HomePage.module.css [app-client] (css) */
.HomePage-module__5KjV0W__page {
  background-color: var(--color-custom-background, #f9f6f3);
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.HomePage-module__5KjV0W__container {
  width: 100%;
  max-width: 1440px;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 8);
  padding-bottom: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (min-width: 48rem) {
  .HomePage-module__5KjV0W__container {
    padding-inline: calc(var(--spacing, .25rem) * 20);
  }
}

.HomePage-module__5KjV0W__list {
  justify-content: space-between;
  gap: calc(var(--spacing, .25rem) * 8);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.HomePage-module__5KjV0W__list > * {
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 103);
  min-width: 0;
  margin-inline: auto;
}

@media (min-width: 48rem) {
  .HomePage-module__5KjV0W__list > * {
    margin-inline: 0;
  }

  .HomePage-module__5KjV0W__list > * {
    width: calc(50% - 1rem);
  }
}

@media (min-width: 64rem) {
  .HomePage-module__5KjV0W__list > * {
    width: calc(33.3333% - 1.33333rem);
  }
}

@media (min-width: 48rem) {
  @media not (min-width: 64rem) {
    .HomePage-module__5KjV0W__list > :last-child {
      margin-inline: auto;
    }
  }
}

.HomePage-module__5KjV0W__call_to_action {
  margin-top: calc(var(--spacing, .25rem) * 16);
  width: 100%;
}

.HomePage-module__5KjV0W__card_scroller {
  margin-top: calc(var(--spacing, .25rem) * 20);
  width: 100%;
}

.HomePage-module__5KjV0W__memory_scroller {
  flex-direction: column;
  display: flex;
}

.HomePage-module__5KjV0W__memory_scroller_title {
  margin-bottom: calc(var(--spacing, .25rem) * 3);
  text-align: right;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: 26px;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.HomePage-module__5KjV0W__memory_tab_bar_row {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  align-self: stretch;
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.HomePage-module__5KjV0W__memory_tab_bar_wrapper {
  flex: 1;
  min-width: 0;
}

.HomePage-module__5KjV0W__memory_view_all_link {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: .0045rem;
  letter-spacing: .0045rem;
  color: #2e83c9;
  flex-shrink: 0;
  display: none;
}

@media (min-width: 64rem) {
  .HomePage-module__5KjV0W__memory_view_all_link {
    display: block;
  }
}

.HomePage-module__5KjV0W__memory_view_all_link_container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}

.HomePage-module__5KjV0W__memory_view_all_arrow_icon {
  aspect-ratio: 4 / 3;
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 6);
  rotate: 180deg;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/call-to-action/styles/CallToAction.module.css [app-client] (css) */
.CallToAction-module__VHYgbG__container {
  cursor: pointer;
  width: 100%;
  height: auto;
}

.CallToAction-module__VHYgbG__image {
  width: 100%;
  height: auto;
}

/* [project]/src/components/atoms/tab-bar/styles/TabBar.module.css [app-client] (css) */
.TabBar-module__p4Y_na__container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: auto;
}

.TabBar-module__p4Y_na__container::-webkit-scrollbar {
  display: none;
}

.TabBar-module__p4Y_na__primary {
  height: calc(var(--spacing, .25rem) * 13);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  background-color: #f4efe9;
  justify-content: space-between;
  align-self: stretch;
}

.TabBar-module__p4Y_na__secondary {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 8);
  background-color: var(--color-custom-background, #f9f6f3);
}

.TabBar-module__p4Y_na__radio {
  display: none;
}

.TabBar-module__p4Y_na__option {
  cursor: pointer;
  white-space: nowrap;
}

.TabBar-module__p4Y_na__primary .TabBar-module__p4Y_na__option {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: .0045rem;
  letter-spacing: .0045rem;
  color: #999;
  border-radius: .375rem;
}

.TabBar-module__p4Y_na__primary .TabBar-module__p4Y_na__radio:checked + .TabBar-module__p4Y_na__option {
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-white, #fff);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-custom-gray-800, #333);
}

.TabBar-module__p4Y_na__secondary .TabBar-module__p4Y_na__option {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing, .25rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  text-align: right;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: -.108px;
  letter-spacing: -.108px;
  color: var(--color-custom-gray-400, #999);
  display: flex;
}

.TabBar-module__p4Y_na__secondary .TabBar-module__p4Y_na__radio:checked + .TabBar-module__p4Y_na__option {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-custom-gray-800, #333);
  background-color: #f4efe9;
  display: flex;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/card-scroller/styles/CardScrollerHeader.module.css [app-client] (css) */
.CardScrollerHeader-module__b6N9Ka__container {
  height: calc(var(--spacing, .25rem) * 10);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.CardScrollerHeader-module__b6N9Ka__container_with_subtitle {
  align-items: center;
  row-gap: calc(var(--spacing, .25rem) * 2);
  height: auto;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title link"
                       "subtitle subtitle";
  align-self: stretch;
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: grid;
}

@media (min-width: 64rem) {
  .CardScrollerHeader-module__b6N9Ka__container_with_subtitle {
    grid-template-areas: "title title"
                         "subtitle link";
  }
}

.CardScrollerHeader-module__b6N9Ka__title {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
  grid-area: title;
}

@media (min-width: 64rem) {
  .CardScrollerHeader-module__b6N9Ka__title {
    text-align: right;
  }

  .CardScrollerHeader-module__b6N9Ka__title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  }
}

.CardScrollerHeader-module__b6N9Ka__subtitle {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 17.875px;
  --tw-font-weight: var(--font-weight-light, 300);
  line-height: 17.875px;
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-600, #666);
  grid-area: subtitle;
}

@media (min-width: 64rem) {
  .CardScrollerHeader-module__b6N9Ka__subtitle {
    text-align: right;
  }

  .CardScrollerHeader-module__b6N9Ka__subtitle {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}

.CardScrollerHeader-module__b6N9Ka__link_container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}

.CardScrollerHeader-module__b6N9Ka__link {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: .0045rem;
  letter-spacing: .0045rem;
  color: #2e83c9;
  grid-area: link;
  display: none;
}

@media (min-width: 64rem) {
  .CardScrollerHeader-module__b6N9Ka__link {
    display: block;
  }
}

.CardScrollerHeader-module__b6N9Ka__arrow_icon {
  aspect-ratio: 4 / 3;
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 6);
  rotate: 180deg;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/card-scroller/styles/CardScroller.module.css [app-client] (css) */
.CardScroller-module__su98qW__container {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: auto;
  display: flex;
  overflow: hidden;
}

.CardScroller-module__su98qW__header_container {
  height: calc(var(--spacing, .25rem) * 10);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.CardScroller-module__su98qW__header {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.CardScroller-module__su98qW__link_container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}

.CardScroller-module__su98qW__link {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: .0045rem;
  letter-spacing: .0045rem;
  color: #2e83c9;
}

.CardScroller-module__su98qW__arrow_icon {
  aspect-ratio: 4 / 3;
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 6);
  rotate: 180deg;
}

.CardScroller-module__su98qW__viewport {
  width: 100%;
  min-width: 0;
  padding-top: calc(var(--spacing, .25rem) * 8);
  overflow: hidden;
}

.CardScroller-module__su98qW__card_scroller_container {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.CardScroller-module__su98qW__card_scroller_container > * {
  flex-shrink: 0;
  min-width: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/brand-card/styles/BrandCard.module.css [app-client] (css) */
.BrandCard-module__C62X4q__container {
  width: 100%;
  height: auto;
  max-width: calc(var(--spacing, .25rem) * 82.5);
  min-width: calc(var(--spacing, .25rem) * 75);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
}

.BrandCard-module__C62X4q__banner_container {
  height: calc(var(--spacing, .25rem) * 17.25);
  border-radius: var(--radius-lg, .5rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--banner-image);
  width: 100%;
  position: relative;
}

.BrandCard-module__C62X4q__header_container {
  bottom: calc(var(--spacing, .25rem) * -4);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
}

.BrandCard-module__C62X4q__title_container {
  margin-top: calc(var(--spacing, .25rem) * 5);
  height: calc(var(--spacing, .25rem) * 10.25);
  text-align: start;
  min-width: 0;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.BrandCard-module__C62X4q__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-custom-gray-800, #333);
  overflow: hidden;
}

.BrandCard-module__C62X4q__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-custom-gray-400, #999);
  overflow: hidden;
}

.BrandCard-module__C62X4q__avatar {
  background-color: var(--color-white, #fff);
}

.BrandCard-module__C62X4q__detail_container {
  margin-top: calc(var(--spacing, .25rem) * 5);
  height: calc(var(--spacing, .25rem) * 9.5);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 2);
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.BrandCard-module__C62X4q__badge_container {
  margin-top: calc(var(--spacing, .25rem) * 3);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2.5);
  width: 100%;
  display: flex;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/brand-card/styles/BrandCardDetail.module.css [app-client] (css) */
.BrandCardDetail-module__-XLvnq__container {
  height: calc(var(--spacing, .25rem) * 14);
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * .5);
  display: flex;
}

.BrandCardDetail-module__-XLvnq__small_icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.BrandCardDetail-module__-XLvnq__medium_icon {
  height: calc(var(--spacing, .25rem) * 4.25);
  width: calc(var(--spacing, .25rem) * 4.25);
}

.BrandCardDetail-module__-XLvnq__large_icon {
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 4.5);
}

.BrandCardDetail-module__-XLvnq__text_container {
  flex-direction: column;
  display: flex;
}

.BrandCardDetail-module__-XLvnq__detail {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
}

.BrandCardDetail-module__-XLvnq__title {
  margin-top: calc(var(--spacing, .25rem) * -1);
  text-align: start;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-700, #4d4d4d);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/status-badge/styles/StatusBadge.module.css [app-client] (css) */
.StatusBadge-module__Ujg07G__container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  display: inline-flex;
}

.StatusBadge-module__Ujg07G__small {
  height: calc(var(--spacing, .25rem) * 6.75);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.StatusBadge-module__Ujg07G__large {
  height: calc(var(--spacing, .25rem) * 7.75);
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
}

.StatusBadge-module__Ujg07G__circle_icon {
  height: calc(var(--spacing, .25rem) * 3.5);
  width: calc(var(--spacing, .25rem) * 3.5);
}

.StatusBadge-module__Ujg07G__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: -.005rem;
  letter-spacing: -.005rem;
  overflow: hidden;
}

.StatusBadge-module__Ujg07G__unopened, .StatusBadge-module__Ujg07G__waiting {
  color: #b89200;
  background-color: #fff1c6;
}

.StatusBadge-module__Ujg07G__finished {
  color: var(--color-custom-blue-950, "#12273F");
  background-color: #dde2f3;
}

.StatusBadge-module__Ujg07G__underReview {
  color: #ce1126;
  background-color: #fed9dd;
}

.StatusBadge-module__Ujg07G__running {
  color: #2ea055;
  background-color: #d8edde;
}

.StatusBadge-module__Ujg07G__cancelled {
  color: #ce1126;
  background-color: #fed9dd;
}

.StatusBadge-module__Ujg07G__active {
  color: var(--color-dark-label, #1f1a17);
  background-color: #d8edde;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/memory-card/styles/MemoryCard.module.css [app-client] (css) */
.MemoryCard-module__MJ9YQa__card_container {
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 82.5);
  min-width: calc(var(--spacing, .25rem) * 75);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  position: relative;
}

.MemoryCard-module__MJ9YQa__clickable {
  cursor: pointer;
}

.MemoryCard-module__MJ9YQa__paperclip_icon {
  top: calc(var(--spacing, .25rem) * -2.75);
  left: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 6.75);
  width: calc(var(--spacing, .25rem) * 6.75);
  position: absolute;
}

.MemoryCard-module__MJ9YQa__excerpt {
  text-align: justify;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.75);
  line-height: calc(var(--spacing, .25rem) * 4.75);
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  text-overflow: ellipsis;
  color: var(--color-custom-gray-800, #333);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.MemoryCard-module__MJ9YQa__divider {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/styles/CardByline.module.css [app-client] (css) */
.CardByline-module__Nr2R1q__byline {
  box-sizing: border-box;
  height: calc(var(--spacing, .25rem) * 10.5);
  width: calc(var(--spacing, .25rem) * 53.75);
  display: flex;
}

.CardByline-module__Nr2R1q__meta {
  max-width: calc(var(--spacing, .25rem) * 67);
  flex-direction: column;
  margin-inline-start: .281rem;
  display: flex;
}

.CardByline-module__Nr2R1q__username {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
  leading-trim: both;
  text-edge: cap;
}

.CardByline-module__Nr2R1q__created_time {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-400, #999);
  leading-trim: both;
  text-edge: cap;
  overflow: hidden;
}

.CardByline-module__Nr2R1q__avatar {
  height: calc(var(--spacing, .25rem) * 10.5);
  width: calc(var(--spacing, .25rem) * 10.5);
  flex-shrink: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/styles/CardToolbarAction.module.css [app-client] (css) */
.CardToolbarAction-module__L_GLkq__container {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  height: calc(var(--spacing, .25rem) * 7.5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.CardToolbarAction-module__L_GLkq__stats_container {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.CardToolbarAction-module__L_GLkq__single_stats_container {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * .75);
  display: flex;
}

.CardToolbarAction-module__L_GLkq__icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.CardToolbarAction-module__L_GLkq__like_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 6);
  margin-inline-end: calc(var(--spacing, .25rem) * -1);
}

.CardToolbarAction-module__L_GLkq__dislike_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 6);
}

.CardToolbarAction-module__L_GLkq__stats {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.CardToolbarAction-module__L_GLkq__options_container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  display: flex;
}

.CardToolbarAction-module__L_GLkq__menu_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  flex-shrink: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/styles/CardTitle.module.css [app-client] (css) */
.CardTitle-module__7mnwmq__memory_container {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  width: calc(var(--spacing, .25rem) * 67);
  overflow: hidden;
}

.CardTitle-module__7mnwmq__memory {
  text-align: right;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  text-overflow: ellipsis;
  color: var(--color-custom-gray-800, #333);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.CardTitle-module__7mnwmq__time_capsule_container {
  margin-top: calc(var(--spacing, .25rem) * 3);
  width: calc(var(--spacing, .25rem) * 67);
  overflow: hidden;
}

.CardTitle-module__7mnwmq__time_capsule {
  text-align: right;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: calc(var(--spacing, .25rem) * 5.5);
  line-height: calc(var(--spacing, .25rem) * 5.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  text-overflow: ellipsis;
  color: var(--color-custom-gray-800, #333);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.CardTitle-module__7mnwmq__challenge {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
  overflow: hidden;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/memory-card/styles/MemoryCardEmotions.module.css [app-client] (css) */
.MemoryCardEmotions-module__y_92EG__container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 9.5);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  flex-shrink: 0;
  width: 100%;
  display: flex;
}

.MemoryCardEmotions-module__y_92EG__icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

/* [project]/src/components/atoms/emotion-badge/styles/EmotionBadge.module.css [app-client] (css) */
.EmotionBadge-module__uU2ZDq__container {
  height: calc(var(--spacing, .25rem) * 9);
  max-width: calc(var(--spacing, .25rem) * 40);
  min-width: calc(var(--spacing, .25rem) * 14);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * 2);
  color: var(--color-dark-label, #1f1a17);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .1s;
  transition-duration: .1s;
  display: inline-flex;
}

.EmotionBadge-module__uU2ZDq__container:has( > input:checked) {
  border-style: var(--tw-border-style);
  --tw-shadow: 0 0 4px 0 var(--tw-shadow-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-width: 1px;
}

.EmotionBadge-module__uU2ZDq__title {
  text-align: right;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: -.005rem;
  letter-spacing: -.005rem;
}

.EmotionBadge-module__uU2ZDq__hidden_checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.EmotionBadge-module__uU2ZDq__excitement {
  background-color: #ffe0d6;
}

.EmotionBadge-module__uU2ZDq__excitement:has( > input:checked) {
  border-color: #ff5722;
}

.EmotionBadge-module__uU2ZDq__love {
  background-color: #fbd5e2;
}

.EmotionBadge-module__uU2ZDq__love:has( > input:checked) {
  border-color: #e91e63;
}

.EmotionBadge-module__uU2ZDq__Certainty {
  color: var(--color-custom-blue-950, "#12273F");
  background-color: #cae6fc;
}

.EmotionBadge-module__uU2ZDq__Certainty:has( > input:checked) {
  border-color: #2196f3;
}

.EmotionBadge-module__uU2ZDq__Doubt {
  background-color: #e6e6e6;
}

.EmotionBadge-module__uU2ZDq__Doubt:has( > input:checked) {
  --tw-shadow-color: #9e9e9e;
  border-color: #9e9e9e;
}

@supports (color: color-mix(in lab, red, red)) {
  .EmotionBadge-module__uU2ZDq__Doubt:has( > input:checked) {
    --tw-shadow-color: color-mix(in oklab, #9e9e9e var(--tw-shadow-alpha), transparent);
  }
}

.EmotionBadge-module__uU2ZDq__Anxiety {
  background-color: #fff4d1;
}

.EmotionBadge-module__uU2ZDq__Anxiety:has( > input:checked) {
  --tw-shadow-color: #ffc107;
  border-color: #ffc107;
}

@supports (color: color-mix(in lab, red, red)) {
  .EmotionBadge-module__uU2ZDq__Anxiety:has( > input:checked) {
    --tw-shadow-color: color-mix(in oklab, #ffc107 var(--tw-shadow-alpha), transparent);
  }
}

.EmotionBadge-module__uU2ZDq__Anger {
  background-color: #fdd6d3;
}

.EmotionBadge-module__uU2ZDq__Anger:has( > input:checked) {
  --tw-shadow-color: #f44336;
  border-color: #f44336;
}

@supports (color: color-mix(in lab, red, red)) {
  .EmotionBadge-module__uU2ZDq__Anger:has( > input:checked) {
    --tw-shadow-color: color-mix(in oklab, #f44336 var(--tw-shadow-alpha), transparent);
  }
}

.EmotionBadge-module__uU2ZDq__Happiness {
  background-color: #daceed;
}

.EmotionBadge-module__uU2ZDq__Happiness:has( > input:checked) {
  --tw-shadow-color: #7e57c2;
  border-color: #7e57c2;
}

@supports (color: color-mix(in lab, red, red)) {
  .EmotionBadge-module__uU2ZDq__Happiness:has( > input:checked) {
    --tw-shadow-color: color-mix(in oklab, #7e57c2 var(--tw-shadow-alpha), transparent);
  }
}

.EmotionBadge-module__uU2ZDq__Hope {
  background-color: #dff1e0;
}

.EmotionBadge-module__uU2ZDq__Hope:has( > input:checked) {
  --tw-shadow-color: #4caf50;
  border-color: #4caf50;
}

@supports (color: color-mix(in lab, red, red)) {
  .EmotionBadge-module__uU2ZDq__Hope:has( > input:checked) {
    --tw-shadow-color: color-mix(in oklab, #4caf50 var(--tw-shadow-alpha), transparent);
  }
}

.EmotionBadge-module__uU2ZDq__random_pastel {
  background-color: hsl(var(--random-hue), 100%, 90%);
}

.EmotionBadge-module__uU2ZDq__random_pastel:has(input:checked) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--random-hue), 40%, 45%);
  box-shadow: 0px 0px 4px hsl(var(--random-hue), 40%, 45%);
  transition: border;
}

.EmotionBadge-module__uU2ZDq__x_icon {
  height: calc(var(--spacing, .25rem) * 1.75);
  width: calc(var(--spacing, .25rem) * 1.75);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .1s;
  transition-duration: .1s;
}

.EmotionBadge-module__uU2ZDq__plus_icon {
  height: calc(var(--spacing, .25rem) * 2.25);
  width: calc(var(--spacing, .25rem) * 2.25);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .1s;
  transition-duration: .1s;
}

.EmotionBadge-module__uU2ZDq__hide_icon {
  display: none;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/content-renderer/styles/ContentRenderer.module.css [app-client] (css) */
.ContentRenderer-module__sVPwaa__container {
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ContentRenderer-module__sVPwaa__bullet_list {
  margin-inline-start: calc(var(--spacing, .25rem) * 2);
  padding-inline-start: calc(var(--spacing, .25rem) * 4);
  list-style-type: disc;
}

.ContentRenderer-module__sVPwaa__ordered_list {
  margin-inline-start: calc(var(--spacing, .25rem) * 2);
  padding-inline-start: calc(var(--spacing, .25rem) * 4);
  list-style-type: decimal;
}

.ContentRenderer-module__sVPwaa__list_item {
  display: list-item;
}

.ContentRenderer-module__sVPwaa__mention {
  align-items: center;
  gap: var(--spacing, .25rem);
  vertical-align: middle;
  display: inline-flex;
}

/* [project]/src/components/atoms/video-renderer/styles/VideoRenderer.module.css [app-client] (css) */
.VideoRenderer-module__wAVx3a__container {
  margin-top: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 28);
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.VideoRenderer-module__wAVx3a__video {
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.VideoRenderer-module__wAVx3a__play_icon_container {
  pointer-events: none;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  --tw-ease: linear;
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  transition-timing-function: linear;
  display: flex;
  position: absolute;
  inset: 0;
}

.VideoRenderer-module__wAVx3a__play_icon {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  color: var(--color-white, #fff);
}

.VideoRenderer-module__wAVx3a__placeholder_image {
  object-fit: cover;
  --tw-blur: blur(var(--blur-md, 12px));
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/audio-renderer/styles/AudioRenderer.module.css [app-client] (css) */
.AudioRenderer-module__LW5ZCa__container {
  margin-top: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 14);
  border-radius: var(--radius-lg, .5rem);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 3);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.AudioRenderer-module__LW5ZCa__primary {
  background-color: #f6f6f8;
}

.AudioRenderer-module__LW5ZCa__secondary {
  background-color: var(--color-white, #fff);
}

.AudioRenderer-module__LW5ZCa__play_pause_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  cursor: pointer;
}

.AudioRenderer-module__LW5ZCa__audio_progress_bar {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * .5);
  display: flex;
}

.AudioRenderer-module__LW5ZCa__bar_segment {
  width: calc(var(--spacing, .25rem) * .5);
  cursor: pointer;
  border-radius: .25rem;
}

.AudioRenderer-module__LW5ZCa__bar_segment_default {
  background-color: #b3b3b3;
}

.AudioRenderer-module__LW5ZCa__microphone_icon_container {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  background-color: var(--color-black, #000);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.AudioRenderer-module__LW5ZCa__microphone_icon {
  height: calc(var(--spacing, .25rem) * 5.25);
  width: calc(var(--spacing, .25rem) * 4.5);
}

.AudioRenderer-module__LW5ZCa__hidden {
  pointer-events: none;
  cursor: not-allowed;
  --tw-blur: blur(2px);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/atoms/pdf-renderer/styles/PdfRenderer.module.css [app-client] (css) */
.PdfRenderer-module__BE0Tla__container {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-white, #fff);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2.25);
  padding-block: calc(var(--spacing, .25rem) * 3);
  border-width: 1px;
  border-color: #f4efe9;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.PdfRenderer-module__BE0Tla__pdf_symbol {
  height: calc(var(--spacing, .25rem) * 10);
  width: calc(var(--spacing, .25rem) * 11);
  border-radius: var(--radius-lg, .5rem);
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-custom-gray-600, #666);
  background-color: #e6e6e6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.PdfRenderer-module__BE0Tla__meta_container {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  margin-inline-start: var(--spacing, .25rem);
  padding-inline-end: var(--spacing, .25rem);
  display: flex;
  overflow: hidden;
}

.PdfRenderer-module__BE0Tla__name {
  text-overflow: ellipsis;
  text-align: end;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  white-space: nowrap;
  color: var(--color-dark-label, #1f1a17);
  overflow: hidden;
}

.PdfRenderer-module__BE0Tla__size {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
}

.PdfRenderer-module__BE0Tla__mb {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
}

.PdfRenderer-module__BE0Tla__button {
  margin-inline-start: auto;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/content-renderer/styles/ContentRendererMultimedia.module.css [app-client] (css) */
.ContentRendererMultimedia-module__ixSjna__container {
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3.5);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ContentRendererMultimedia-module__ixSjna__carousel_container {
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  width: auto;
  display: flex;
  overflow: auto;
}

.ContentRendererMultimedia-module__ixSjna__carousel_container::-webkit-scrollbar {
  display: none;
}

.ContentRendererMultimedia-module__ixSjna__carousel_item {
  flex: 0 0 70%;
  min-width: 70%;
  max-width: 70%;
}

.ContentRendererMultimedia-module__ixSjna__block_container {
  gap: calc(var(--spacing, .25rem) * 3.5);
  flex-direction: column;
  width: 100%;
  display: flex;
}

/* [project]/src/components/organisms/cards/components/time-capsule-card/styles/TimeCapsuleCard.module.css [app-client] (css) */
.TimeCapsuleCard-module__fa_oFq__card_container {
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 82.5);
  min-width: calc(var(--spacing, .25rem) * 75);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  position: relative;
}

.TimeCapsuleCard-module__fa_oFq__clickable {
  cursor: pointer;
}

.TimeCapsuleCard-module__fa_oFq__lock_icon {
  top: calc(var(--spacing, .25rem) * -2);
  height: calc(var(--spacing, .25rem) * 6.75);
  width: calc(var(--spacing, .25rem) * 6.75);
  position: absolute;
  left: 1.031rem;
}

.TimeCapsuleCard-module__fa_oFq__subtitle_container {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}

.TimeCapsuleCard-module__fa_oFq__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
  overflow: hidden;
}

.TimeCapsuleCard-module__fa_oFq__countdown {
  margin-top: calc(var(--spacing, .25rem) * 3);
}

.TimeCapsuleCard-module__fa_oFq__divider {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/time-capsule-card/styles/TimeCapsuleCardVoteResults.module.css [app-client] (css) */
.TimeCapsuleCardVoteResults-module__Y2tdgW__container {
  margin-top: calc(var(--spacing, .25rem) * 3);
  height: calc(var(--spacing, .25rem) * 9);
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 6);
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__positive {
  background-color: #40bf6a1c;
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__negative {
  background-color: #fcc9d26e;
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__result {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: -.005rem;
  letter-spacing: -.005rem;
  color: var(--color-dark-label, #1f1a17);
  overflow: hidden;
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__details {
  color: var(--color-custom-gray-700, #4d4d4d);
}

.TimeCapsuleCardVoteResults-module__Y2tdgW__divider {
  height: calc(var(--spacing, .25rem) * 4);
  border-bottom-style: var(--tw-border-style);
  background-color: var(--color-red-500, #fb2c36);
  border-color: #e6e6e6;
  border-bottom-width: 1px;
  width: 100%;
}

@supports (color: lab(0% 0 0)) {
  .TimeCapsuleCardVoteResults-module__Y2tdgW__divider {
    background-color: var(--color-red-500, lab(55.4814% 75.0732 48.8528));
  }
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/* [project]/src/components/molecules/countdown/styles/Countdown.module.css [app-client] (css) */
.Countdown-module__4hnhqq__container {
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.Countdown-module__4hnhqq__countdown_container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.Countdown-module__4hnhqq__unit {
  align-items: center;
  gap: var(--spacing, .25rem);
  flex-direction: column;
  display: flex;
}

.Countdown-module__4hnhqq__separator {
  align-items: center;
  height: 3.105rem;
  display: flex;
}

.Countdown-module__4hnhqq__label {
  margin-top: calc(var(--spacing, .25rem) * 2);
  text-align: center;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  white-space: nowrap;
  color: var(--color-dark-label, #1f1a17);
  leading-trim: both;
  text-edge: cap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/time-capsule-card/styles/TimeCapsuleCardLock.module.css [app-client] (css) */
.TimeCapsuleCardLock-module__K2O4sW__container {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  width: 100%;
  display: grid;
}

.TimeCapsuleCardLock-module__K2O4sW__divider {
  border-bottom-style: var(--tw-border-style);
  border-color: #e6e6e6;
  border-bottom-width: 1px;
  grid-area: 1 / 1;
  align-self: center;
  width: 100%;
}

.TimeCapsuleCardLock-module__K2O4sW__lock {
  z-index: 10;
  height: calc(var(--spacing, .25rem) * 5.75);
  width: calc(var(--spacing, .25rem) * 22);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 1.75);
  padding-block: calc(var(--spacing, .25rem) * .5);
  text-align: center;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-custom-red, #df2040);
  background-color: #fbe8ea;
  border-width: 1px;
  border-color: #ce1126;
  border-radius: .625rem;
  grid-area: 1 / 1;
  justify-content: center;
  justify-self: center;
  align-items: center;
  display: flex;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/card-scroller/styles/CardScrollerChallenge.module.css [app-client] (css) */
.CardScrollerChallenge-module__-qRLYa__container {
  flex-direction: column;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.CardScrollerChallenge-module__-qRLYa__header_container {
  height: calc(var(--spacing, .25rem) * 10);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.CardScrollerChallenge-module__-qRLYa__header {
  text-align: start;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.CardScrollerChallenge-module__-qRLYa__link_container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}

.CardScrollerChallenge-module__-qRLYa__link {
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: .0045rem;
  letter-spacing: .0045rem;
  color: #2e83c9;
}

.CardScrollerChallenge-module__-qRLYa__arrow_icon {
  aspect-ratio: 4 / 3;
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 6);
  rotate: 180deg;
}

.CardScrollerChallenge-module__-qRLYa__arrow {
  --tw-translate-y: calc(var(--spacing, .25rem) * 1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

/* [project]/src/components/organisms/card-scroller/styles/CardScrollerChallengeArrow.module.css [app-client] (css) */
.CardScrollerChallengeArrow-module__PmRUpW__container {
  height: calc(var(--spacing, .25rem) * 3);
  width: 100%;
  align-self: stretch;
  align-items: center;
  gap: 0;
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

.CardScrollerChallengeArrow-module__PmRUpW__feather {
  z-index: 20;
  --tw-translate-y: -.4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  flex-shrink: 0;
}

@media (min-width: 48rem) {
  .CardScrollerChallengeArrow-module__PmRUpW__feather {
    --tw-translate-x: .7px;
    --tw-translate-y: .7px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@media (min-width: 64rem) {
  .CardScrollerChallengeArrow-module__PmRUpW__feather {
    --tw-translate-x: .35px;
    --tw-translate-y: .35px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

.CardScrollerChallengeArrow-module__PmRUpW__shaft {
  z-index: 10;
  margin-inline: calc(var(--spacing, .25rem) * -1);
  flex-grow: 1;
}

.CardScrollerChallengeArrow-module__PmRUpW__tip {
  z-index: 20;
  flex-shrink: 0;
}

@media (min-width: 64rem) {
  .CardScrollerChallengeArrow-module__PmRUpW__tip {
    --tw-translate-x: -.35px;
    --tw-translate-y: -.35px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

/* [project]/src/components/organisms/cards/components/challenge-card/styles/ChallengeCard.module.css [app-client] (css) */
.ChallengeCard-module__QF93Ea__card_container {
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 82.5);
  min-width: calc(var(--spacing, .25rem) * 75);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
  padding-top: calc(var(--spacing, .25rem) * 8);
  position: relative;
}

.ChallengeCard-module__QF93Ea__clickable {
  cursor: pointer;
}

.ChallengeCard-module__QF93Ea__pin_icon_container {
  top: calc(var(--spacing, .25rem) * -12);
  left: calc(var(--spacing, .25rem) * 14.5);
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 35.75);
  display: flex;
  position: absolute;
}

.ChallengeCard-module__QF93Ea__pin_icon {
  height: calc(var(--spacing, .25rem) * 18);
  width: calc(var(--spacing, .25rem) * 3.25);
}

.ChallengeCard-module__QF93Ea__title_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.ChallengeCard-module__QF93Ea__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-800, #333);
  margin-top: 0;
  overflow: hidden;
}

.ChallengeCard-module__QF93Ea__excerpt {
  margin-top: var(--spacing, .25rem);
  text-align: justify;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.75);
  line-height: calc(var(--spacing, .25rem) * 4.75);
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  text-overflow: ellipsis;
  color: var(--color-custom-gray-800, #333);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ChallengeCard-module__QF93Ea__divider {
  margin-top: calc(var(--spacing, .25rem) * 2);
}

.ChallengeCard-module__QF93Ea__button {
  margin-top: calc(var(--spacing, .25rem) * 3);
  width: 100%;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/challenge-card/styles/ChallengeCardStatus.module.css [app-client] (css) */
.ChallengeCardStatus-module__EkzWeG__container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing, .25rem);
  border-radius: var(--radius-md, .375rem);
  background-color: var(--color-primary-100, #f2f7fd);
  width: 100%;
  min-width: 0;
  padding-inline: var(--spacing, .25rem);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  align-self: stretch;
  display: flex;
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__first_container {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__details {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__time {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  width: 100%;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  --tw-leading: var(--leading-normal, 1.5);
  width: 100%;
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__clock_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  flex-shrink: 0;
}

.ChallengeCardStatus-module__EkzWeG__badge {
  flex-shrink: 0;
  min-width: 0;
  max-width: 48%;
  overflow: hidden;
}

.ChallengeCardStatus-module__EkzWeG__second_container {
  display: flex;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/challenge-card/styles/ChallengeCardFooter.module.css [app-client] (css) */
.ChallengeCardFooter-module__1WMRba__container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__share_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.ChallengeCardFooter-module__1WMRba__needed_participants_container {
  margin-bottom: calc(var(--spacing, .25rem) * 1.5);
  height: calc(var(--spacing, .25rem) * 8);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 10);
  padding-block: var(--spacing, .25rem);
  background-color: #f2f7fd;
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  --tw-leading: var(--leading-normal, 1.5);
  width: 100%;
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: #12273f;
  overflow: hidden;
}

.ChallengeCardFooter-module__1WMRba__group_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.ChallengeCardFooter-module__1WMRba__participants_detail_container {
  height: calc(var(--spacing, .25rem) * 10);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__detail_container {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__avatar_container {
  height: calc(var(--spacing, .25rem) * 8);
  justify-content: flex-start;
  align-items: center;
  gap: -1.25rem;
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__avatar:not(:first-child) {
  margin-inline-start: calc(var(--spacing, .25rem) * -5);
}

.ChallengeCardFooter-module__1WMRba__text_container {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.ChallengeCardFooter-module__1WMRba__title {
  text-align: start;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: .625rem;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
}

.ChallengeCardFooter-module__1WMRba__subtitle {
  margin-top: calc(var(--spacing, .25rem) * -.75);
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-800, #333);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/response-card/styles/ResponseCard.module.css [app-client] (css) */
.ResponseCard-module__MSHuBa__card_container {
  width: 100%;
  max-width: calc(var(--spacing, .25rem) * 82.5);
  min-width: calc(var(--spacing, .25rem) * 75);
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  position: relative;
}

.ResponseCard-module__MSHuBa__clickable {
  cursor: pointer;
}

.ResponseCard-module__MSHuBa__excerpt {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
}

.ResponseCard-module__MSHuBa__paperclip_icon {
  top: calc(var(--spacing, .25rem) * -2.75);
  left: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 6.75);
  width: calc(var(--spacing, .25rem) * 6.75);
  position: absolute;
}

.ResponseCard-module__MSHuBa__divider {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/* [project]/src/components/organisms/cards/styles/CardExcerpt.module.css [app-client] (css) */
.CardExcerpt-module__YmcmQa__excerpt_container {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}

.CardExcerpt-module__YmcmQa__excerpt {
  text-align: justify;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: calc(var(--spacing, .25rem) * 4.75);
  line-height: calc(var(--spacing, .25rem) * 4.75);
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  text-overflow: ellipsis;
  color: var(--color-custom-gray-800, #333);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/styles/CardToolbarEngagement.module.css [app-client] (css) */
.CardToolbarEngagement-module__ohb5_q__container {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  height: calc(var(--spacing, .25rem) * 7.5);
  border-bottom-right-radius: var(--radius-2xl, 1rem);
  border-bottom-left-radius: var(--radius-2xl, 1rem);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.CardToolbarEngagement-module__ohb5_q__stats_container {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.CardToolbarEngagement-module__ohb5_q__single_stats_container {
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * .75);
  display: flex;
}

.CardToolbarEngagement-module__ohb5_q__icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.CardToolbarEngagement-module__ohb5_q__like_icon, .CardToolbarEngagement-module__ohb5_q__dislike_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 6);
}

.CardToolbarEngagement-module__ohb5_q__stats {
  text-align: start;
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  --tw-leading: var(--leading-normal, 1.5);
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

.CardToolbarEngagement-module__ohb5_q__options_container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  display: flex;
}

.CardToolbarEngagement-module__ohb5_q__menu_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  flex-shrink: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/components/organisms/cards/components/navigation-card/styles/NavigationCard.module.css [app-client] (css) */
.NavigationCard-module__rWVmkG__container {
  border-radius: var(--radius-xl, .75rem);
  background-color: #fdfcfc;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 17.709px;
  width: 304px;
  padding-bottom: 23.612px;
  text-decoration-line: none;
  display: flex;
  overflow: hidden;
}

.NavigationCard-module__rWVmkG__image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0;
  align-self: stretch;
  width: 100%;
  height: 202.667px;
  margin-top: 0;
}

.NavigationCard-module__rWVmkG__title {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 5);
  text-align: right;
  --tw-leading: 15.495px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 18px;
  line-height: 15.495px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
}

.NavigationCard-module__rWVmkG__subtitle {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 5);
  text-align: right;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  --tw-leading: 13.189px;
  --tw-font-weight: var(--font-weight-light, 300);
  line-height: 13.189px;
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-600, #666);
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/home-page/styles/HomePageNavigation.module.css [app-client] (css) */
.HomePageNavigation-module__NtfmaG__container {
  margin-top: calc(var(--spacing, .25rem) * 16);
  align-items: stretch;
  gap: calc(var(--spacing, .25rem) * 5);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.HomePageNavigation-module__NtfmaG__title {
  text-align: start;
  --tw-leading: var(--leading-normal, 1.5);
  font-size: 26px;
  line-height: var(--leading-normal, 1.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dark-label, #1f1a17);
}

@media (min-width: 48rem) {
  .HomePageNavigation-module__NtfmaG__title {
    text-align: center;
  }
}

.HomePageNavigation-module__NtfmaG__subtitle {
  text-align: center;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-leading: 17.875px;
  --tw-font-weight: var(--font-weight-light, 300);
  line-height: 17.875px;
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-600, #666);
  display: none;
}

@media (min-width: 48rem) {
  .HomePageNavigation-module__NtfmaG__subtitle {
    display: block;
  }
}

.HomePageNavigation-module__NtfmaG__list {
  margin-top: calc(var(--spacing, .25rem) * 5);
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 4);
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  overflow-x: auto;
}

.HomePageNavigation-module__NtfmaG__list::-webkit-scrollbar {
  display: none;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_64d240ff._.css.map*/