/* [project]/src/components/templates/archive/styles/ArchiveTemplate.module.css [app-client] (css) */
.ArchiveTemplate-module__-2NarW__container {
  background-color: var(--color-custom-background, #f9f6f3);
  width: 100%;
  min-height: 100vh;
  padding-inline-start: calc(var(--spacing, .25rem) * 4);
  overflow: hidden;
}

.ArchiveTemplate-module__-2NarW__breadcrumbs {
  margin-inline-end: calc(var(--spacing, .25rem) * 4);
}

.ArchiveTemplate-module__-2NarW__search_input {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  width: 100%;
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
}

.ArchiveTemplate-module__-2NarW__filter_menu {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
}

.ArchiveTemplate-module__-2NarW__button_container {
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
}

.ArchiveTemplate-module__-2NarW__button {
  margin-top: calc(var(--spacing, .25rem) * 10);
  width: 100%;
}

/* [project]/src/components/atoms/breadcrumbs/styles/Breadcrumbs.module.css [app-client] (css) */
.Breadcrumbs-module__9IUzJq__container {
  height: calc(var(--spacing, .25rem) * 9.75);
  border-bottom-right-radius: var(--radius-sm, .25rem);
  border-bottom-left-radius: var(--radius-sm, .25rem);
  border-bottom-style: var(--tw-border-style);
  background-color: var(--color-custom-background, #f9f6f3);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  border-color: #e6e6e6;
  border-bottom-width: 1px;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.Breadcrumbs-module__9IUzJq__logo {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 7.5);
}

.Breadcrumbs-module__9IUzJq__link_container {
  align-items: center;
  display: flex;
}

.Breadcrumbs-module__9IUzJq__separator {
  width: calc(var(--spacing, .25rem) * 1.5);
  --tw-font-weight: var(--font-weight-light, 300);
  font-size: .625rem;
  font-weight: var(--font-weight-light, 300);
  color: var(--color-custom-gray-500, gray);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.Breadcrumbs-module__9IUzJq__link {
  text-align: right;
  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-500, gray);
}

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

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

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

/* [project]/src/components/organisms/filter-menu/styles/FilterMenu.module.css [app-client] (css) */
.FilterMenu-module__DJFVwW__container {
  gap: calc(var(--spacing, .25rem) * 2);
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: nowrap;
  min-width: 100%;
  display: flex;
  overflow-x: auto;
}

.FilterMenu-module__DJFVwW__container::-webkit-scrollbar {
  display: none;
}

.FilterMenu-module__DJFVwW__container:after {
  content: "";
  flex: 0 0 1rem;
}

/* [project]/src/components/organisms/filter-menu/styles/FilterMenuIconRenderer.module.css [app-client] (css) */
.FilterMenuIconRenderer-module__g8CQTW__small_icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.FilterMenuIconRenderer-module__g8CQTW__large_icon {
  height: calc(var(--spacing, .25rem) * 4.5);
  width: calc(var(--spacing, .25rem) * 4.5);
}

/* [project]/src/components/organisms/filter-menu/styles/FilterMenuSingleButton.module.css [app-client] (css) */
.FilterMenuSingleButton-module__1aSy7a__container {
  height: calc(var(--spacing, .25rem) * 11);
  width: fit-content;
  max-width: calc(var(--spacing, .25rem) * 40);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 3);
  background-color: #f4efe9;
  flex-wrap: nowrap;
  display: flex;
}

.FilterMenuSingleButton-module__1aSy7a__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: -0.6%;
  letter-spacing: -0.6%;
  white-space: nowrap;
}

.FilterMenuSingleButton-module__1aSy7a__selected {
  background-color: var(--color-custom-blue-200, #c4dcf3);
}

@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/components/organisms/filter-menu/styles/FilterMenuDoubleButton.module.css [app-client] (css) */
.FilterMenuDoubleButton-module__YVKiva__container {
  height: calc(var(--spacing, .25rem) * 11);
  max-width: calc(var(--spacing, .25rem) * 37);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dark-label, #1f1a17);
  background-color: #f4efe9;
  align-items: center;
  gap: 0;
  display: flex;
}

.FilterMenuDoubleButton-module__YVKiva__selected {
  background-color: var(--color-custom-blue-200, #c4dcf3);
}

.FilterMenuDoubleButton-module__YVKiva__option {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--spacing, .25rem);
  height: 100%;
  display: flex;
}

.FilterMenuDoubleButton-module__YVKiva__option:first-child {
  width: calc(var(--spacing, .25rem) * 19.25);
}

.FilterMenuDoubleButton-module__YVKiva__option:last-child {
  width: calc(var(--spacing, .25rem) * 17.25);
}

.FilterMenuDoubleButton-module__YVKiva__divider {
  margin-inline: calc(var(--spacing, .25rem) * -1);
  height: calc(var(--spacing, .25rem) * 11);
  width: calc(var(--spacing, .25rem) * .25);
  background-color: var(--color-dark-label, #1f1a17);
}

.FilterMenuDoubleButton-module__YVKiva__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: -0.6%;
  letter-spacing: -0.6%;
  white-space: nowrap;
}

@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/components/organisms/modal-manager/components/ModalManagerEmotionSelector/styles/ModalManagerEmotionSelector.module.css [app-client] (css) */
@keyframes ModalManagerEmotionSelector-module__rJI68W__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerEmotionSelector-module__rJI68W__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerEmotionSelector-module__rJI68W__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerEmotionSelector-module__rJI68W__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerEmotionSelector-module__rJI68W__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerEmotionSelector-module__rJI68W__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerEmotionSelector-module__rJI68W__slideUp;
}

.ModalManagerEmotionSelector-module__rJI68W__content_container {
  width: 100%;
  overflow-y: auto;
}

.ModalManagerEmotionSelector-module__rJI68W__title {
  margin-top: calc(var(--spacing, .25rem) * 4);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerEmotionSelector-module__rJI68W__title_star {
  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: #ce1126;
}

.ModalManagerEmotionSelector-module__rJI68W__input_container {
  width: 100%;
  display: flex;
}

.ModalManagerEmotionSelector-module__rJI68W__input {
  margin-top: calc(var(--spacing, .25rem) * 2);
  box-sizing: border-box;
}

.ModalManagerEmotionSelector-module__rJI68W__explanation_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 1.75);
  display: flex;
}

