/* [project]/src/components/content/article/common/ArticleContent/ArticleContent.module.scss.module.css [app-client] (css) */
.ArticleContent-module-scss-module__HOhMEG__component {
  flex-direction: column;
  gap: .5rem;
  min-height: 3lh;
  font-weight: 450;
  display: flex;
}

.ArticleContent-module-scss-module__HOhMEG__component h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 3.35rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component h2 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 2.35rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.65rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component h4 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component h5 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component h6 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.ArticleContent-module-scss-module__HOhMEG__component p {
  margin: .75rem .5rem;
}

.ArticleContent-module-scss-module__HOhMEG__component .ArticleContent-module-scss-module__HOhMEG__truncatedText {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 5.2em;
  display: -webkit-box;
  overflow: hidden;
}


/* [project]/src/components/content/article/common/ArticleDate/ArticleDate.module.scss.module.css [app-client] (css) */
.ArticleDate-module-scss-module__Frex-a__component {
  height: 1lh;
  color: var(--color-foreground-active);
  white-space: nowrap;
  flex-direction: column;
  gap: .5rem;
  display: flex;
}


/* [project]/src/components/content/Bookmark/Bookmark.module.scss.module.css [app-client] (css) */
.Bookmark-module-scss-module__0Fmepq__icon.Bookmark-module-scss-module__0Fmepq__icon {
  background-color: var(--gray-2);
  border: none;
  transform: scale(1);
}

.Bookmark-module-scss-module__0Fmepq__icon.Bookmark-module-scss-module__0Fmepq__icon:hover {
  transform: scale(1.2);
}


/* [project]/src/components/ItemOptions/ItemOptions.module.css [app-client] (css) */
.ItemOptions-module__jdcw6W__triggerButton {
  border: 1px solid var(--gray-6);
  padding: calc(var(--padding-unit) * 2);
  cursor: pointer;
  border-radius: calc(var(--radius-unit) * 2);
  background: var(--background);
  color: var(--foreground);
  transition: background var(--btn-transition-duration), color var(--btn-transition-duration);
}

.ItemOptions-module__jdcw6W__triggerButton:hover {
  background: var(--color-background-hover);
  color: var(--color-foreground-hover);
}

.ItemOptions-module__jdcw6W__dropdownContent {
  background: var(--background);
  border: 1px solid var(--gray-6);
  border-radius: calc(var(--radius-unit) * 2);
  padding: calc(var(--padding-unit) * 2);
  z-index: 100;
  position: relative;
  box-shadow: 0 4px 6px #0000001a;
}

.ItemOptions-module__jdcw6W__menuItem {
  padding: calc(var(--padding-unit) * 3) calc(var(--padding-unit) * 4);
  cursor: pointer;
  border-radius: calc(var(--radius-unit) * 2);
  color: var(--foreground);
  transition: background var(--btn-transition-duration), color var(--btn-transition-duration);
  background: none;
}

.ItemOptions-module__jdcw6W__menuItem:hover {
  background-color: var(--color-background-hover);
  color: var(--color-foreground-hover);
}

.ItemOptions-module__jdcw6W__arrow {
  font-size: var(--font-size-sm);
  margin-left: calc(var(--margin-unit) * 2);
  color: var(--foreground-hover);
  transition: color var(--btn-transition-duration);
}

.ItemOptions-module__jdcw6W__subMenuContent {
  background: var(--background);
  border: 1px solid var(--gray-6);
  border-radius: calc(var(--radius-unit) * 2);
  padding: calc(var(--padding-unit) * 2);
  z-index: 101;
  position: absolute;
  top: 0;
  left: 100%;
  box-shadow: 0 4px 6px #0000001a;
}

.ItemOptions-module__jdcw6W__subMenuItem {
  padding: calc(var(--padding-unit) * 3) calc(var(--padding-unit) * 4);
  cursor: pointer;
  border-radius: calc(var(--radius-unit) * 2);
  color: var(--foreground);
  transition: background var(--btn-transition-duration), color var(--btn-transition-duration);
  background: none;
}

.ItemOptions-module__jdcw6W__subMenuItem:hover {
  background-color: var(--color-background-hover);
  color: var(--color-foreground-hover);
}

.ItemOptions-module__jdcw6W__menuIcon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}


/* [project]/src/components/comments/ReactionSelector/ReactionSelector.module.scss.module.css [app-client] (css) */
.ReactionSelector-module-scss-module__5Jj1zW__container {
  position: relative;
  overflow: visible;
}

