/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/components/marqueeplaycontrols.less ***!
  \**************************************************************************************************************************************************************************************************************/
.playcontrols-btn-common {
  pointer-events: auto;
  background-color: white;
  color: black;
  border: 1.5px solid black;
  border-radius: 4px;
  width: auto;
  height: 20px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  box-shadow: none;
}
.playcontrols-btn-common i {
  font-size: 9px;
  color: black;
  pointer-events: none;
  line-height: 1;
  display: flex;
  align-items: center;
}
.playcontrols-btn-common:hover {
  border: 1.5px solid black;
  background-color: white;
}
.playcontrols-btn-common:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}
.playcontrols-btn-common:active {
  transform: scale(0.95);
  background-color: rgba(0, 0, 0, 0.1);
}
.video-playcontrols button[type="button"].video-playpause-btn.playcontrols-btn-common,
button[type="button"].video-playpause-btn.playcontrols-btn-common,
.video-playcontrols .playcontrols-btn-common.video-playpause-btn {
  pointer-events: auto;
  background-color: white;
  color: black;
  border: 1.5px solid black;
  border-radius: 4px;
  width: auto;
  height: 20px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  box-shadow: none;
}
.video-playcontrols button[type="button"].video-playpause-btn.playcontrols-btn-common i,
button[type="button"].video-playpause-btn.playcontrols-btn-common i,
.video-playcontrols .playcontrols-btn-common.video-playpause-btn i {
  font-size: 9px;
  color: black;
  pointer-events: none;
  line-height: 1;
  display: flex;
  align-items: center;
}
.video-playcontrols button[type="button"].video-playpause-btn.playcontrols-btn-common:hover,
button[type="button"].video-playpause-btn.playcontrols-btn-common:hover,
.video-playcontrols .playcontrols-btn-common.video-playpause-btn:hover {
  border: 1.5px solid black;
  background-color: white;
}
.video-playcontrols button[type="button"].video-playpause-btn.playcontrols-btn-common:focus,
button[type="button"].video-playpause-btn.playcontrols-btn-common:focus,
.video-playcontrols .playcontrols-btn-common.video-playpause-btn:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}
.video-playcontrols button[type="button"].video-playpause-btn.playcontrols-btn-common:active,
button[type="button"].video-playpause-btn.playcontrols-btn-common:active,
.video-playcontrols .playcontrols-btn-common.video-playpause-btn:active {
  transform: scale(0.95);
  background-color: rgba(0, 0, 0, 0.1);
}
.marquee-flex-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  padding: 5px 0;
}
.marquee-content-wrapper {
  flex: 1;
  overflow: hidden;
  min-width: 0;
}
.marquee-controls-wrapper {
  flex-shrink: 0;
  pointer-events: none;
}
.marquee-controls-wrapper .video-playcontrols {
  position: static;
  pointer-events: auto;
}
.marquee-controls-wrapper button[type="button"].video-playpause-btn {
  pointer-events: auto;
  background-color: white;
  color: black;
  border: 1.5px solid black;
  border-radius: 4px;
  width: auto;
  height: 20px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  box-shadow: none;
}
.marquee-controls-wrapper button[type="button"].video-playpause-btn i {
  font-size: 9px;
  color: black;
  pointer-events: none;
  line-height: 1;
  display: flex;
  align-items: center;
}
.marquee-controls-wrapper button[type="button"].video-playpause-btn:hover {
  border: 1.5px solid black;
  background-color: white;
}
.marquee-controls-wrapper button[type="button"].video-playpause-btn:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}
.marquee-controls-wrapper button[type="button"].video-playpause-btn:active {
  transform: scale(0.95);
  background-color: rgba(0, 0, 0, 0.1);
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/forums/blocs/forumsubjectheader/forumsubjectheader.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.forum-subject-header {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  gap: 1rem;
}
.forum-subject-header .forum-subject-search-section {
  flex: 1;
  max-width: 250px;
}
.forum-subject-header .forum-subject-search-section .subjectsearch {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.forum-subject-header .forum-subject-search-section .subjectsearch input:not([type='checkbox']):not([type='radio']) {
  padding: 1rem 1rem 1rem 3rem;
  width: 100%;
  min-height: 50px;
  border-radius: 4px;
}
.forum-subject-header .forum-subject-search-section .subjectsearch input:not([type='checkbox']):not([type='radio'])::-moz-placeholder {
  font-style: normal;
}
.forum-subject-header .forum-subject-search-section .subjectsearch input:not([type='checkbox']):not([type='radio'])::placeholder {
  font-style: normal;
}
.forum-subject-header .forum-subject-search-section .subjectsearch.inwink-search::before {
  position: absolute;
  inset: 50% auto auto 1rem;
  transform: translateY(-50%);
  z-index: 1;
}
.forum-subject-header .forum-subject-filters-section {
  flex: 1;
  align-content: center;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail {
  margin: 0;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters .filter {
  margin: 0;
  min-width: 10rem;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters .filter .fieldlabel {
  flex: initial;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters .filter .multiselect {
  border-radius: 4px;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters .filter.expanded {
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(100% - 10rem);
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-clear-all {
  position: absolute;
  inset: auto 0.5rem -1.5rem auto;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-clear-all a {
  font-size: 0.75rem;
}
.forum-subject-header .forum-subject-filters-section .entitylistfilters-clear-all a:hover {
  text-decoration: underline;
}
.forum-subject-header:has(.entityfilters:empty) .forum-subject-search-section {
  max-width: 100%;
}
.forum-subject-header:has(.entityfilters:empty) .forum-subject-filters-section {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/forums/blocs/forumsubjectlist/forumsubjectsortablefilterableheader.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.sortable-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  cursor: pointer;
}
.sortable-header .label-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sortable-header .filter-icon-wrapper {
  margin: auto 0;
}
.sortable-header .sort-indicator {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 12px;
}
.sortable-header .sort-icon {
  flex-shrink: 0;
  margin-left: 4px;
  width: 12px;
  font-size: 0.8rem;
  text-align: center;
}
.sortable-header .label-wrapper {
  flex: 1;
  min-width: 0;
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/components/gridfilters/numberfilter.less ***!
  \*******************************************************************************************************************************************************************************************************************/
.number-filter-modal {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  width: 320px;
  background-color: white;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
}
.number-filter-modal .filter-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  min-width: 280px;
}
.number-filter-modal .filter-content .filter-section h4 {
  margin-bottom: 0.5rem;
}
.number-filter-modal .filter-content .filter-section .operator-select,
.number-filter-modal .filter-content .filter-section .number-input {
  width: 100%;
}
.number-filter-modal .filter-content .filter-section .number-input::-webkit-outer-spin-button,
.number-filter-modal .filter-content .filter-section .number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-filter-modal .filter-content .filter-section .number-input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.modalfooter,
footer.modalfooter {
  display: flex;
  justify-content: space-between;
}
.popover-shell.responses-filter-modal-popover.with-overlay .popover-content,
.popover-shell.likes-filter-modal-popover.with-overlay .popover-content {
  width: auto;
  min-width: 320px;
  max-width: calc(100vw - 40px);
  box-shadow: initial;
  overflow: visible;
}
@media screen and (max-width: 480px) {
  .popover-shell.responses-filter-modal-popover.with-overlay .popover-content,
  .popover-shell.likes-filter-modal-popover.with-overlay .popover-content {
    min-width: 280px;
    max-width: calc(100vw - 20px);
  }
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/components/gridfilters/datefilter.less ***!
  \*****************************************************************************************************************************************************************************************************************/
.date-filter-modal {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  width: 320px;
  background-color: white;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
}
.date-filter-modal .filter-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  min-width: 280px;
}
.date-filter-modal .filter-content .filter-section h4 {
  margin-bottom: 0.5rem;
}
.date-filter-modal .filter-content .filter-section .operator-select,
.date-filter-modal .filter-content .filter-section .date-wrapper .reactdatepicker input {
  width: 100%;
}
.popover-shell.last-activity-filter-modal-popover.with-overlay .modalfooter,
.popover-shell.last-activity-filter-modal-popover.with-overlay footer.modalfooter {
  display: flex;
  justify-content: space-between;
}
.popover-shell.last-activity-filter-modal-popover.with-overlay .popover-content {
  width: auto;
  min-width: 320px;
  max-width: calc(100vw - 40px);
  box-shadow: initial;
  overflow: visible;
}
@media screen and (max-width: 480px) {
  .popover-shell.last-activity-filter-modal-popover.with-overlay .popover-content {
    min-width: 280px;
    max-width: calc(100vw - 20px);
  }
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/components/editors/entitypicker/modal.less ***!
  \*********************************************************************************************************************************************************************************************************************/
.entitypickermodal-items {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.entitypickermodal-items > header {
  padding: 8px;
}
.entitypickermodal-items > header input {
  display: block;
  width: 100%;
}
.entitypickermodal-items > section {
  grid-row: 2;
  overflow: hidden;
  padding: 0 8px;
}
.entitypickermodal-items > section .loading {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entitypickermodal-items > section .items {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid var(--inwinklightbordercolor);
}
.entitypickermodal-items > section .items .entitypickeritem {
  padding: 4px 8px;
  border-bottom: 1px solid var(--inwinklightbordercolor);
}
.entitypickermodal-items > section .items .entitypickeritem:focus-visible {
  outline: 2px solid var(--primary-color, #005fcc);
  outline-offset: -2px;
}
.entitypickermodal-items > footer {
  padding: 8px;
  text-align: right;
  grid-row: 3;
  display: flex;
}
.entitypickermodal-items > footer .right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/components/editors/entitypicker/entitypicker.less ***!
  \****************************************************************************************************************************************************************************************************************************/
.entityform .entityfield .pseudoinput.entitypicker {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}
.entityform .entityfield .pseudoinput.entitypicker .keywordbubble {
  margin: 0;
}
.entityform .entityfield .pseudoinput.entitypicker .keywordbubble i.inwink-dialog-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  font-size: 12px;
}
.entityform .entityfield .pseudoinput.entitypicker .keywordbubble i.inwink-dialog-cancel.clickable {
  transition: all 300ms ease;
}
.entityform .entityfield .pseudoinput.entitypicker .keywordbubble i.inwink-dialog-cancel.clickable:hover {
  background-color: var(--inwinkaccentbgtextcolor);
  color: var(--inwinkaccentbgcolor);
}
.entityform .entityfield .pseudoinput.entitypicker .placeholder {
  opacity: 0.8;
}
.popover-shell.entitypickerpopover .popover-content {
  height: 300px;
  width: 300px;
  min-height: 100px;
  max-height: 300px;
  min-width: 300px;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/components/editors/memberspicker/memberitem.less ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.entityform .entityfield .pseudoinput.entitypicker .keywordbubble {
  padding: 0.4rem 0.8rem;
}
.entityform .entityfield .pseudoinput.entitypicker .memberitem {
  display: inline-flex;
  align-items: center;
}
.entityform .entityfield .pseudoinput.entitypicker .memberitem .member-bubble {
  flex-shrink: 0;
  margin-right: 12px;
}
.popover-shell.entitypickerpopover .popover-content .entitypickermodal-items .memberitem {
  display: flex;
  align-items: center;
}
.popover-shell.entitypickerpopover .popover-content .entitypickermodal-items .memberitem .member-bubble {
  flex-shrink: 0;
  margin-right: 12px;
}
.popover-shell.entitypickerpopover .popover-content .entitypickermodal-items .memberitem .fullname {
  font-weight: bold;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/forums/blocs/forumsubjectlist/filterpopups/memberfilterpopup.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.member-filter-modal {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  width: 400px;
  background-color: white;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
}
.member-filter-modal .filter-member-picker .pseudoinput.entitypicker {
  padding: 0.5rem;
  cursor: pointer;
}
.member-filter-modal .filter-member-picker .pseudoinput.entitypicker .placeholder {
  color: var(--inwinktextcolor);
  opacity: 0.5;
}
.modalfooter,
footer.modalfooter {
  display: flex;
  justify-content: space-between;
}
.popover-shell.member-filter-modal-popover.with-overlay .popover-content {
  box-shadow: initial;
  overflow: visible;
}
.popover-shell.member-filter-modal-popover.with-overlay .popover-content .popover-modal {
  outline: none;
}
.popover-shell.member-filter-modal-popover.with-overlay .popover-content .entitypickermodal-items {
  min-height: 300px;
  max-height: 400px;
  overflow: auto;
}
.popover-shell.member-filter-modal-popover.with-overlay .popover-content .m-input-moment {
  width: 100%;
  max-width: 400px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/forums/blocs/forumsubjectlist/forumsubjectlist.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.bloc-commu-forumsubjectslist .header {
  container: forum-subjects-list / inline-size;
  display: flex;
  flex-flow: column nowrap;
}
.bloc-commu-forumsubjectslist .header .list-column-headers {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-block: 1rem;
  padding-inline: 25px;
}
@media screen and (max-width: 1024px) {
  .bloc-commu-forumsubjectslist .header .list-column-headers {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .header .list-column-headers {
    display: none;
  }
}
.bloc-commu-forumsubjectslist .header .list-column-headers .title {
  flex: 2;
  padding-left: 2rem;
  width: 100%;
  min-width: 150px;
  max-width: 300px;
}
@media screen and (max-width: 900px) {
  .bloc-commu-forumsubjectslist .header .list-column-headers .title {
    padding-left: 0;
  }
}
.bloc-commu-forumsubjectslist .header .list-column-headers .tags {
  flex: 1;
  align-items: center;
  align-content: center;
  min-width: 130px;
  max-width: 250px;
}
.bloc-commu-forumsubjectslist .header .list-column-headers .responses,
.bloc-commu-forumsubjectslist .header .list-column-headers .likes {
  flex: 1;
  min-width: 50px;
  max-width: 120px;
  text-align: center;
}
.bloc-commu-forumsubjectslist .header .list-column-headers .member {
  flex: 1;
  align-content: center;
  min-width: 80px;
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .header .list-column-headers .member {
    display: none;
  }
}
.bloc-commu-forumsubjectslist .header .list-column-headers .lastactivity {
  flex: 1;
  min-width: 80px;
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .header .list-column-headers .lastactivity {
    display: none;
  }
}
.bloc-commu-forumsubjectslist .header .list-column-headers.with-title {
  margin-top: 1rem;
}
.bloc-commu-forumsubjectslist .header .list-column-headers.with-title.pinned-title + .bloc-content .pager {
  display: none;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid var(--inwinklightbordercolor);
  border-radius: 4px;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers button[type="button"].asyncbtn {
  margin-left: auto;
  padding: 0.5rem 1rem;
  min-height: 50px;
  min-width: 150px;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers button[type="button"].asyncbtn .text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers button[type="button"].asyncbtn .text i {
  display: flex;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container {
  display: flex;
  align-items: center;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0 0 0 8px;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value .btnremove {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  font-size: 0.5rem;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value .btnremove .inwink-cancel {
  line-height: unset;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.tags {
  background-color: #eeeeef;
  color: #000;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.tags .btnremove {
  color: #000;
  border-color: #000 !important;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.tags .btnremove:hover {
  color: #fff;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.tags .btnremove:hover i {
  color: #fff;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.forumCategory {
  padding: 0.3rem 0.4rem;
  background-color: var(--inwinkaccent2bgcolor);
  border-radius: 0.2rem;
  color: var(--inwinkaccent2bgtextcolor);
  font-style: normal;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.forumCategory span {
  margin-top: 2px;
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .value.forumCategory .btnremove {
  border-color: var(--inwinkaccent2bgtextcolor);
  color: var(--inwinkaccent2bgtextcolor);
}
.bloc-commu-forumsubjectslist .header .list-actions-headers .communityforumsubjectlist-tagfilter-container .btnremove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5px 0 0;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  font-size: 0.5rem;
}
@container forum-subjects-list (width < 1024px) {
  .bloc-commu-forumsubjectslist .header .list-actions-headers {
    flex-direction: column-reverse;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header {
    flex-direction: column;
    width: 100%;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header .forum-subject-search-section {
    width: calc(100% - 1rem - 150px);
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers button[type="button"].asyncbtn {
    margin-bottom: calc(-50px - 1rem);
  }
}
@container forum-subjects-list (width < 768px) {
  .bloc-commu-forumsubjectslist .header .list-actions-headers {
    gap: 0.5rem;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header {
    gap: 0.5rem;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header .forum-subject-search-section {
    width: 100%;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header .forum-subject-search-section .subjectsearch input:not([type='checkbox']):not([type='radio']) {
    padding-block: 0.5rem;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters {
    flex-direction: column;
    gap: 0.5rem;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers .forum-subject-header .forum-subject-filters-section .entitylistfilters-detail .entityfilters .filter {
    flex: 1;
    max-width: 100%;
  }
  .bloc-commu-forumsubjectslist .header .list-actions-headers button[type="button"].asyncbtn {
    margin: 0;
    width: 100%;
    min-height: 40px;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: initial;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (max-width: 319px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container {
  display: flex;
  justify-content: space-between;
  cursor: initial;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container .btn-more-items {
  padding: 0.25rem;
  border-radius: 4px;
  cursor: pointer;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container .btn-more-items > i {
  display: flex;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container .btn-more-items:focus,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container .btn-more-items:hover {
  background-color: var(--inwinkaccentbgcolor);
  color: var(--inwinkaccentbgtextcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .expandable-container.expanded .btn-more-items > i {
  transform: rotate(-180deg) translateY(1px);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container > i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--inwinkaccentcolor);
  opacity: 0.5;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container {
  flex: 2;
  position: relative;
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  min-width: 150px;
  max-width: 260px;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container .title {
  margin: 0;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container .categories-container .forumsubject-categories .categorieslist-items .forumCategory {
  padding: 0.3rem 0.4rem;
  background-color: var(--inwinkaccent2bgcolor);
  border-radius: 0.2rem;
  color: var(--inwinkaccent2bgtextcolor);
  font-size: 0.8rem;
  font-style: normal;
  text-transform: uppercase;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container .categories-container .forumsubject-categories .categorieslist-items .forumCategory.clickable {
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container .categories-container .forumsubject-categories .categorieslist-items .forumCategory.clickable:hover {
  opacity: 0.8;
}
@media screen and (max-width: 900px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container {
    padding-left: 0;
  }
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container {
    grid-column: 1 / 3;
    grid-row: 1 / 1;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .title-container {
    grid-column: 1 / end;
    grid-row: 1 / 1;
    max-width: calc(100% - 20px);
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .tags-container {
  flex: 1;
  min-width: 130px;
  max-width: 250px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .tags-container {
    grid-column: 3 / 5;
    grid-row: 1 / 1;
    max-width: initial;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .tags-container {
    grid-column: 1 / end;
    grid-row: 3 / 3;
    margin: 1rem 0;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container {
  flex: 1;
  min-width: 50px;
  max-width: 100px;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container span,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container span,
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container span {
    justify-content: flex-start;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container .template-bloc-title,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container .template-bloc-title {
  display: none;
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container .template-bloc-title,
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container .template-bloc-title {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container {
    grid-column: 5 / 5;
    grid-row: 1 / 1;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .replies-container {
    grid-column: 1 / 1;
    grid-row: 4 / 4;
  }
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container {
    grid-column: 6 / 6;
    grid-row: 1 / 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container {
    grid-column: 2 / 2;
    grid-row: 4 / 4;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container .likes {
  padding: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .likes-container .likes:hover {
  color: var(--inwinkaccentcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container {
  flex: 1;
  min-width: 80px;
  max-width: 200px;
  overflow: hidden;
  word-break: break-word;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container .forumsubject-author {
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container .forumsubject-author .forumsubject-author-text {
  display: none;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container .forumsubject-author:hover {
  color: var(--inwinkaccentcolor);
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    display: flex;
    align-items: flex-start;
    height: 100%;
    max-width: initial;
  }
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container .forumsubject-author-text {
    display: inline;
    margin-right: 0.2rem;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container {
    grid-column: 1 / end;
    grid-row: 2 / 2;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container span {
  display: block;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .author-container .jobtitle {
  font-size: 0.8rem;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container {
  flex: 1;
  min-width: 80px;
  max-width: 200px;
  font-size: 0.8rem;
  overflow: hidden;
  word-break: break-word;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .forumsubject-lastReply .forumsubject-lastReply-text {
  display: none;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .lastreplymember-name {
  font-size: 1rem;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .lastreplymember-name:hover {
  color: var(--inwinkaccentcolor);
}
@media screen and (max-width: 767px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container {
    grid-column: 2 / 7;
    grid-row: 2 / 2;
    margin-left: auto;
    text-align: right;
  }
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .forumsubject-lastReply {
    padding-right: 1.5rem;
  }
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .forumsubject-lastReply .forumsubject-lastReply-text {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container {
    grid-column: 3 / end;
    grid-row: 4 / auto;
    max-width: initial;
    font-size: 0.75rem;
    text-align: right;
  }
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container .forumsubject-lastReply {
    padding-right: 0;
  }
}
@media screen and (max-width: 319px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container .lastreply-container {
    grid-column: 1 / end;
    grid-row: 5 / auto;
    margin-top: 1rem;
    margin-left: initial;
    text-align: left;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container button.moreactions {
  top: inherit;
  background-color: initial;
  border: 0;
  color: var(--inwinktextcolor);
}
@media screen and (max-width: 599px) {
  .bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container button.moreactions {
    top: 0.5rem;
  }
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container button.moreactions:focus,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .content-container button.moreactions:hover {
  color: var(--inwinkaccentcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item.pinned .itemcontent {
  background-color: var(--inwinklightcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item.pinned .itemcontent .content-container > i {
  background-color: var(--inwinkaccentbgcolor);
  border-radius: 50%;
  color: var(--inwinkaccentbgtextcolor);
  opacity: 1;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item.pinned .itemcontent .content-container .tag:not(:hover) {
  background-color: var(--inwinkextralightcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable {
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:focus,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:hover {
  border-color: var(--inwinkaccentcolor);
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:focus .content-container > i,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:hover .content-container > i {
  opacity: 1;
}
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:focus .content-container .title,
.bloc-commu-forumsubjectslist .bloc-content .community-subject-item .itemcontent.clickable:hover .content-container .title {
  color: var(--inwinkaccentcolor);
}
.bloc-commu-forumsubjectslist .sortable-header {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .sortable-header i {
  font-size: 0.75rem;
  opacity: 0.75;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectslist .sortable-header i.active {
  color: var(--inwinkaccentcolor);
}
.bloc-commu-forumsubjectslist .sortable-header i:hover {
  opacity: 1;
}
.bloc-commu-forumsubjectslist .sortable-header:hover {
  color: var(--inwinkaccentcolor);
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/components/memberitem/memberitem.less ***!
  \**********************************************************************************************************************************************************************************************************************************/
.memberitem {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.memberitem .member-bubble {
  flex-shrink: 0;
}
.memberitem .detail {
  flex-grow: 1;
  word-break: break-word;
}
.memberitem .detail .fullname {
  font-weight: bold;
}
.memberitem .detail .fullname .firstname + .lastname::before {
  content: ' ';
}
.memberitem .detail .information {
  font-size: 0.8rem;
}
.memberitem .detail .information .jobtitle + .company::before {
  content: ", ";
}
.memberitem.placeholder .detail .fullname {
  margin-bottom: 4px;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/components/comments/commentslist.less ***!
  \**********************************************************************************************************************************************************************************************************************************/
.iw-communitycomments.list-comments .list-title {
  font-size: 1.4rem;
  text-transform: initial;
  margin-bottom: 1rem;
}
.iw-communitycomments.list-comments .addcomment-wrapper + .commentfeed-wrapper {
  margin-top: 3rem;
}
.comment-replies .iw-communitycomments .list-title {
  display: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/forums/blocs/forumsubjectreplies/forumsubjectreplies.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.bloc-commu-forumsubjectreplieslist .forumsubject img {
  max-width: 100%;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .expandable-container {
  display: flex;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .expandable-container .btn-more-items {
  margin-top: 3px;
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .expandable-container.expanded .btn-more-items {
  transform: rotate(-180deg);
}
.bloc-commu-forumsubjectreplieslist .forumsubject .expandable-container.expanded .btn-more-items i {
  display: block;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .forumsubject-categories {
  margin-bottom: 0.5rem;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .forumsubject-categories .forumCategory {
  padding: 0.2rem 0.4rem 0.3rem;
  background-color: var(--inwinkaccent2bgcolor);
  border-radius: 4px;
  color: var(--inwinkaccent2bgtextcolor);
  font-size: 0.8rem;
  font-style: normal;
  text-transform: uppercase;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .forumsubject-tags {
  margin-bottom: 1rem;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .imagelegend {
  margin-top: 8px;
  font-weight: bold;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .memberitem {
  align-items: flex-start;
}
.approot .card .bloc-commu-forumsubjectreplieslist .forumsubject .memberitem .member-bubble,
.approot .dynamicbloc-wrapper .dynamicbloc-wrapper-contentblocs .bloc-commu-forumsubjectreplieslist .forumsubject .memberitem .member-bubble,
.approot .bloc-commu-forumsubjectreplieslist .forumsubject .memberitem .member-bubble {
  height: 46px;
  width: 46px;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .memberitem .jobtitle > span:first-child {
  display: none;
}
.bloc-commu-forumsubjectreplieslist .forumsubject .comment-detail .comment-date {
  margin-block: -0.5rem 2rem;
  padding-left: calc(46px + 0.5rem);
}
.bloc-commu-forumsubjectreplieslist .forumsubject .comment-detail .text {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments {
  display: flex;
  flex-direction: column;
}
.approot .bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper {
  order: 1;
  margin-block: 0 3rem;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent {
  align-items: center;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent .member-bubble {
  margin-top: 0;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent .comment-detail {
  margin-bottom: 1rem;
  max-width: 100%;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent .comment-detail .text {
  max-width: 100%;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent .moreactions {
  min-width: 2rem;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .commentfeed-wrapper .commentitemcontent.member-info {
  max-width: 100%;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .addcomment-wrapper {
  order: 2;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .addcomment-wrapper .community-addcomment .textarea--multiLine {
  width: 100%;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .addcomment-wrapper .community-addcomment .textarea__control {
  height: 200px;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .addcomment-wrapper .community-addcomment .textarea__input,
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .addcomment-wrapper .community-addcomment .textarea__highlighter {
  padding: 1rem;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.5rem 0.5rem 0;
  width: 100%;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .nbItems {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .nbItems > span {
  margin-left: 2px;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 0.5rem;
  min-width: 0;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav:not(.page) {
  padding-top: 2px;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav:not(.selected) {
  color: var(--inwinktextcolor);
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav.disabled {
  opacity: 0.3;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav.clickable {
  transition: all 300ms ease;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav.clickable:focus,
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pagenav.clickable:hover {
  background-color: var(--inwinkaccentbgcolor);
  color: var(--inwinkaccentbgtextcolor);
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pages {
  display: flex;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pages .pages-dash {
  margin-inline: 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.bloc-commu-forumsubjectreplieslist .iw-communitycomments.list-comments .pager .paging .pages .pages-items {
  display: flex;
  gap: 0.5rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/components/moderatortoolbar/moderatortoolbar.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.dynamicpage.withpageheader:has(.community-moderatortoolbar) {
  position: relative;
}
.dynamicpage.withpageheader:has(.community-moderatortoolbar) > .dynamicpage-header:has(.community-moderatortoolbar) {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .dynamicpage.withpageheader:has(.community-moderatortoolbar) > .dynamicpage-header:has(.community-moderatortoolbar) {
    position: initial;
    pointer-events: initial;
  }
}
.dynamicpage.withpageheader:has(.community-moderatortoolbar) > .dynamicpage-header:has(.community-moderatortoolbar) + .dynamicpage-blocscontainer {
  z-index: 0;
}
.dynamicpage.withpageheader:has(.dynamicbloc-editorpanel) .community-moderatortoolbar .content {
  top: 60px;
}
.community-moderatortoolbar {
  position: relative;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .community-moderatortoolbar {
    display: none;
  }
}
.community-moderatortoolbar .overlay {
  display: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.community-moderatortoolbar .content {
  position: absolute;
  inset: 1rem 1.5rem auto auto;
  pointer-events: all;
}
.community-moderatortoolbar .inverted-radius {
  /* see https://css-shape.com/inverted-radius/ */
  --r: 20px;
  /* the radius */
  --s: 24px;
  /* size of inner curve */
  --x: 8px;
  /* horizontal offset (no percentage) */
  --y: 8px;
  /* vertical offset (no percentage) */
  border-radius: var(--r);
  --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
  --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
  --_d: (var(--s) + var(--r));
  -webkit-mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
          mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.community-moderatortoolbar .menu-items {
  position: absolute;
  inset: 0 0 auto auto;
  z-index: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 20px;
  width: 260px;
  background-color: #111;
  color: white;
  opacity: 1;
  scale: 1;
  transform-origin: 100% 0;
  transition: all 300ms ease allow-discrete;
}
.community-moderatortoolbar .togglebtn {
  --shadow: 0.5rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: #111;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 var(--shadow) rgba(255, 255, 255, 0.7);
  color: white;
  transition: all 300ms ease;
}
.community-moderatortoolbar .togglebtn i {
  display: flex;
  font-size: 30px;
  transition: all 300ms ease;
}
.community-moderatortoolbar .togglebtn:hover {
  --shadow: 1rem;
}
.community-moderatortoolbar .togglebtn:hover i {
  scale: 1.1;
}
.community-moderatortoolbar.opened .overlay {
  display: block;
  pointer-events: all;
}
.community-moderatortoolbar.closed .menu-items {
  opacity: 0;
  pointer-events: none;
  scale: 0.5;
}
.community-moderatortoolbar .left,
.community-moderatortoolbar .right {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.community-moderatortoolbar .left button,
.community-moderatortoolbar .right button,
.community-moderatortoolbar .left select,
.community-moderatortoolbar .right select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  min-height: 40px;
  width: 100%;
  background-color: #f1f3f6;
  border: 0;
  border-radius: 4px;
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  transition: all 300ms ease;
}
.community-moderatortoolbar .left button:focus-visible,
.community-moderatortoolbar .right button:focus-visible,
.community-moderatortoolbar .left select:focus-visible,
.community-moderatortoolbar .right select:focus-visible,
.community-moderatortoolbar .left button:hover,
.community-moderatortoolbar .right button:hover,
.community-moderatortoolbar .left select:hover,
.community-moderatortoolbar .right select:hover {
  background-color: white;
  color: black;
}
.community-moderatortoolbar .left select,
.community-moderatortoolbar .right select {
  padding: 6.5px 12px;
}
.community-moderatortoolbar .left button.asyncbtn.hassuccess,
.community-moderatortoolbar .right button.asyncbtn.hassuccess {
  background-color: #fff;
  color: #222;
  transition: none;
}
.community-moderatortoolbar .left .statuspicker .text,
.community-moderatortoolbar .right .statuspicker .text {
  width: 100%;
}
.community-moderatortoolbar .left .statuspicker .text .statuspicker-label,
.community-moderatortoolbar .right .statuspicker .text .statuspicker-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.community-moderatortoolbar .left .statuspicker .text .statuspicker-label i,
.community-moderatortoolbar .right .statuspicker .text .statuspicker-label i {
  display: flex;
  font-size: 14px;
}
.community-moderatortoolbar .left .toolbar-title h4 {
  margin: 0;
  font-size: 1.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/contents/blocs/contentslist/contentstatus.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.statuspicker {
  padding: 20px;
  width: 200px;
}
.statuspicker .items {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.statuspicker .actions {
  margin-top: 1rem;
}
.statuspicker .actions button {
  width: 100%;
}
.popover-shell.contentstatuspickerpopover.with-overlay .popover-content {
  border-radius: 4px;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/community/features/contents/blocs/contentslist/moderator.less ***!
  \************************************************************************************************************************************************************************************************************************************************/
.community-moderatortoolbar.contentlist-admin-toolbar .spotlights .onofftoggle {
  margin-left: 8px;
}
.community-moderatortoolbar.contentlist-admin-toolbar .status .statuslabel {
  margin: 0 4px;
}
.community-moderatortoolbar.contentlist-admin-toolbar .status .inwink-chevron-down {
  margin-left: 8px;
}
.popover-shell.eventtypepickerpopover .popover-content {
  width: 260px;
  border-radius: 8px;
}
.popover-shell.eventtypepickerpopover .eventtypepicker {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
  padding: 20px;
}
.popover-shell.eventtypepickerpopover .eventtypepicker button[type="button"] {
  background-image: initial;
  font-size: initial;
  font-weight: initial;
  text-transform: initial;
}
.popover-shell.eventtypepickerpopover .eventtypepicker button[type="button"]:focus-visible,
.popover-shell.eventtypepickerpopover .eventtypepicker button[type="button"]:hover {
  background-image: initial;
  font-size: initial;
  font-weight: initial;
  text-transform: initial;
}


/*# sourceMappingURL=c-20260721-mod-commu-forum-69037301b8dbfabc785a.css.map*/