.ModalManagerEmotionSelector-module__rJI68W__explanation {
  text-align: start;
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerEmotionSelector-module__rJI68W__exclamation_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
}

.ModalManagerEmotionSelector-module__rJI68W__emotion_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 2.75);
  flex-wrap: wrap;
  align-self: stretch;
  display: flex;
}

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

.ModalManagerEmotionSelector-module__rJI68W__radio_options_title {
  margin-top: calc(var(--spacing, .25rem) * 3.25);
  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-900, #1a1a1a);
}

.ModalManagerEmotionSelector-module__rJI68W__radio_options_container {
  gap: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  display: flex;
}

.ModalManagerEmotionSelector-module__rJI68W__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
  position: sticky;
}

.ModalManagerEmotionSelector-module__rJI68W__importance_title {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerEmotionSelector-module__rJI68W__importance_level_options_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ModalManagerEmotionSelector-module__rJI68W__importance_level_option {
  margin-block: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 11.5);
  width: calc(var(--spacing, .25rem) * 11.5);
  cursor: pointer;
  border-style: var(--tw-border-style);
  text-align: center;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --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-custom-gray-500, gray);
  border-width: 1px;
  border-color: #e2e8f0;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .ModalManagerEmotionSelector-module__rJI68W__importance_level_option:hover {
    border-color: var(--color-black, #000);
  }
}