.ReactionSelector-module-scss-module__5Jj1zW__heartIcon {
  cursor: pointer;
  font-size: var(--size-lg);
  color: var(--color-primary);
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionList {
  gap: var(--size-sm);
  background-color: var(--color-background);
  border: 1px solid var(--foreground);
  border-radius: calc(var(--radius-unit) * 2);
  display: flex;
  overflow: visible;
  transform: translateY(-10px);
  box-shadow: none !important;
  outline: none !important;
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionIcon {
  cursor: pointer;
  margin: calc(var(--margin-unit) * 2);
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
  justify-content: center;
  align-items: center;
  line-height: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionIcon:before {
  content: "";
  top: calc(var(--icon-size-sm) * -.75);
  left: calc(var(--icon-size-sm) * -.5);
  right: calc(var(--icon-size-sm) * -.5);
  bottom: calc(var(--icon-size-sm) * -.5);
  position: absolute;
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionIcon:hover > * {
  transform: translateY(calc(var(--padding-unit) * -4));
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionIcon > * {
  transition: transform .2s;
}

.ReactionSelector-module-scss-module__5Jj1zW__icon {
  height: var(--icon-size-sm);
  width: var(--icon-size-sm);
  vertical-align: middle;
  line-height: 1;
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionCount {
  margin-top: 2px;
  font-size: medium;
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionTooltip {
  background: var(--foreground);
  color: var(--background);
  padding: calc(var(--padding-unit) * 2);
  border-radius: var(--radius-unit, 6px);
  font-size: var(--font-size-xs);
  white-space: nowrap;
  box-shadow: var(--shadow-tooltip, 0 2px 8px #00000026);
  pointer-events: none;
  transition: opacity .15s;
  position: absolute;
  bottom: 115%;
  transform: translateX(-50%)translateY(-8px);
}

.ReactionSelector-module-scss-module__5Jj1zW__reactionButton {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}


/* [project]/src/components/comments/ReactionWithCount/ReactionWithCount.module.scss.module.css [app-client] (css) */
.ReactionWithCount-module-scss-module__O98anW__reactionSummary {
  align-items: center;
  gap: var(--gap-unit);
  cursor: pointer;
  display: flex;
  position: relative;
  outline: none !important;
}

.ReactionWithCount-module-scss-module__O98anW__reactionIcons {
  gap: var(--gap-unit);
  align-items: center;
  display: flex;
}

.ReactionWithCount-module-scss-module__O98anW__reactionIcon {
  width: auto;
  height: auto;
  font-size: var(--font-size-lg);
  height: calc(var(--icon-size-xs) * 1);
  width: calc(var(--icon-size-xs) * 1);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ReactionWithCount-module-scss-module__O98anW__countContainer {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ReactionWithCount-module-scss-module__O98anW__count {
  color: var(--accent-tertiary);
  font-size: var(--font-size-sm);
}

.ReactionWithCount-module-scss-module__O98anW__userListPopover {
  background-color: var(--background);
  color: var(--foreground);
  border-radius: calc(var(--radius-unit) * 2);
  padding: calc(var(--size-sm) * 2);
  border: 1px solid var(--foreground);
  overflow: visible;
  transform: translateY(-10px);
  box-shadow: none !important;
  outline: none !important;
}

.ReactionWithCount-module-scss-module__O98anW__reactionsList {
  gap: var(--gap-unit);
  padding: calc(var(--padding-unit) * 1);
  align-items: center;
  display: flex;
}

.ReactionWithCount-module-scss-module__O98anW__reactionItem {
  align-items: center;
  gap: var(--gap-unit);
  display: flex;
}

.ReactionWithCount-module-scss-module__O98anW__reactionCount {
  color: var(--accent-tertiary);
  font-size: var(--font-size-sm);
}

.ReactionWithCount-module-scss-module__O98anW__userList {
  text-align: right;
  margin-left: auto;
}

.ReactionWithCount-module-scss-module__O98anW__userName {
  padding: var(--padding-unit);
  font-size: var(--font-size-sm);
  margin: 0;
}


/* [project]/src/components/primitives/separator/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__62SLPG__separator {
  background-color: var(--accent-default);
  opacity: .2;
  height: 2px;
}


/* [project]/src/components/content/article/common/ArticleInteractions/ArticleInteractions.module.scss.module.css [app-client] (css) */
.ArticleInteractions-module-scss-module__Hx5-xa__component {
  gap: calc(var(--gap-unit) * 4);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__reactionsContainer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__commentCount {
  color: var(--gray-11);
  font-size: var(--font-size-sm);
  margin-left: auto;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__separator {
  margin: 0;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__interactionsRow {
  width: 100%;
  margin-top: calc(var(--margin-unit) * 1);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--gap-unit) * 1);
  display: flex;
  overflow: visible;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__interactionItem {
  align-items: center;
  gap: calc(var(--gap-unit) * 4);
  width: fit-content;
  padding: calc(var(--padding-unit) * 2);
  cursor: pointer;
  color: var(--gray-11);
  border-radius: calc(var(--radius-unit) * 2);
  background: none;
  border: none;
  transition: all .2s;
  display: flex;
}

@media (width <= 700px) {
  .ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__interactionItem {
    gap: calc(var(--gap-unit) * 2);
    flex-direction: column;
    align-items: center;
  }
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__interactionItem:hover {
  color: var(--gray-12);
  background-color: var(--gray-3);
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__interactionItem svg {
  width: 24px;
  height: 24px;
}

.ArticleInteractions-module-scss-module__Hx5-xa__component .ArticleInteractions-module-scss-module__Hx5-xa__label {
  font-size: var(--font-size-sm);
  color: inherit;
  margin: 0;
  font-weight: bolder;
}

.ArticleInteractions-module-scss-module__Hx5-xa__sharingContainer {
  pointer-events: none;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
}


/* [project]/src/components/content/article/common/ArticleLanguageSelector/ArticleLanguageSelector.module.scss.module.css [app-client] (css) */
.ArticleLanguageSelector-module-scss-module__f-_AkW__container .ArticleLanguageSelector-module-scss-module__f-_AkW__select {
  padding: calc(1.5 * var(--padding-unit)) calc(3 * var(--padding-unit));
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectTrigger {
  height: 35px;
  color: var(--violet-11);
  background-color: #f7f7f7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 15px;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectTrigger:hover {
  background-color: var(--mauve-3);
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectTrigger[data-placeholder] {
  color: var(--violet-9);
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectIcon {
  color: Var(--violet-11);
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectContent {
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 38px -10px #16171859, 0 10px 20px -15px #16171833;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectViewport {
  padding: 5px;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectItem {
  color: var(--violet-11);
  user-select: none;
  border-radius: 3px;
  align-items: center;
  height: 25px;
  padding: 0 35px 0 25px;
  font-size: 13px;
  line-height: 1;
  display: flex;
  position: relative;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectItem[data-disabled] {
  color: var(--mauve-8);
  pointer-events: none;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectItem[data-highlighted] {
  background-color: var(--violet-9);
  color: var(--violet-1);
  outline: none;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectLabel {
  color: var(--mauve-11);
  padding: 0 25px;
  font-size: 12px;
  line-height: 25px;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectSeparator {
  background-color: var(--violet-6);
  height: 1px;
  margin: 5px;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectItemIndicator {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: inline-flex;
  position: absolute;
  left: 0;
}

.ArticleLanguageSelector-module-scss-module__f-_AkW__SelectScrollButton {
  height: 25px;
  color: var(--violet-11);
  cursor: default;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}


/* [project]/src/components/content/article/common/ArticleMultimediaThumbnail/ArticleMultimediaThumbnail.module.scss.module.css [app-client] (css) */
.ArticleMultimediaThumbnail-module-scss-module__O9oa-a__component {
  border: 1px solid #ddd;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ArticleMultimediaThumbnail-module-scss-module__O9oa-a__component .ArticleMultimediaThumbnail-module-scss-module__O9oa-a__image {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.ArticleMultimediaThumbnail-module-scss-module__O9oa-a__component img {
  width: 100%;
  height: 100%;
}


/* [project]/src/components/content/article/common/ArticlePublisher/ArticlePublisher.module.scss.module.css [app-client] (css) */
.ArticlePublisher-module-scss-module__qz1hxG__component {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.ArticlePublisher-module-scss-module__qz1hxG__component .ArticlePublisher-module-scss-module__qz1hxG__image {
  object-fit: contain;
  object-position: center;
  width: max-content;
  max-height: 2.25rem;
  position: relative;
}

.ArticlePublisher-module-scss-module__qz1hxG__component .ArticlePublisher-module-scss-module__qz1hxG__image img {
  width: unset !important;
}


/* [project]/src/components/content/article/common/ArticleTitle/ArticleTitle.module.scss.module.css [app-client] (css) */
.ArticleTitle-module-scss-module__1U5MlG__component {
  color: var(--accent-default);
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ArticleTitle-module-scss-module__1U5MlG__component h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 3.35rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component h2 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 2.35rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.65rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component h4 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component h5 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component h6 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.ArticleTitle-module-scss-module__1U5MlG__component p {
  margin: .75rem .5rem;
}

.ArticleTitle-module-scss-module__1U5MlG__component p:first-of-type, .ArticleTitle-module-scss-module__1U5MlG__component h1 + p, .ArticleTitle-module-scss-module__1U5MlG__component h2 + p, .ArticleTitle-module-scss-module__1U5MlG__component h3 + p, .ArticleTitle-module-scss-module__1U5MlG__component h4 + p, .ArticleTitle-module-scss-module__1U5MlG__component h5 + p, .ArticleTitle-module-scss-module__1U5MlG__component h6 + p {
  text-indent: 2em;
}


/* [project]/src/components/content/article/common/ArticleVisitSourceButton/ArticleVisitSourceButton.module.scss.module.css [app-client] (css) */
.ArticleVisitSourceButton-module-scss-module__ugGc3q__component {
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.ArticleVisitSourceButton-module-scss-module__ugGc3q__component .ArticleVisitSourceButton-module-scss-module__ugGc3q__image {
  object-fit: contain;
  object-position: center;
  width: max-content;
  max-height: 64px;
}


/* [project]/src/components/content/article/slider/ArticleSliderItem/ArticleSliderItem.module.scss.module.css [app-client] (css) */
.ArticleSliderItem-module-scss-module__S8GuUq__component {
  display: block;
  position: relative;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__wrapper {
  flex-direction: column;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__link {
  width: 100%;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__title {
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 3lh;
  display: -webkit-box;
  overflow: hidden;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__thumbnail {
  aspect-ratio: 6 / 4;
  width: 100%;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__publisher {
  height: 2.25rem;
}

.ArticleSliderItem-module-scss-module__S8GuUq__component .ArticleSliderItem-module-scss-module__S8GuUq__actions {
  position: absolute;
  top: .5rem;
  right: .5rem;
}


/* [project]/src/components/content/article/common/ArticleThumbnail/ArticleThumbnail.module.scss.module.css [app-client] (css) */
.ArticleThumbnail-module-scss-module__CFaD3a__component {
  border: 1px solid #ddd;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ArticleThumbnail-module-scss-module__CFaD3a__component .ArticleThumbnail-module-scss-module__CFaD3a__image {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.ArticleThumbnail-module-scss-module__CFaD3a__component img {
  width: 100%;
  height: 100%;
}


/* [project]/src/components/content/article/slider/ArticleSlider/ArticleSlider.module.scss.module.css [app-client] (css) */
.ArticleSlider-module-scss-module__b6Z4Sa__component {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  display: flex;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component.ArticleSlider-module-scss-module__b6Z4Sa__surroundings {
  min-height: 32rem;
  margin-top: 4rem;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component.ArticleSlider-module-scss-module__b6Z4Sa__surroundings .ArticleSlider-module-scss-module__b6Z4Sa__header {
  border-top: 1px solid var(--gray-9);
  height: 4rem;
  padding-top: 1.5rem;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: .25rem;
  display: flex;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__title {
  align-items: center;
  gap: .5rem;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__pagination {
  display: none;
}

@media (width >= 690px) {
  .ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__pagination {
    gap: .5rem;
    display: flex;
  }
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides {
  flex-direction: column;
  width: 100%;
  height: 24rem;
  display: flex;
  position: relative;
}

@media (width >= 690px) {
  .ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides {
    gap: 3rem;
  }
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobilePagination {
  aspect-ratio: 16 / 9;
  pointer-events: none;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

@media (width >= 690px) {
  .ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobilePagination {
    display: none;
  }
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobilePagination .ArticleSlider-module-scss-module__b6Z4Sa__mobilePaginationButton {
  pointer-events: initial;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: calc(50% - 1.25rem);
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobilePagination .ArticleSlider-module-scss-module__b6Z4Sa__mobilePaginationButton:first-child {
  left: .5rem;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobilePagination .ArticleSlider-module-scss-module__b6Z4Sa__mobilePaginationButton:last-child {
  right: .5rem;
}

.ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobileInvisible {
  display: none;
}

@media (width >= 690px) {
  .ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides .ArticleSlider-module-scss-module__b6Z4Sa__mobileInvisible {
    display: flex;
  }
}

@media screen and (width >= 900px) {
  .ArticleSlider-module-scss-module__b6Z4Sa__component .ArticleSlider-module-scss-module__b6Z4Sa__slides {
    flex-direction: row;
    gap: 1rem;
  }
}


/* [project]/src/components/comments/InitialsImage/InitialsImage.module.scss.module.css [app-client] (css) */
.InitialsImage-module-scss-module__TyuRHW__initialsImage {
  background-color: var(--accent-secondary);
  width: 100%;
  height: 100%;
  color: var(--fg-accent-secondary);
  text-transform: uppercase;
  user-select: none;
  padding: calc(var(--padding-unit));
  box-sizing: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 85%;
  font-weight: bold;
  display: flex;
  overflow: hidden;
}

.InitialsImage-module-scss-module__TyuRHW__sss {
  background-color: var(--accent-secondary);
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  user-select: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: flex;
  overflow: hidden;
}


/* [project]/src/components/comments/WriteComment/WriteComment.module.scss.module.css [app-client] (css) */
.WriteComment-module-scss-module__KYqgNa__container {
  border: 1px solid rgba(var(--accent-tertiary-rgb), 1);
  border-radius: calc(var(--radius-unit) * 2);
  background-color: var(--gray-3);
  gap: calc(var(--gap-unit) * 4);
  padding: calc(var(--padding-unit) * 3);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.WriteComment-module-scss-module__KYqgNa__inputWrapper {
  border-radius: calc(var(--radius-unit) * 2);
  z-index: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.WriteComment-module-scss-module__KYqgNa__input {
  font-size: var(--font-size-sm);
  color: var(--foreground);
  resize: none;
  min-height: calc(var(--padding-unit) * 9);
  padding: calc(var(--padding-unit) * 2) 0;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin: 0;
  line-height: 1.4;
  transition: height .2s;
  overflow: hidden;
}

.WriteComment-module-scss-module__KYqgNa__sendButton {
  cursor: pointer;
  padding: calc(var(--padding-unit) * 2);
  color: var(--foreground);
  background: none;
  border: none;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  margin-top: auto;
  display: flex;
}

.WriteComment-module-scss-module__KYqgNa__icon {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.WriteComment-module-scss-module__KYqgNa__sendButton:hover {
  color: var(--fg-default-hover);
}

.WriteComment-module-scss-module__KYqgNa__sendButton:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.WriteComment-module-scss-module__KYqgNa__overlay {
  cursor: pointer;
  z-index: 2;
  background-color: #fff6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* [project]/src/components/comments/Comment/Comment.module.scss.module.css [app-client] (css) */
.Comment-module-scss-module__UwUQoq__commentCard {
  border: 1px solid rgba(var(--accent-tertiary-rgb), 1);
  border-radius: calc(var(--radius-unit) * 2);
  padding: calc(var(--padding-unit) * 3);
  gap: calc(var(--gap-unit) * 4);
  background-color: var(--gray-3);
  flex-direction: row;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__commentCard:not(:last-child) {
  margin-bottom: calc(var(--margin-unit) * 5);
}

.Comment-module-scss-module__UwUQoq__column2 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__row1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__leftSideRow1 h3 {
  margin-bottom: calc(var(--margin-unit));
  font-size: var(--font-size-lg);
}

.Comment-module-scss-module__UwUQoq__leftSideRow1 p {
  font-size: var(--font-size-sm);
}

.Comment-module-scss-module__UwUQoq__rightSideRow1 {
  align-items: center;
  gap: calc(var(--gap-unit) * 2);
  margin-left: auto;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__row2 {
  gap: calc(var(--gap-unit) * 4);
  display: flex;
}

.Comment-module-scss-module__UwUQoq__profileIcon {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  background-color: var(--accent-secondary);
  object-fit: cover;
  margin-right: calc(var(--margin-unit) * 2);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.Comment-module-scss-module__UwUQoq__commentText {
  font-size: var(--font-size-sm);
  white-space: pre-line;
  margin: 0;
  margin: calc(var(--margin-unit) * 1) 0px;
}

.Comment-module-scss-module__UwUQoq__row3 {
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--gap-unit) * 2);
  display: flex;
}

.Comment-module-scss-module__UwUQoq__icon {
  width: calc(var(--icon-size-xs) * 1.2);
  height: calc(var(--icon-size-xs) * 1.2);
  fill: var(--foreground);
}

.Comment-module-scss-module__UwUQoq__commentButton.Comment-module-scss-module__UwUQoq__commentButton {
  background-color: var(--accent-primary);
  color: var(--fg-accent-secondary);
  font-size: var(--font-size-sm);
  padding: calc(var(--padding-unit) * 2) calc(var(--padding-unit) * 4);
  border-radius: calc(var(--radius-unit) * 2);
  cursor: pointer;
  transition: background-color var(--btn-transition-duration);
  border: none;
  border: calc(var(--gap-unit) * 1) solid rgba(var(--accent-tertiary-rgb), .3);
}

.Comment-module-scss-module__UwUQoq__commentButton.Comment-module-scss-module__UwUQoq__commentButton:hover {
  background-color: var(--accent-primary-hover);
}

.Comment-module-scss-module__UwUQoq__cancelButton {
  background-color: var(--background);
  color: var(--foreground);
}

.Comment-module-scss-module__UwUQoq__cancelButton:hover {
  background-color: rgba(var(--accent-tertiary-rgb), .3);
}

.Comment-module-scss-module__UwUQoq__editableComment {
  width: 100%;
  min-height: 100px;
  padding: calc(var(--padding-unit) * 3);
  border: 1px solid var(--gray-alpha-200);
  border-radius: calc(var(--radius-unit) * 2);
  background: var(--background);
  color: var(--foreground);
  transition: border-color .2s;
}

.Comment-module-scss-module__UwUQoq__editableComment:focus {
  border-color: var(--accent-primary);
  outline: none;
}

.Comment-module-scss-module__UwUQoq__container {
  gap: var(--size-md);
  flex-direction: column;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__reactionsDisplay {
  margin-top: var(--size-md);
  gap: var(--size-md);
  flex-wrap: wrap;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__reactionSummary {
  align-items: center;
  gap: var(--size-xs);
  cursor: pointer;
  display: flex;
  position: relative;
}

.Comment-module-scss-module__UwUQoq__reactionIcon {
  font-size: var(--size-lg);
}

.Comment-module-scss-module__UwUQoq__reactionCount {
  font-size: var(--size-sm);
  color: var(--color-text-secondary);
}

.Comment-module-scss-module__UwUQoq__userListPopover {
  background-color: var(--color-background);
  color: var(--color-text-primary);
  border-radius: var(--size-xs);
  box-shadow: 0 2px 4px var(--color-shadow);
  padding: var(--size-sm);
  font-size: var(--font-size-sm);
  text-align: left;
  max-width: 200px;
}

.Comment-module-scss-module__UwUQoq__userName {
  padding: var(--size-xs) 0;
  font-size: var(--font-size-sm);
  margin: 0;
}

.Comment-module-scss-module__UwUQoq__likeAndReply {
  color: var(--accent-tertiary);
  font-size: var(--font-size-sm);
  font-weight: bold;
}

.Comment-module-scss-module__UwUQoq__date {
  color: var(--accent-tertiary);
}

.Comment-module-scss-module__UwUQoq__username {
  font-weight: bold;
}

.Comment-module-scss-module__UwUQoq__pWithoutMargin {
  margin: 0;
  padding: 0;
}

.Comment-module-scss-module__UwUQoq__nestedCommentCard {
  background: none;
  border: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__nestedCommentCard:not(:last-child) {
  margin-bottom: calc(var(--margin-unit) * 1);
}

.Comment-module-scss-module__UwUQoq__commentRow {
  margin-top: calc(var(--margin-unit) * 2);
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.Comment-module-scss-module__UwUQoq__nestedComments {
  margin-top: calc(var(--margin-unit) * 1);
}


/* [project]/src/components/comments/Comments.module.scss.module.css [app-client] (css) */
.Comments-module-scss-module__iIsfEG__component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Comments-module-scss-module__iIsfEG__component .Comments-module-scss-module__iIsfEG__writeComment {
  margin-bottom: calc(var(--margin-unit) * 10);
  margin-top: calc(var(--margin-unit) * 2);
}

.Comments-module-scss-module__iIsfEG__component .Comments-module-scss-module__iIsfEG__wrapper {
  width: 100%;
}

.Comments-module-scss-module__iIsfEG__component .Comments-module-scss-module__iIsfEG__skeleton {
  border: 1px solid rgba(var(--accent-tertiary-rgb), .5);
  border-radius: calc(var(--radius-unit) * 2);
  width: 100%;
  height: 200px;
}


/* [project]/src/components/content/article/common/ArticleRecap/ArticleRecap.module.scss.module.css [app-client] (css) */
.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__header {
  gap: calc(4 * var(--gap-unit));
  margin-top: calc(2 * var(--margin-unit));
  opacity: .5;
  font-weight: 400;
  display: flex;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__header .ArticleRecap-module-scss-module__kIZkUW__wandIcon {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content {
  flex-direction: column;
  gap: .5rem;
  min-height: 3lh;
  font-size: 1.2rem;
  font-weight: 450;
  display: flex;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 3.35rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h2 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 2.35rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.65rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h4 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h5 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content h6 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content ol, .ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content ul {
  margin-left: 1.5rem;
}

.ArticleRecap-module-scss-module__kIZkUW__component .ArticleRecap-module-scss-module__kIZkUW__content .ArticleRecap-module-scss-module__kIZkUW__truncatedText {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 5.2em;
  display: -webkit-box;
  overflow: hidden;
}


/* [project]/src/components/content/article/slider/ArticleSliderPublisher/ArticleSliderPublisher.module.scss.module.css [app-client] (css) */
.ArticleSliderPublisher-module-scss-module__ZHkX1G__component {
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  display: flex;
  position: relative;
}

.ArticleSliderPublisher-module-scss-module__ZHkX1G__image {
  object-fit: contain;
  object-position: center;
  width: max-content;
  max-height: 64px;
}


/* [project]/src/components/content/article/full/ArticleView/ArticleView.module.scss.module.css [app-client] (css) */
.ArticleView-module-scss-module__cMvoua__component {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  display: flex;
}

@media screen and (width >= 600px) {
  .ArticleView-module-scss-module__cMvoua__component {
    padding-top: 1.5rem;
  }
}

@media screen and (width >= 1024px) {
  .ArticleView-module-scss-module__cMvoua__component {
    padding-top: 2.5rem;
  }
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__title {
  line-height: 1.1;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__content {
  width: 100%;
  max-width: 40rem;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__content.ArticleView-module-scss-module__cMvoua__loading {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__content.ArticleView-module-scss-module__cMvoua__row {
  gap: calc(5 * var(--margin-unit));
  flex-direction: column;
  display: flex;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__languagesContainer {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__publicationContainer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__articleActionBarContainer {
  padding: 1rem 0;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__slider {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__publisher {
  max-height: 3rem;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__publisher img {
  justify-self: flex-end;
  max-height: 3rem;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__thumbnail {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__interactions {
  justify-content: space-between;
  width: 100%;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__recap {
  margin-bottom: calc(4 * var(--margin-unit));
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__recap .ArticleView-module-scss-module__cMvoua__recapHeader {
  gap: calc(4 * var(--gap-unit));
  margin-top: calc(4 * var(--margin-unit));
  margin-bottom: calc(3 * var(--margin-unit));
  opacity: .5;
  display: flex;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__recap .ArticleView-module-scss-module__cMvoua__recapHeader .ArticleView-module-scss-module__cMvoua__wandIcon {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__storyHeader {
  color: --accent-default;
  margin-bottom: calc(3 * var(--margin-unit));
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__storyContent {
  padding-bottom: 4rem;
  position: relative;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__storyContent .ArticleView-module-scss-module__cMvoua__fade {
  min-height: 100px;
  max-height: 350px;
  overflow: hidden;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__storyContent .ArticleView-module-scss-module__cMvoua__fade:after {
  color: #ff0;
  content: "";
  background: linear-gradient(to bottom, #0000 0%, var(--background) 90%);
  pointer-events: none;
  height: 60%;
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
}

.ArticleView-module-scss-module__cMvoua__component .ArticleView-module-scss-module__cMvoua__storyContent .ArticleView-module-scss-module__cMvoua__visitSourceButtonContainer {
  color: violet;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 4rem;
}


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