@media (hover: hover) {
  .ModalManagerEmotionSelector-module__rJI68W__importance_level_option:hover {
    color: var(--color-black, #000);
  }
}

.ModalManagerEmotionSelector-module__rJI68W__importance_level_title_container {
  margin-bottom: calc(var(--spacing, .25rem) * 5.5);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ModalManagerEmotionSelector-module__rJI68W__importance_level_title {
  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.25);
  line-height: calc(var(--spacing, .25rem) * 5.25);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

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

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

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

/* [project]/src/components/atoms/input/styles/Input.module.css [app-client] (css) */
.Input-module__Gl2-ga__container {
  width: 100%;
}

.Input-module__Gl2-ga__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: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-dark-label, #1f1a17);
  margin-bottom: .463rem;
}

.Input-module__Gl2-ga__input_wrapper {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  outline-style: var(--tw-outline-style);
  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: .2s;
  border-width: .05rem;
  outline-width: 0;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

.Input-module__Gl2-ga__input {
  width: 100%;
  height: 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-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  margin: .05rem;
}

.Input-module__Gl2-ga__input:focus {
  border-style: var(--tw-border-style);
  --tw-shadow: 0 0 #0000;
  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: 0;
}

.Input-module__Gl2-ga__input::placeholder {
  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-500, gray);
}

.Input-module__Gl2-ga__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Input-module__Gl2-ga__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Input-module__Gl2-ga__input {
  appearance: textfield;
}

.Input-module__Gl2-ga__small {
  height: calc(var(--spacing, .25rem) * 10.5);
}

.Input-module__Gl2-ga__medium {
  height: calc(var(--spacing, .25rem) * 11);
}

.Input-module__Gl2-ga__medium_large {
  height: calc(var(--spacing, .25rem) * 11.5);
}

.Input-module__Gl2-ga__large {
  height: calc(var(--spacing, .25rem) * 12);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:focus-within {
  border-color: var(--color-primary, #4697d9);
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #90bfe94d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
  .Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:hover {
    border-color: var(--color-custom-gray-200, #ccc);
  }

  .Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__normal:hover:focus-within {
    border-color: var(--color-primary, #4697d9);
  }
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

.Input-module__Gl2-ga__otp_digit {
  text-align: center;
}

.Input-module__Gl2-ga__primary {
  border-color: var(--color-custom-gray-100, #e5e5e5);
  background-color: var(--color-input-background, #fdfcfa);
  color: var(--color-custom-gray-500, gray);
}

.Input-module__Gl2-ga__secondary {
  color: var(--color-custom-gray-500, gray);
  background-color: #fdfcfa;
  border-color: #e6e6e6;
}

.Input-module__Gl2-ga__success {
  background-color: #f0fdf4;
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__success {
  border-color: var(--color-success, #10b981);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__success:focus-within {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #10b98133);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.Input-module__Gl2-ga__error {
  background-color: #fef5f5;
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__error {
  border-color: var(--color-error, #e53e3e);
}

.Input-module__Gl2-ga__input_wrapper.Input-module__Gl2-ga__error:focus-within {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #e53e3e33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.Input-module__Gl2-ga__readonly {
  cursor: not-allowed;
  background-color: #f9f9f9;
  border-color: #e5e5e5;
}

.Input-module__Gl2-ga__prevent_typing {
  cursor: pointer;
  caret-color: #0000;
}

.Input-module__Gl2-ga__disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}

.Input-module__Gl2-ga__message_box {
  --tw-leading: 1.031rem;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: .688rem;
  line-height: 1.031rem;
  font-weight: var(--font-weight-normal, 400);
  margin-top: .475rem;
}

.Input-module__Gl2-ga__input_tel_country_code {
  max-height: calc(var(--spacing, .25rem) * 6.5);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-color: var(--color-custom-gray-200, #ccc);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  margin-block: auto;
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
  padding-inline-end: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

.Input-module__Gl2-ga__character_counter {
  --tw-leading: 1.031rem;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: .688rem;
  line-height: 1.031rem;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
  margin-top: .475rem;
}

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

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

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

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

@property --tw-duration {
  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/components/atoms/input/styles/InputIcon.module.css [app-client] (css) */
.InputIcon-module__wsijeW__icon_at_start {
  cursor: text;
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
}

.InputIcon-module__wsijeW__icon_at_end {
  cursor: pointer;
  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: .7s;
  margin-inline-start: calc(var(--spacing, .25rem) * 2);
  transition-duration: .7s;
}

.InputIcon-module__wsijeW__icon_small {
  margin-block: calc(var(--spacing, .25rem) * 3.25);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.InputIcon-module__wsijeW__icon_medium {
  margin-block: calc(var(--spacing, .25rem) * 2.75);
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
}

.InputIcon-module__wsijeW__icon_large {
  margin-block: calc(var(--spacing, .25rem) * 2.5);
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.InputIcon-module__wsijeW__add_icon {
  aspect-ratio: 1;
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  flex-shrink: 0;
}

.InputIcon-module__wsijeW__hide_icon {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.InputIcon-module__wsijeW__dropdown_icon {
  transition-property: transform, translate, scale, 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: .2s;
  --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
}

.InputIcon-module__wsijeW__rotate_180 {
  rotate: 180deg;
}

.InputIcon-module__wsijeW__calendar_icon {
  cursor: pointer;
}

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

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

/* [project]/src/components/organisms/modal-manager/styles/ModalManagerFooter.module.css [app-client] (css) */
.ModalManagerFooter-module__ON-NnG__container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 6);
}

.ModalManagerFooter-module__ON-NnG__button {
  width: 100%;
}

/* [project]/src/components/organisms/modal-manager/styles/ModalManagerHeader.module.css [app-client] (css) */
.ModalManagerHeader-module__RIBsuW__container {
  cursor: grab;
  touch-action: none;
  background-color: var(--color-white, #fff);
  will-change: transform;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.ModalManagerHeader-module__RIBsuW__container:active {
  cursor: grabbing;
}

.ModalManagerHeader-module__RIBsuW__drag_handle_container {
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

.ModalManagerHeader-module__RIBsuW__drag_handle {
  height: var(--spacing, .25rem);
  background-color: #79747e;
  border-radius: 6.25rem;
  width: 100%;
}

.ModalManagerHeader-module__RIBsuW__clear_icon {
  margin-inline-start: auto;
  margin-top: calc(var(--spacing, .25rem) * 3.5);
  height: calc(var(--spacing, .25rem) * 8);
  width: calc(var(--spacing, .25rem) * 8);
  cursor: pointer;
}

/* [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/modal-manager/components/ModalManagerEmotionSelector/styles/ModalManagerEmotionSelectorImportanceLevel.module.css [app-client] (css) */
.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__container {
  width: 100%;
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__title {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__options_container {
  margin-top: var(--spacing, .25rem);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_option {
  margin-block: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 11.5);
  width: calc(var(--spacing, .25rem) * 11.5);
  cursor: pointer;
  border-style: var(--tw-border-style);
  text-align: center;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --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-custom-gray-500, gray);
  border-width: 1px;
  border-color: #e2e8f0;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_option:hover {
    border-color: var(--color-black, #000);
  }
}

@media (hover: hover) {
  .ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_option:hover {
    color: var(--color-black, #000);
  }
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_title_container {
  margin-bottom: calc(var(--spacing, .25rem) * 5.5);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_title {
  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.25);
  line-height: calc(var(--spacing, .25rem) * 5.25);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_wrapper {
  cursor: pointer;
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__radio {
  display: none;
}

.ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__radio:checked + .ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_option {
  border-color: var(--color-black, #000);
  background-color: var(--color-gray-100, #f3f4f6);
  color: var(--color-black, #000);
}

@supports (color: lab(0% 0 0)) {
  .ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__radio:checked + .ModalManagerEmotionSelectorImportanceLevel-module__AnY8oq__level_option {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

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

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

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

/* [project]/src/components/atoms/radio-button/styles/RadioButton.module.css [app-client] (css) */
.RadioButton-module__MHN9EG__container {
  min-height: calc(var(--spacing, .25rem) * 11.5);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * 3);
  display: flex;
}

.RadioButton-module__MHN9EG__container:has( > input:checked) {
  background-color: var(--color-white, #fff);
}

.RadioButton-module__MHN9EG__bordered_radio_button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  background-color: var(--color-input-background, #fdfcfa);
  color: var(--color-custom-gray-500, gray);
  border-width: 1px;
  border-color: #e6e6e6;
}

.RadioButton-module__MHN9EG__bordered_radio_button:has( > input:checked) {
  border-color: var(--color-primary, #4697d9);
  color: var(--color-primary, #4697d9);
  background-color: #fdfcfa;
}

.RadioButton-module__MHN9EG__copy {
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  display: flex;
}

.RadioButton-module__MHN9EG__label {
  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.25);
  line-height: calc(var(--spacing, .25rem) * 5.25);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}

.RadioButton-module__MHN9EG__subtitle {
  text-align: right;
  --tw-leading: 15px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: .625rem;
  line-height: 15px;
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.RadioButton-module__MHN9EG__container:has(input:checked) .RadioButton-module__MHN9EG__label {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}

.RadioButton-module__MHN9EG__bordered_radio_button:has( > input:checked) .RadioButton-module__MHN9EG__label {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-primary, #4697d9);
}

.RadioButton-module__MHN9EG__compact {
  min-height: 0;
  padding-block: 0;
  padding-inline: 0;
}

.RadioButton-module__MHN9EG__compact .RadioButton-module__MHN9EG__label {
  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-900, #1a1a1a);
}

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

.RadioButton-module__MHN9EG__checked_icon {
  display: none;
}

.RadioButton-module__MHN9EG__not_checked_icon {
  display: block;
}

.RadioButton-module__MHN9EG__container:has(input:checked) .RadioButton-module__MHN9EG__checked_icon {
  display: block;
}

.RadioButton-module__MHN9EG__container:has(input:checked) .RadioButton-module__MHN9EG__not_checked_icon {
  display: none;
}

.RadioButton-module__MHN9EG__only_icon_clickable {
  cursor: pointer;
  display: inline-flex;
}

.RadioButton-module__MHN9EG__click_area {
  cursor: pointer;
  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/modal-manager/components/ModalManagerEmotionSelector/styles/ModalManagerEmotionSelectorIntensityLevel.module.css [app-client] (css) */
.ModalManagerEmotionSelectorIntensityLevel-module__BZkb1G__container {
  gap: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  display: flex;
}

.ModalManagerEmotionSelectorIntensityLevel-module__BZkb1G__title {
  margin-top: calc(var(--spacing, .25rem) * 3.25);
  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-900, #1a1a1a);
}

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

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

/* [project]/src/components/organisms/modal-manager/styles/ModalManagerDivider.module.css [app-client] (css) */
.ModalManagerDivider-module__nzdOtq__divider {
  border-style: var(--tw-border-style);
  background-color: #e6e6e6;
  border-width: 0;
  width: 100%;
  height: 1px;
}

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerMediaUploader/styles/ModalManagerMediaUploader.module.css [app-client] (css) */
.ModalManagerMediaUploader-module__3Il7-W__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerMediaUploader-module__3Il7-W__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerMediaUploader-module__3Il7-W__container {
  z-index: 9999;
  margin-top: calc(var(--spacing, .25rem) * 4);
  height: calc(var(--spacing, .25rem) * 137.75);
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, .25rem) * 4);
  touch-action: none;
  will-change: transform;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  animation: .4s ease-out ModalManagerMediaUploader-module__3Il7-W__slideUp;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.ModalManagerMediaUploader-module__3Il7-W__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
}

@keyframes ModalManagerMediaUploader-module__3Il7-W__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

/* [project]/src/components/organisms/modal-manager/components/ModalManagerMediaUploader/styles/ModalManagerMediaUploaderInput.module.css [app-client] (css) */
.ModalManagerMediaUploaderInput-module__S2g6-a__container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.25);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 1px;
  border-color: var(--color-custom-gray-200, #ccc);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  display: flex;
}

.ModalManagerMediaUploaderInput-module__S2g6-a__cloud_upload_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
}

.ModalManagerMediaUploaderInput-module__S2g6-a__header {
  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);
}

.ModalManagerMediaUploaderInput-module__S2g6-a__conditions {
  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-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-500, gray);
}

.ModalManagerMediaUploaderInput-module__S2g6-a__span {
  display: block;
}

.ModalManagerMediaUploaderInput-module__S2g6-a__hidden_input {
  display: none;
}

@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/modal-manager/components/ModalManagerMediaUploader/styles/ModalManagerMediaUploaderFilePreviewItem.module.css [app-client] (css) */
.ModalManagerMediaUploaderFilePreviewItem-module__V1EEPG__container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 14);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  border-width: 1px;
  border-color: #e6e6e6;
  align-items: center;
  display: flex;
}

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

.ModalManagerMediaUploaderFilePreviewItem-module__V1EEPG__meta_container {
  width: 50%;
}

.ModalManagerMediaUploaderFilePreviewItem-module__V1EEPG__name {
  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: calc(.0045rem * -1);
  letter-spacing: -.0045rem;
  color: var(--color-dark-label, #1f1a17);
  text-transform: capitalize;
  padding-inline-start: calc(var(--spacing, .25rem) * 2);
  overflow: hidden;
}

.ModalManagerMediaUploaderFilePreviewItem-module__V1EEPG__size {
  text-align: start;
  --tw-leading: calc(var(--spacing, .25rem) * 5);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 5);
  --tw-font-weight: var(--font-weight-light, 300);
  font-weight: var(--font-weight-light, 300);
  --tw-tracking: calc(.00375rem * -1);
  letter-spacing: -.00375rem;
  color: var(--color-custom-gray-700, #4d4d4d);
  text-transform: capitalize;
}

.ModalManagerMediaUploaderFilePreviewItem-module__V1EEPG__trash_icon {
  aspect-ratio: 1;
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  cursor: pointer;
  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
}

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerTopicSelector/styles/ModalManagerTopicSelector.module.css [app-client] (css) */
@keyframes ModalManagerTopicSelector-module__BADiqW__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerTopicSelector-module__BADiqW__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerTopicSelector-module__BADiqW__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerTopicSelector-module__BADiqW__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerTopicSelector-module__BADiqW__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerTopicSelector-module__BADiqW__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerTopicSelector-module__BADiqW__slideUp;
}

.ModalManagerTopicSelector-module__BADiqW__content_container {
  width: 100%;
  overflow-y: auto;
}

.ModalManagerTopicSelector-module__BADiqW__title {
  margin-top: calc(var(--spacing, .25rem) * 4);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerTopicSelector-module__BADiqW__title_star {
  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-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: #ce1126;
  padding-inline-start: var(--spacing, .25rem);
}

.ModalManagerTopicSelector-module__BADiqW__input {
  margin-top: calc(var(--spacing, .25rem) * 2);
  width: 100%;
}

.ModalManagerTopicSelector-module__BADiqW__explanation_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 1.75);
  display: flex;
}

.ModalManagerTopicSelector-module__BADiqW__explanation {
  text-align: start;
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerTopicSelector-module__BADiqW__exclamation_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
}

.ModalManagerTopicSelector-module__BADiqW__emotion_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 2.75);
  flex-wrap: wrap;
  align-self: stretch;
  display: flex;
}

.ModalManagerTopicSelector-module__BADiqW__divider {
  margin-inline: calc(var(--spacing, .25rem) * -4);
  margin-bottom: calc(var(--spacing, .25rem) * 3);
}

.ModalManagerTopicSelector-module__BADiqW__radio_options_title {
  margin-top: calc(var(--spacing, .25rem) * 3.25);
  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-900, #1a1a1a);
}

.ModalManagerTopicSelector-module__BADiqW__radio_options_container {
  gap: calc(var(--spacing, .25rem) * 3);
  flex-direction: column;
  display: flex;
}

.ModalManagerTopicSelector-module__BADiqW__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
  position: sticky;
}

.ModalManagerTopicSelector-module__BADiqW__importance_title {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerTopicSelector-module__BADiqW__importance_level_options_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ModalManagerTopicSelector-module__BADiqW__importance_level_option {
  margin-block: calc(var(--spacing, .25rem) * 2);
  height: calc(var(--spacing, .25rem) * 11.5);
  width: calc(var(--spacing, .25rem) * 11.5);
  cursor: pointer;
  border-style: var(--tw-border-style);
  text-align: center;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --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-custom-gray-500, gray);
  border-width: 1px;
  border-color: #e2e8f0;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .ModalManagerTopicSelector-module__BADiqW__importance_level_option:hover {
    border-color: var(--color-black, #000);
  }
}

@media (hover: hover) {
  .ModalManagerTopicSelector-module__BADiqW__importance_level_option:hover {
    color: var(--color-black, #000);
  }
}

.ModalManagerTopicSelector-module__BADiqW__importance_level_title_container {
  margin-bottom: calc(var(--spacing, .25rem) * 5.5);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ModalManagerTopicSelector-module__BADiqW__importance_level_title {
  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.25);
  line-height: calc(var(--spacing, .25rem) * 5.25);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

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

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

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

/* [project]/src/components/atoms/category-badge/styles/CategoryBadge.module.css [app-client] (css) */
.CategoryBadge-module__2Ia_WW__container {
  height: calc(var(--spacing, .25rem) * 9);
  max-width: calc(var(--spacing, .25rem) * 40);
  min-width: calc(var(--spacing, .25rem) * 14);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * 2);
  cursor: pointer;
  color: var(--color-dark-label, #1f1a17);
  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;
  border-width: 1px;
  border-color: #c4dcf3;
  transition-duration: .1s;
  display: inline-flex;
}

.CategoryBadge-module__2Ia_WW__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;
}

.CategoryBadge-module__2Ia_WW__selected {
  border-color: var(--color-primary, #4697d9);
  background-color: var(--color-custom-blue-100, #e4eefa);
  --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);
  --tw-shadow-color: #4697d9;
}

@supports (color: color-mix(in lab, red, red)) {
  .CategoryBadge-module__2Ia_WW__selected {
    --tw-shadow-color: color-mix(in oklab, var(--color-primary, #4697d9) var(--tw-shadow-alpha), transparent);
  }
}

.CategoryBadge-module__2Ia_WW__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;
}

.CategoryBadge-module__2Ia_WW__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;
}

.CategoryBadge-module__2Ia_WW__hide_icon {
  display: none;
}

.CategoryBadge-module__2Ia_WW__readonly {
  pointer-events: none;
}

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

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

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

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

@property --tw-tracking {
  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/components/organisms/modal-manager/components/ModalManagerTopicSelector/styles/ModalManagerTopicSelectorTopics.module.css [app-client] (css) */
.ModalManagerTopicSelectorTopics-module__LCosOq__container {
  margin-top: calc(var(--spacing, .25rem) * 5);
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-bottom: calc(var(--spacing, .25rem) * 7.5);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.ModalManagerTopicSelectorTopics-module__LCosOq__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-custom-gray-900, #1a1a1a);
}

.ModalManagerTopicSelectorTopics-module__LCosOq__topic_options_container {
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.75);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerTagSelector/styles/ModalManagerTagSelector.module.css [app-client] (css) */
@keyframes ModalManagerTagSelector-module__cJyo7G__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerTagSelector-module__cJyo7G__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerTagSelector-module__cJyo7G__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerTagSelector-module__cJyo7G__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerTagSelector-module__cJyo7G__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerTagSelector-module__cJyo7G__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerTagSelector-module__cJyo7G__slideUp;
}

.ModalManagerTagSelector-module__cJyo7G__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  overflow-y: auto;
}

.ModalManagerTagSelector-module__cJyo7G__title {
  margin-top: calc(var(--spacing, .25rem) * 4);
  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);
}

.ModalManagerTagSelector-module__cJyo7G__title_star {
  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-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: #ce1126;
  padding-inline-start: var(--spacing, .25rem);
}

.ModalManagerTagSelector-module__cJyo7G__subtitle {
  margin-top: 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: 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-700, #4d4d4d);
}

.ModalManagerTagSelector-module__cJyo7G__input {
  margin-top: calc(var(--spacing, .25rem) * 2);
  width: 100%;
}

.ModalManagerTagSelector-module__cJyo7G__explanation_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 1.75);
  display: flex;
}

.ModalManagerTagSelector-module__cJyo7G__explanation {
  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) * 4.5);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerTagSelector-module__cJyo7G__exclamation_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
}

.ModalManagerTagSelector-module__cJyo7G__tag_container {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  margin-bottom: calc(var(--spacing, .25rem) * 4);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.75);
  flex-wrap: wrap;
  align-self: stretch;
  width: 100%;
  display: flex;
}

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerLocationSelector/styles/ModalManagerLocationSelector.module.css [app-client] (css) */
.ModalManagerLocationSelector-module__gj7R1W__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerLocationSelector-module__gj7R1W__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerLocationSelector-module__gj7R1W__modal_overlay {
  touch-action: none;
}

.ModalManagerLocationSelector-module__gj7R1W__form_container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerLocationSelector-module__gj7R1W__form_container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerLocationSelector-module__gj7R1W__form_container {
  opacity: 0;
  touch-action: none;
  will-change: transform;
  max-height: 95vh;
  transition: transform .4s ease-out, opacity .4s ease-out;
  overflow: hidden;
  transform: translateY(100%);
}

.ModalManagerLocationSelector-module__gj7R1W__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 4);
  overflow-y: auto;
}

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

.ModalManagerLocationSelector-module__gj7R1W__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: 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: .00525rem;
  letter-spacing: .00525rem;
  color: var(--color-dark-label, #1f1a17);
}

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

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

.ModalManagerLocationSelector-module__gj7R1W__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

.ModalManagerLocationSelector-module__gj7R1W__textarea {
  margin-top: calc(var(--spacing, .25rem) * 2.25);
  width: 100%;
}

.ModalManagerLocationSelector-module__gj7R1W__address_title_container {
  margin-top: calc(var(--spacing, .25rem) * 4);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1.5);
  display: flex;
}

.ModalManagerLocationSelector-module__gj7R1W__map_arrow_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
}

.ModalManagerLocationSelector-module__gj7R1W__map_container {
  z-index: 9999;
  background-color: var(--color-gray-100, #f3f4f6);
  opacity: 0;
  transition: transform .4s ease-out, opacity .4s ease-out;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transform: translateY(100%);
}

@supports (color: lab(0% 0 0)) {
  .ModalManagerLocationSelector-module__gj7R1W__map_container {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

.ModalManagerLocationSelector-module__gj7R1W__show {
  opacity: 1;
  transform: translateY(0);
}

.ModalManagerLocationSelector-module__gj7R1W__hide {
  opacity: 0;
  transform: translateY(100%);
}

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

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

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

/* [project]/src/components/atoms/textarea/styles/Textarea.module.css [app-client] (css) */
.Textarea-module__l7pY_W__wrap {
  margin: calc(var(--spacing, .25rem) * -1);
  padding: var(--spacing, .25rem);
}

.Textarea-module__l7pY_W__textarea {
  min-height: calc(var(--spacing, .25rem) * 16);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-input-background, #fdfcfa);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 2.5);
  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-500, gray);
  outline-style: var(--tw-outline-style);
  border-width: 1px;
  border-color: #e6e6e6;
  outline-width: 0;
}

.Textarea-module__l7pY_W__textarea:focus-within {
  border-color: var(--color-primary, #4697d9);
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #90bfe94d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
  .Textarea-module__l7pY_W__textarea:hover {
    border-color: var(--color-custom-gray-200, #ccc);
  }
}

@media (hover: hover) {
  .Textarea-module__l7pY_W__textarea:hover:focus-within {
    border-color: var(--color-primary, #4697d9);
  }
}

.Textarea-module__l7pY_W__textarea {
  resize: none;
}

.Textarea-module__l7pY_W__textarea::placeholder {
  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-500, gray);
}

.Textarea-module__l7pY_W__readonly {
  cursor: not-allowed;
  background-color: #f9f9f9;
  border-color: #e5e5e5;
}

.Textarea-module__l7pY_W__disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}

@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-outline-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;
}

/* [project]/src/components/organisms/modal-manager/styles/ModalManagerMap.module.css [app-client] (css) */
@keyframes ModalManagerMap-module___9RNiW__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerMap-module___9RNiW__container {
  z-index: 10000;
  flex-direction: column;
  width: 100%;
  height: 100%;
  animation: .4s ease-out ModalManagerMap-module___9RNiW__slideUp;
  display: flex;
}

.ModalManagerMap-module___9RNiW__header {
  height: calc(var(--spacing, .25rem) * 15.5);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.ModalManagerMap-module___9RNiW__clear_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  margin-inline-end: auto;
}

.ModalManagerMap-module___9RNiW__title {
  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: 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-900, #1a1a1a);
  margin-inline-end: auto;
}

.ModalManagerMap-module___9RNiW__map {
  flex: 1;
  width: 100%;
  min-height: 0;
}

.ModalManagerMap-module___9RNiW__search_container {
  z-index: 10;
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 5);
  padding-block: calc(var(--spacing, .25rem) * 3);
  background-color: #fcfaf8;
  flex-shrink: 0;
  position: relative;
}

.ModalManagerMap-module___9RNiW__form {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 5);
  padding-top: calc(var(--spacing, .25rem) * 3.5);
  padding-bottom: calc(var(--spacing, .25rem) * 9.5);
  background-color: #fcfaf8;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  display: flex;
}

.ModalManagerMap-module___9RNiW__input_container {
  width: 100%;
}

.ModalManagerMap-module___9RNiW__button_container {
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

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

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

/* [project]/src/components/atoms/dropdown-item-text/styles/DropdownItemText.module.css [app-client] (css) */
.DropdownItemText-module__AcZVKG__item {
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.5);
  padding: calc(var(--spacing, .25rem) * 2.5);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.DropdownItemText-module__AcZVKG__selected {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.DropdownItemText-module__AcZVKG__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemText-module__AcZVKG__label {
  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-800, #333);
}

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

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

/* [project]/src/components/atoms/dropdown-item-icon/styles/DropdownItemIcon.module.css [app-client] (css) */
.DropdownItemIcon-module___ZvQ8W__item {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--spacing, .25rem);
  padding: calc(var(--spacing, .25rem) * 2.5);
  align-self: stretch;
  display: flex;
}

.DropdownItemIcon-module___ZvQ8W__selected {
  justify-content: center;
  align-items: center;
}

.DropdownItemIcon-module___ZvQ8W__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemIcon-module___ZvQ8W__icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  flex-shrink: 0;
}

.DropdownItemIcon-module___ZvQ8W__label {
  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-800, #333);
}

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

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

/* [project]/src/components/atoms/dropdown-item-avatar/styles/DropdownItemAvatar.module.css [app-client] (css) */
.DropdownItemAvatar-module__EDBW1q__item {
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2.5);
  padding: calc(var(--spacing, .25rem) * 2.5);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.DropdownItemAvatar-module__EDBW1q__selected {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.DropdownItemAvatar-module__EDBW1q__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemAvatar-module__EDBW1q__avatar {
  flex-shrink: 0;
}

.DropdownItemAvatar-module__EDBW1q__label {
  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-800, #333);
}

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

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

/* [project]/src/components/atoms/dropdown-item-button/styles/DropdownItemButton.module.css [app-client] (css) */
.DropdownItemButton-module__Sh7axq__item {
  align-self: stretch;
  display: flex;
}

.DropdownItemButton-module__Sh7axq__button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-style: var(--tw-border-style);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 2.5);
  background-color: #0000;
  border-width: 0;
  flex-direction: row;
  display: flex;
}

.DropdownItemButton-module__Sh7axq__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.DropdownItemButton-module__Sh7axq__icon {
  height: calc(var(--spacing, .25rem) * 4);
  width: calc(var(--spacing, .25rem) * 4);
  flex-shrink: 0;
}

.DropdownItemButton-module__Sh7axq__label {
  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);
  color: var(--color-custom-gray-800, #333);
}

@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/molecules/dropdown/styles/Dropdown.module.css [app-client] (css) */
.Dropdown-module__jzbRwq__container {
  width: 100%;
}

.Dropdown-module__jzbRwq__dropdown_toggle {
  display: none;
}

.Dropdown-module__jzbRwq__dropdown_container {
  pointer-events: none;
  transform-origin: top;
  --tw-translate-y: calc(var(--spacing, .25rem) * -1);
  width: 100%;
  height: 0;
  max-height: 0;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  background-color: var(--color-input-background, #fdfcfa);
  opacity: 0;
  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: .7s;
  --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  transition-duration: .7s;
  transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1));
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-width: 0;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.Dropdown-module__jzbRwq__dropdown_container::-webkit-scrollbar {
  display: none;
}

:is(.Dropdown-module__jzbRwq__container:has( > input:checked) .Dropdown-module__jzbRwq__dropdown_container, .Dropdown-module__jzbRwq__always_open .Dropdown-module__jzbRwq__dropdown_container) {
  pointer-events: auto;
  margin-top: calc(var(--spacing, .25rem) * 2);
  --tw-translate-y: 0px;
  height: auto;
  max-height: 237px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-custom-gray-100, #e5e5e5);
  padding-inline: calc(var(--spacing, .25rem) * 2.5);
  padding-block: calc(var(--spacing, .25rem) * 3);
  opacity: 1;
  overflow-y: auto;
}

.Dropdown-module__jzbRwq__dropdown_list {
  gap: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  display: flex;
}

@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

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

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerDateSelector/styles/ModalManagerDateSelector.module.css [app-client] (css) */
@keyframes ModalManagerDateSelector-module__jedvha__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerDateSelector-module__jedvha__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerDateSelector-module__jedvha__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerDateSelector-module__jedvha__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerDateSelector-module__jedvha__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerDateSelector-module__jedvha__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerDateSelector-module__jedvha__slideUp;
}

.ModalManagerDateSelector-module__jedvha__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ModalManagerDateSelector-module__jedvha__title {
  margin-top: calc(var(--spacing, .25rem) * 4);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerDateSelector-module__jedvha__title_star {
  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: #ce1126;
}

.ModalManagerDateSelector-module__jedvha__date_selector {
  margin-top: calc(var(--spacing, .25rem) * 2);
  width: 100%;
}

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

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerDateSelector/styles/ModalManagerDateSelectorEstimatedDate.module.css [app-client] (css) */
.ModalManagerDateSelectorEstimatedDate-module___XYaoW__container {
  width: 100%;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__checkbox_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 1.75);
  align-self: stretch;
  display: flex;
}

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

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__ticked {
  display: none;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__not_ticked, .ModalManagerDateSelectorEstimatedDate-module___XYaoW__input:checked ~ .ModalManagerDateSelectorEstimatedDate-module___XYaoW__ticked {
  display: inline-block;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__input:checked ~ .ModalManagerDateSelectorEstimatedDate-module___XYaoW__not_ticked {
  display: none;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__label {
  text-align: start;
  --tw-leading: calc(var(--spacing, .25rem) * 4.75);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 4.75);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__textarea {
  margin-top: calc(var(--spacing, .25rem) * 2);
  box-sizing: border-box;
  width: 100%;
  display: none;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__input:checked ~ .ModalManagerDateSelectorEstimatedDate-module___XYaoW__textarea {
  display: block;
}

.ModalManagerDateSelectorEstimatedDate-module___XYaoW__container:has(.ModalManagerDateSelectorEstimatedDate-module___XYaoW__input:checked) .ModalManagerDateSelectorEstimatedDate-module___XYaoW__textarea {
  display: block;
}

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

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

/* [project]/src/components/molecules/date_selector/styles/DateSelector.css [app-client] (css) */
.rmdp-container {
  width: 100% !important;
}

/* [project]/src/components/organisms/modal-manager/components/ModalManagerWhenWhereSelector/styles/ModalManagerWhenWhereSelector.module.css [app-client] (css) */
@keyframes ModalManagerWhenWhereSelector-module__Zs7KJG__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerWhenWhereSelector-module__Zs7KJG__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerWhenWhereSelector-module__Zs7KJG__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerWhenWhereSelector-module__Zs7KJG__slideUp;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__with_map {
  padding-inline: 0;
  height: 95vh;
  max-height: 95vh;
  padding-bottom: 0;
}

@media (min-width: 64rem) {
  .ModalManagerWhenWhereSelector-module__Zs7KJG__with_map {
    height: calc(var(--spacing, .25rem) * 137.75);
  }

  .ModalManagerWhenWhereSelector-module__Zs7KJG__with_map {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__with_map {
  overflow: hidden;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__header_with_map {
  padding-inline: calc(var(--spacing, .25rem) * 4);
  flex-shrink: 0;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__content_container_with_map {
  flex: 1;
  align-self: stretch;
  min-height: 0;
  padding-inline: 0;
  position: relative;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__tab {
  width: calc(var(--spacing, .25rem) * 43);
  flex-shrink: 0;
  margin-inline: auto;
}

.ModalManagerWhenWhereSelector-module__Zs7KJG__datepicker {
  margin-inline: auto;
  margin-block: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

/* [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/modal-manager/components/ModalManagerWhenWhereSelector/styles/ModalManagerWhenWhereSelectorLocation.module.css [app-client] (css) */
.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__container {
  width: 100%;
}

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

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__button {
  margin-top: calc(var(--spacing, .25rem) * 4);
  width: 100%;
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__map_arrow_icon {
  height: calc(var(--spacing, .25rem) * 6);
  width: calc(var(--spacing, .25rem) * 6);
  margin-inline-end: calc(var(--spacing, .25rem) * 2);
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__root {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__map_container {
  z-index: 10;
  background-color: var(--color-gray-100, #f3f4f6);
  opacity: 0;
  pointer-events: none;
  transition: transform .4s ease-out, opacity .4s ease-out;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: translateY(100%);
}

@supports (color: lab(0% 0 0)) {
  .ModalManagerWhenWhereSelectorLocation-module__qMzN3a__map_container {
    background-color: var(--color-gray-100, lab(96.1596% -.0823438 -1.13575));
  }
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__hide {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.ModalManagerWhenWhereSelectorLocation-module__qMzN3a__form_hidden {
  pointer-events: none;
  visibility: hidden;
}

/* [project]/src/components/organisms/modal-manager/components/ModalManagerRadioButtons/styles/ModalManagerRadioButtons.module.css [app-client] (css) */
@keyframes ModalManagerRadioButtons-module___Yth5G__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerRadioButtons-module___Yth5G__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerRadioButtons-module___Yth5G__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerRadioButtons-module___Yth5G__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerRadioButtons-module___Yth5G__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerRadioButtons-module___Yth5G__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerRadioButtons-module___Yth5G__slideUp;
}

.ModalManagerRadioButtons-module___Yth5G__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ModalManagerRadioButtons-module___Yth5G__radio_button_container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ModalManagerRadioButtons-module___Yth5G__title {
  margin-block: calc(var(--spacing, .25rem) * 4);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerRadioButtons-module___Yth5G__option {
  width: 100%;
}

.ModalManagerRadioButtons-module___Yth5G__separator {
  height: calc(var(--spacing, .25rem) * .25);
  --tw-border-style: none;
  background-color: var(--color-custom-gray-100, #e5e5e5);
  border-style: none;
}

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerEmotionFilter/styles/ModalManagerEmotionFilter.module.css [app-client] (css) */
@keyframes ModalManagerEmotionFilter-module__39dYqW__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerEmotionFilter-module__39dYqW__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerEmotionFilter-module__39dYqW__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerEmotionFilter-module__39dYqW__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerEmotionFilter-module__39dYqW__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerEmotionFilter-module__39dYqW__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerEmotionFilter-module__39dYqW__slideUp;
}

.ModalManagerEmotionFilter-module__39dYqW__content_container {
  width: 100%;
  overflow-y: auto;
}

.ModalManagerEmotionFilter-module__39dYqW__title {
  margin-top: calc(var(--spacing, .25rem) * 4);
  margin-bottom: calc(var(--spacing, .25rem) * 5);
  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-custom-gray-900, #1a1a1a);
}

.ModalManagerEmotionFilter-module__39dYqW__explanation_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 1.75);
  display: flex;
}

.ModalManagerEmotionFilter-module__39dYqW__explanation {
  text-align: start;
  --tw-leading: calc(var(--spacing, .25rem) * 4.5);
  font-size: .625rem;
  line-height: calc(var(--spacing, .25rem) * 4.5);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-custom-gray-600, #666);
}

.ModalManagerEmotionFilter-module__39dYqW__emotion_container {
  margin-top: calc(var(--spacing, .25rem) * 2);
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--spacing, .25rem) * 2.75);
  flex-wrap: wrap;
  align-self: stretch;
  display: flex;
}

.ModalManagerEmotionFilter-module__39dYqW__divider {
  margin-block: calc(var(--spacing, .25rem) * 2.5);
}

.ModalManagerEmotionFilter-module__39dYqW__button_container {
  gap: calc(var(--spacing, .25rem) * 4);
  align-self: stretch;
  width: 100%;
  display: flex;
}

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerEmojiSelector/styles/ModalManagerEmojiSelector.module.css [app-client] (css) */
@keyframes ModalManagerEmojiSelector-module__h3-H2G__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerEmojiSelector-module__h3-H2G__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerEmojiSelector-module__h3-H2G__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerEmojiSelector-module__h3-H2G__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerEmojiSelector-module__h3-H2G__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerEmojiSelector-module__h3-H2G__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerEmojiSelector-module__h3-H2G__slideUp;
}

.ModalManagerEmojiSelector-module__h3-H2G__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-top: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ModalManagerEmojiSelector-module__h3-H2G__emoji_selector, .ModalManagerEmojiSelector-module__h3-H2G__emoji_selector > div {
  width: 100% !important;
}

/* [project]/src/components/organisms/modal-manager/components/ModalManagerAccessGroupSelector/styles/ModalManagerAccessGroupSelector.module.css [app-client] (css) */
@keyframes ModalManagerAccessGroupSelector-module__LD8Joa__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerAccessGroupSelector-module__LD8Joa__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerAccessGroupSelector-module__LD8Joa__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerAccessGroupSelector-module__LD8Joa__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerAccessGroupSelector-module__LD8Joa__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerAccessGroupSelector-module__LD8Joa__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerAccessGroupSelector-module__LD8Joa__slideUp;
}

.ModalManagerAccessGroupSelector-module__LD8Joa__content_container {
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 4);
  overflow-y: auto;
}

.ModalManagerAccessGroupSelector-module__LD8Joa__title {
  text-align: center;
  width: 100%;
  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-900, #1a1a1a);
}

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

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

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

/* [project]/src/components/organisms/modal-manager/components/ModalManagerChallengeRules/styles/ModalManagerChallengeRules.module.css [app-client] (css) */
@keyframes ModalManagerChallengeRules-module__C99ZiG__slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.ModalManagerChallengeRules-module__C99ZiG__modal_overlay {
  z-index: 9998;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .ModalManagerChallengeRules-module__C99ZiG__modal_overlay {
    background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
  }
}

.ModalManagerChallengeRules-module__C99ZiG__container {
  z-index: 9999;
  background-color: var(--color-white, #fff);
  width: 100%;
  height: auto;
  max-height: 95vh;
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 64rem) {
  .ModalManagerChallengeRules-module__C99ZiG__container {
    max-height: calc(var(--spacing, .25rem) * 137.75);
  }
}

.ModalManagerChallengeRules-module__C99ZiG__container {
  touch-action: none;
  will-change: transform;
  animation: .4s ease-out ModalManagerChallengeRules-module__C99ZiG__slideUp;
}

.ModalManagerChallengeRules-module__C99ZiG__content_container {
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.ModalManagerChallengeRules-module__C99ZiG__section {
  gap: calc(var(--spacing, .25rem) * 2);
  width: 100%;
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  display: flex;
}

.ModalManagerChallengeRules-module__C99ZiG__title {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  text-align: right;
  width: 100%;
  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-900, #1a1a1a);
}

.ModalManagerChallengeRules-module__C99ZiG__activation_options {
  justify-content: flex-start;
  align-items: center;
  gap: 34px;
  width: 100%;
  display: flex;
}

.ModalManagerChallengeRules-module__C99ZiG__hint {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing, .25rem);
  align-self: stretch;
  display: flex;
}

.ModalManagerChallengeRules-module__C99ZiG__hint_icon {
  height: calc(var(--spacing, .25rem) * 5);
  width: calc(var(--spacing, .25rem) * 5);
  flex-shrink: 0;
}

.ModalManagerChallengeRules-module__C99ZiG__hint_text {
  text-align: right;
  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-500, gray);
}

.ModalManagerChallengeRules-module__C99ZiG__divider {
  margin-block: calc(var(--spacing, .25rem) * 2);
}

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

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

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

/* [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/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/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/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/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/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/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/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/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/templates/archive/styles/ArchiveTemplateFilteredData.module.css [app-client] (css) */
.ArchiveTemplateFilteredData-module__ZmeGPa__container {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 6);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 6);
  flex-direction: column;
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
  display: flex;
}

/* [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/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/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/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/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/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/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/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/templates/archive/styles/ArchiveTemplateFeedSection.module.css [app-client] (css) */
.ArchiveTemplateFeedSection-module__NfaVsa__container {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 8);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  display: flex;
}

.ArchiveTemplateFeedSection-module__NfaVsa__call_to_action {
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-inline-end: calc(var(--spacing, .25rem) * 4);
}

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