/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/destination/modules/Accessibility/SkipToContent/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.skip-to-content-btn {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border-radius: 4px;
  left: 20px;
  top: -100px;
  padding: 8px 16px;
  position: absolute;
  text-decoration: underline;
}
.skip-to-content-btn:focus {
  top: 20px;
  outline: 2px solid var(--config--main-color-brand, #000);
  outline-offset: 4px;
  z-index: 10000;
  backdrop-filter: blur(10px);
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/destination/uikit/Skeleton.styles.scss ***!
  \************************************************************************************************************************************************************************************************/
/**
 * Base skeleton styles shared across all skeleton components.
 * Provides the shimmer animation and universal color scheme.
 *
 * Design tokens (via color-mix):
 * - color.skeleton.default = 8% opacity of default text color (currentColor)
 * - color.skeleton.subtle = 4% opacity of default text color (currentColor)
 *
 * Uses color-mix() to create skeleton colors based on the text color,
 * ensuring readability and contrast on any background.
 */
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.skeleton-base, .skeleton-rectangle, .skeleton-circle, .skeleton-text {
  display: inline-block;
  background: linear-gradient(90deg, color-mix(in srgb, currentColor 8%, transparent) 25%, color-mix(in srgb, currentColor 4%, transparent) 50%, color-mix(in srgb, currentColor 8%, transparent) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}

.skeleton-text {
  min-width: 5em;
  height: 1em;
  border-radius: 4px;
  vertical-align: text-bottom;
}

.skeleton-circle {
  border-radius: 50%;
  flex-shrink: 0;
}

.skeleton-rectangle {
  vertical-align: text-bottom;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/destination/modules/CategoryBanner/CategoryBanner.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.category-banner {
  align-self: stretch;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  gap: 20px;
  z-index: 1;
  width: 100%;
}
.category-banner__lockup {
  display: flex;
  align-items: center;
  gap: 8px;
}
.category-banner__image {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  object-fit: cover;
}
.category-banner__title {
  position: relative;
  line-height: 22px;
  font-weight: 800;
  font-size: 18px;
  color: #131313;
}

@media (max-width: 1025px) {
  .category-banner {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
  }
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/shared/uikit/MultiDropdown/styles.scss ***!
  \************************************************************************************************************************************************************************************************/
.multi-dropdown {
  display: inline-flex;
  align-items: center;
}
.multi-dropdown__container {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 4px;
}
.multi-dropdown__container.has-actions {
  border-color: var(--config--main-border-base-color);
  background-color: #fff;
}
.multi-dropdown__action-button {
  animation: slideIn 0.2s ease-in-out;
}
.multi-dropdown__more-wrapper {
  position: relative;
  display: inline-flex;
}
.multi-dropdown .c-dropdown .c-dropdown__content.c-dropdown__content-position-bottom {
  margin-top: 1px;
  top: calc(100% + 4px);
}
.multi-dropdown .c-dropdown--divider {
  height: 0;
}
.multi-dropdown .c-dropdown .c-dropdown__content.c-dropdown__content-align-right {
  right: -4px;
}
.multi-dropdown .tooltip-container .tooltip-message.tooltip-message--center {
  max-width: max-content;
}
.multi-dropdown .post__action-dropdown-link {
  padding: 0;
}
.multi-dropdown .post__action-dropdown-link:hover {
  text-decoration: none;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/destination/modules/Content/TopicView/V2/Shared/IpDetails/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.view-ip-details-modal section {
  max-height: 90vh;
  overflow: auto;
}
.view-ip-details-modal .ip-details-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.view-ip-details-modal .ip-details-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.view-ip-details-modal .ip-detail-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.view-ip-details-modal .ip-detail-label {
  font-weight: 600;
  font-size: 13px;
  color: #495057;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.view-ip-details-modal .ip-detail-value {
  font-size: 14px;
  color: #212529;
  font-family: "Monaco", "Courier New", monospace;
  padding: 6px 10px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.view-ip-details-modal .ip-users-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.view-ip-details-modal .ip-users-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.view-ip-details-modal .ip-users-title {
  font-size: 14px;
  font-weight: 600;
  color: #343a40;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #e9ecef;
}
.view-ip-details-modal .ip-users-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.view-ip-details-modal .ip-users-empty {
  color: #6c757d;
  font-style: italic;
  padding: 8px;
}
.view-ip-details-modal .ip-user-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.view-ip-details-modal .ip-user-link:hover {
  background-color: #f8f9fa;
  border-color: #adb5bd;
  transform: translateX(4px);
}
.view-ip-details-modal .ip-username {
  font-weight: 500;
  color: #0d6efd;
  font-size: 14px;
}
.view-ip-details-modal .ip-post-count {
  color: #6c757d;
  font-size: 13px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./js/src/destination/modules/SearchAutopilotWidget/SearchAutopilot.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/*
 mixin setMargin and setPadding

A list (1 to 4 values) will set margin/padding rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setMargin(3px)  : renders "margin: 3px;"
    setPadding(3px) : renders "padding: 3px;"
    shorthands for: setMP(margin,3px) and setMP(padding,3px)
    setMargin(n 3px : renders "margin-left: 3px; margin-right:3px;"
    setMargin(0 3px): renders "margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 3px"

Styleguide 2.3
*/
/*
 mixin setPosition

A list (4 values [top,right,bottom,left]) will set top,right,bottom,left rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setPosition(3px n n n)  : renders "top: 3px;"
    setPosition(n 2px 2px n) : renders "right:2px;bottom:2px"

Styleguide 2.3.2
*/
/*
 mixin createBorder

Creates border(s) for the element. The first parameter defines what sides should be bordered. 'All' styles them all.
If more than one side is defined (eg. top bottom), the other parameters should be either a single value or a list of values for each side.

    parameters: sides,color,width,style. Each can be a single value, empty or a list (space-seperated).
    The sides parameter takes top,right,bottom or left, or a list of these.
        createBorder(all,red,1px,solid)  : renders "border:solid 1px red;"
        createBorder(bottom,red,1px,solid) : renders "border-bottom-color:red;border-bottom-style:solid;border-bottom-width:1px;"
        createBorder(bottom top,red green,1px 10px,solid): renders a solid red bottom-border of 1px and a solid green top-border of 10px.

Styleguide 2.3.3
*/
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper {
  padding: 0;
  margin-top: 0;
}
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth {
  max-width: none;
}
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col {
  padding: 0;
}
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col > div:first-child {
  height: 420px !important;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col > div:first-child {
    height: 480px !important;
  }
}
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col h1,
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col h3 {
  color: white;
}
.search_autopilot.qa-search_autopilot-container.homepage-widget-wrapper .sitewidth .col #tlw-container-wrapper {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 250px !important;
}

#tlw-widget {
  height: 100% !important;
}

.conversation-container scroll-container {
  height: 100% !important;
}

.tlw-search-results {
  padding: 8px;
  position: absolute;
  background: #fff;
  z-index: 3000;
  top: 120px;
  left: 66px;
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  border-radius: 8px;
}
.tlw-search-results.empty-results {
  display: none;
}
.tlw-search-results .tlw-search-result-item {
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 0 !important;
}
.tlw-search-results .tlw-search-result-item:hover {
  background-color: #f6f6f6;
}
@media (max-width: 768px) {
  .tlw-search-results {
    left: 16px;
    top: 70px;
  }
}
@media (max-width: 300px) {
  .tlw-search-results {
    left: 0;
  }
}

#ask-tlw-widget-inner-container {
  height: 100% !important;
  position: static;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./sass/src/default-style.scss ***!
  \******************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 mixin mixColors

mixColors is a function that takes a series of colors and piles them up.
__imagine__
- we have a green body-background
- over that a white div
- the result would be.... __white__!
but if
- we have a green body-background
- over that a 50% white div (so rbga(#FFF,0.5))
- the result is a __whitish-green__
and we can add a color, like
- we have a green body-background
- over that a 50% white div
- over that a 10% yello div
- the result would be... __I don't know, but this function does__!

    Usage:
    .myDiv {
        background-color: mixColors(#FFF,$variable-color-name,rgba(#FFF,0.5));
    }

Styleguide 2.5
*/
/*
 mixin createFontface

A mixin that creates the css for using an @import fontface

    Parameter 1: $font-name [the name you want to use when defining the font-family, (e.g. Helvetica)]
    Parameter 2: $font-filename [the name of the font in the filesystem (e.g. Helvetica-neue-regular'0]
    Parameter 3: $font-weight [the weight this font represents (e.g. bold, normal)]
    Parameter 4: $font-style [the style of the font (e.g. italic, normal)]
    Parameter 5: $font-path [the path on the filesystem to the font (e.g. fonts/Helvetica/)]

    @mixin createFontface($parameters)
        @include createFontface('helvetica','helvetica-neue-regular',normal,normal,'fonts/helvetica/');
        @include createFontface('helvetica','helvetica-neue-bold',bold,normal,'fonts/helvetica/');

Styleguide 2.4
*/
/*
 mixin setMargin and setPadding

A list (1 to 4 values) will set margin/padding rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setMargin(3px)  : renders "margin: 3px;"
    setPadding(3px) : renders "padding: 3px;"
    shorthands for: setMP(margin,3px) and setMP(padding,3px)
    setMargin(n 3px : renders "margin-left: 3px; margin-right:3px;"
    setMargin(0 3px): renders "margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 3px"

Styleguide 2.3
*/
/*
 mixin setPosition

A list (4 values [top,right,bottom,left]) will set top,right,bottom,left rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setPosition(3px n n n)  : renders "top: 3px;"
    setPosition(n 2px 2px n) : renders "right:2px;bottom:2px"

Styleguide 2.3.2
*/
/*
 mixin createBorder

Creates border(s) for the element. The first parameter defines what sides should be bordered. 'All' styles them all.
If more than one side is defined (eg. top bottom), the other parameters should be either a single value or a list of values for each side.

    parameters: sides,color,width,style. Each can be a single value, empty or a list (space-seperated).
    The sides parameter takes top,right,bottom or left, or a list of these.
        createBorder(all,red,1px,solid)  : renders "border:solid 1px red;"
        createBorder(bottom,red,1px,solid) : renders "border-bottom-color:red;border-bottom-style:solid;border-bottom-width:1px;"
        createBorder(bottom top,red green,1px 10px,solid): renders a solid red bottom-border of 1px and a solid green top-border of 10px.

Styleguide 2.3.3
*/
.dl--tabular dd, .dl--tabular dt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 Clearfix

A mixin and some silent selectors for a clearfix.
The 'overflow' parameter used the simplest clearfix solution, using overflow:hidden. If you can't use this (for obvious reasons),
the microclearfix is used.

    @extend %clearfix; OR @include clearfix();
    @extend %clearfix--h; OR @include clearfix(overflow);

Styleguide 2.2
*/
.list__items--header:after, .toolbar:after, .add-attachments__inputs:after, .add-attachment:after, .editor--commenting:after,
.editor--private-message:after, .list--float:after, .list--dot-seperated:after, .list--comma-seperated:after, .group:after, .col:after, .sitewidth:after, .full-width:after, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.tags--editable {
  overflow: hidden;
}

/*
 Loader

A mixin to add a css spinner for loading status purpose.
Origin: http://projects.lukehaas.me/css-loaders/

    @extend %loader; OR @include loader();

Styleguide 2.2
*/
@keyframes spinLoader {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.generic-loader {
  font-size: 6px;
  margin: 0 auto;
  position: relative;
  color: #fff;
  transform: translateZ(0);
}
.generic-loader:before, .generic-loader:after, .generic-loader {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation-fill-mode: both;
  box-shadow: 0 2.5em;
  animation: spinLoader 1.6s infinite ease-in-out;
}
.generic-loader:before {
  left: -2.5em;
  animation-delay: -0.2s;
}
.generic-loader:after {
  left: 2.5em;
  animation-delay: 0.2s;
}
.generic-loader:before, .generic-loader:after {
  content: "";
  position: absolute;
  top: 0;
}

/*
 States and animations

Extends to help animate standard states like loading on icons.

Styleguide 2.5
*/
.icon--star.is-sending:before {
  animation-name: rotate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn .loader,
.sso-flow .loader {
  display: none;
}

mark, .is-highlighted {
  background-color: #b0e0f4;
}

.private-register .btn.is-loading, .offline-community .btn.is-loading, #modal_report .btn.is-loading, .btn--secondary.is-loading, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-loading.event__attending, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-loading.event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-loading.event__attended, .event-header-container .event-header-wrapper .is-loading.event__attending, .event-header-container .event-header-wrapper .is-loading.event__ended,
.event-header-container .event-header-wrapper .is-loading.event__attended, .btn--cta.is-loading, .btn.is-loading, .btn--toggle.is-loading, .btn--cancel.is-loading, .widget-configurator .widget-configurator__controls .is-loading.btn-primary,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary, .is-loading.btn--insided-brand, .is-loading.btn--insided-secondary-brand, .is-loading.btn--purple, .thread--user-liked .thread-meta-item--likes .is-loading.btn--toggle, .is-loading.btn--toggle-on, .main-navigation--language-switcher .is-loading.language-selector, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected,
.is-loading.btn--silent, .wysiwyg-editor .wysiwyg-editor__link--selector .is-loading.btn, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit, .is-loading.btn--new-topic, .sso-flow.is-loading {
  position: relative;
  color: transparent;
}
#modal_report .btn.is-loading:hover, .btn--secondary.is-loading:hover, .event-header-container .event-header-wrapper .is-loading.event__attending:hover, .event-header-container .event-header-wrapper .is-loading.event__ended:hover,
.event-header-container .event-header-wrapper .is-loading.event__attended:hover, .btn--cta.is-loading:hover, .btn.is-loading:hover, .btn--toggle.is-loading:hover, .btn--cancel.is-loading:hover, .widget-configurator .widget-configurator__controls .is-loading.btn-primary:hover,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:hover,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:hover, .is-loading.btn--insided-brand:hover, .is-loading.btn--insided-secondary-brand:hover, .is-loading.btn--purple:hover, .is-loading.btn--toggle-on:hover, .main-navigation--language-switcher .is-loading.language-selector:hover, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item:hover, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected:hover,
.is-loading.btn--silent:hover, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button:hover,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit:hover, .is-loading.btn--new-topic:hover, .sso-flow.is-loading:hover, #modal_report .btn.is-loading:active, .btn--secondary.is-loading:active, .event-header-container .event-header-wrapper .is-loading.event__attending:active, .event-header-container .event-header-wrapper .is-loading.event__ended:active,
.event-header-container .event-header-wrapper .is-loading.event__attended:active, .btn--cta.is-loading:active, .btn.is-loading:active, .btn--toggle.is-loading:active, .btn--cancel.is-loading:active, .widget-configurator .widget-configurator__controls .is-loading.btn-primary:active,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:active,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary:active,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:active, .is-loading.btn--insided-brand:active, .is-loading.btn--insided-secondary-brand:active, .is-loading.btn--purple:active, .is-loading.btn--toggle-on:active, .main-navigation--language-switcher .is-loading.language-selector:active, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item:active, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected:active,
.is-loading.btn--silent:active, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button:active,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit:active, .is-loading.btn--new-topic:active, .sso-flow.is-loading:active, #modal_report .btn.is-loading:focus, .btn--secondary.is-loading:focus, .event-header-container .event-header-wrapper .is-loading.event__attending:focus, .event-header-container .event-header-wrapper .is-loading.event__ended:focus,
.event-header-container .event-header-wrapper .is-loading.event__attended:focus, .btn--cta.is-loading:focus, .btn.is-loading:focus, .btn--toggle.is-loading:focus, .btn--cancel.is-loading:focus, .widget-configurator .widget-configurator__controls .is-loading.btn-primary:focus,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:focus,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary:focus,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary:focus, .is-loading.btn--insided-brand:focus, .is-loading.btn--insided-secondary-brand:focus, .is-loading.btn--purple:focus, .is-loading.btn--toggle-on:focus, .main-navigation--language-switcher .is-loading.language-selector:focus, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item:focus, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected:focus,
.is-loading.btn--silent:focus, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button:focus,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit:focus, .is-loading.btn--new-topic:focus, .sso-flow.is-loading:focus {
  position: relative;
  color: transparent;
}
#modal_report .btn.is-loading .loader, .btn--secondary.is-loading .loader, .event-header-container .event-header-wrapper .is-loading.event__attending .loader, .event-header-container .event-header-wrapper .is-loading.event__ended .loader,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader, .btn--cta.is-loading .loader, .btn.is-loading .loader, .btn--toggle.is-loading .loader, .btn--cancel.is-loading .loader, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader, .is-loading.btn--insided-brand .loader, .is-loading.btn--insided-secondary-brand .loader, .is-loading.btn--purple .loader, .is-loading.btn--toggle-on .loader, .main-navigation--language-switcher .is-loading.language-selector .loader, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader,
.is-loading.btn--silent .loader, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader, .is-loading.btn--new-topic .loader, .sso-flow.is-loading .loader {
  display: block;
  font-size: 6px;
  margin: 0 auto;
  position: relative;
  color: #fff;
  transform: translateZ(0);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -5px;
}
#modal_report .btn.is-loading .loader:before, .btn--secondary.is-loading .loader:before, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:before, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:before,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:before, .btn--cta.is-loading .loader:before, .btn.is-loading .loader:before, .btn--toggle.is-loading .loader:before, .btn--cancel.is-loading .loader:before, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before, .is-loading.btn--insided-brand .loader:before, .is-loading.btn--insided-secondary-brand .loader:before, .is-loading.btn--purple .loader:before, .is-loading.btn--toggle-on .loader:before, .main-navigation--language-switcher .is-loading.language-selector .loader:before, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:before, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:before,
.is-loading.btn--silent .loader:before, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:before,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:before, .is-loading.btn--new-topic .loader:before, .sso-flow.is-loading .loader:before, #modal_report .btn.is-loading .loader:after, .btn--secondary.is-loading .loader:after, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:after, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:after,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:after, .btn--cta.is-loading .loader:after, .btn.is-loading .loader:after, .btn--toggle.is-loading .loader:after, .btn--cancel.is-loading .loader:after, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after, .is-loading.btn--insided-brand .loader:after, .is-loading.btn--insided-secondary-brand .loader:after, .is-loading.btn--purple .loader:after, .is-loading.btn--toggle-on .loader:after, .main-navigation--language-switcher .is-loading.language-selector .loader:after, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:after, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:after,
.is-loading.btn--silent .loader:after, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:after,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:after, .is-loading.btn--new-topic .loader:after, .sso-flow.is-loading .loader:after, #modal_report .btn.is-loading .loader, .btn--secondary.is-loading .loader, .event-header-container .event-header-wrapper .is-loading.event__attending .loader, .event-header-container .event-header-wrapper .is-loading.event__ended .loader,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader, .btn--cta.is-loading .loader, .btn.is-loading .loader, .btn--toggle.is-loading .loader, .btn--cancel.is-loading .loader, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader, .is-loading.btn--insided-brand .loader, .is-loading.btn--insided-secondary-brand .loader, .is-loading.btn--purple .loader, .is-loading.btn--toggle-on .loader, .main-navigation--language-switcher .is-loading.language-selector .loader, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader,
.is-loading.btn--silent .loader, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader, .is-loading.btn--new-topic .loader, .sso-flow.is-loading .loader {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation-fill-mode: both;
  box-shadow: 0 2.5em;
  animation: spinLoader 1.6s infinite ease-in-out;
}
#modal_report .btn.is-loading .loader:before, .btn--secondary.is-loading .loader:before, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:before, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:before,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:before, .btn--cta.is-loading .loader:before, .btn.is-loading .loader:before, .btn--toggle.is-loading .loader:before, .btn--cancel.is-loading .loader:before, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before, .is-loading.btn--insided-brand .loader:before, .is-loading.btn--insided-secondary-brand .loader:before, .is-loading.btn--purple .loader:before, .is-loading.btn--toggle-on .loader:before, .main-navigation--language-switcher .is-loading.language-selector .loader:before, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:before, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:before,
.is-loading.btn--silent .loader:before, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:before,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:before, .is-loading.btn--new-topic .loader:before, .sso-flow.is-loading .loader:before {
  left: -2.5em;
  animation-delay: -0.2s;
}
#modal_report .btn.is-loading .loader:after, .btn--secondary.is-loading .loader:after, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:after, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:after,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:after, .btn--cta.is-loading .loader:after, .btn.is-loading .loader:after, .btn--toggle.is-loading .loader:after, .btn--cancel.is-loading .loader:after, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after, .is-loading.btn--insided-brand .loader:after, .is-loading.btn--insided-secondary-brand .loader:after, .is-loading.btn--purple .loader:after, .is-loading.btn--toggle-on .loader:after, .main-navigation--language-switcher .is-loading.language-selector .loader:after, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:after, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:after,
.is-loading.btn--silent .loader:after, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:after,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:after, .is-loading.btn--new-topic .loader:after, .sso-flow.is-loading .loader:after {
  left: 2.5em;
  animation-delay: 0.2s;
}
#modal_report .btn.is-loading .loader:before, .btn--secondary.is-loading .loader:before, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:before, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:before,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:before, .btn--cta.is-loading .loader:before, .btn.is-loading .loader:before, .btn--toggle.is-loading .loader:before, .btn--cancel.is-loading .loader:before, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:before,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:before, .is-loading.btn--insided-brand .loader:before, .is-loading.btn--insided-secondary-brand .loader:before, .is-loading.btn--purple .loader:before, .is-loading.btn--toggle-on .loader:before, .main-navigation--language-switcher .is-loading.language-selector .loader:before, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:before, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:before,
.is-loading.btn--silent .loader:before, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:before,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:before, .is-loading.btn--new-topic .loader:before, .sso-flow.is-loading .loader:before, #modal_report .btn.is-loading .loader:after, .btn--secondary.is-loading .loader:after, .event-header-container .event-header-wrapper .is-loading.event__attending .loader:after, .event-header-container .event-header-wrapper .is-loading.event__ended .loader:after,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader:after, .btn--cta.is-loading .loader:after, .btn.is-loading .loader:after, .btn--toggle.is-loading .loader:after, .btn--cancel.is-loading .loader:after, .widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .widget-configurator__controls .is-loading.btn-primary .loader:after,
.homepage-widget-configurator .homepage-widget-configurator__controls .is-loading.btn-primary .loader:after, .is-loading.btn--insided-brand .loader:after, .is-loading.btn--insided-secondary-brand .loader:after, .is-loading.btn--purple .loader:after, .is-loading.btn--toggle-on .loader:after, .main-navigation--language-switcher .is-loading.language-selector .loader:after, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .is-loading.main-navigation--language-switcher_dropdown_item .loader:after, .header-navigation .main-navigation--language-switcher .is-loading.main-navigation--language-switcher_selected .loader:after,
.is-loading.btn--silent .loader:after, .wysiwyg-editor .is-loading.wysiwyg-editor__submit-button .loader:after,
.wysiwyg-editor .is-loading.wysiwyg-editor__form-submit .loader:after, .is-loading.btn--new-topic .loader:after, .sso-flow.is-loading .loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.sso-flow.is-loading ul li {
  position: relative;
  text-indent: -9999px;
}

/*
 mixin Media

A mixin for supereasy mediaqueries, that also cater for IE layouts. It's kindly borrowed from: https://github.com/alphagov/govuk_frontend_toolkit/blob/master/stylesheets/_conditionals.scss
The base css you write should be for mobile. You can then add desktop styles on top.

    Usage:
    div.columns {
        border: 1px solid;
        @include media(desktop){
            width: 30%;
            float: left;
        }
        @include ie-lte(8) {
            something to fix visual bugs in old IE
        }
        @include ie(6) {
            padding: 0;
        }
    }

    Parameters:
        $size:          dekstop | tablet | mobile | only-mobile | only-tablet       Named size, see elsewhere for dimensions
        $max-width:     size                                                        If you want another breakpoint then defined in the above named sizes
        $min-width:     size                                                        If you want another breakpoint then defined in the above named sizes
        $ignore-for-ie: false | true                                                When set to false and if $is-ie var is true, nothing will be output.

Styleguide 2.1
*/
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
/*
 mixin IE (Internet Explorer)

These mixin output styles when a $is-ie variable is set.

    Usage:
    div.columns {
        @include ie-lte(8) {
            something to fix visual bugs in old IE
        }
        @include ie(6) {
            padding: 0; // only outputs someting when $ie-version is set to 6 AND $is-ie is set to true
        }
    }

    Parameters:
        $version:         the IE version you want to target

Styleguide 2.1.2
*/
.flex-box-with-button {
  display: flex !important;
  align-items: center;
  flex-direction: row-reverse;
}
@media (max-width: 449px) {
  .flex-box-with-button {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}
.flex-box-with-button > :last-child {
  flex-grow: 1;
  margin-bottom: 1em;
  padding-right: 8px;
}
@media (min-width: 1025px) {
  .flex-box-with-button > :last-child {
    margin-bottom: 0;
  }
}
.flex-box-with-button > :first-child {
  float: right;
  min-width: inherit;
}

/*
 Global

Global

Styleguide 3
*/
html, body {
  min-height: 100%;
  font-size: 14px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  background: var(--config-body-background-color);
  color: var(--config--main-color-night);
  padding: 0;
  margin: 0;
  font-family: var(--config--main-font-base-stack);
  font-weight: var(--config--main-font-base-weight);
  font-style: var(--config--main-font-base-style);
  line-height: var(--config--main-font-base-lineheight);
  overflow-y: scroll;
  position: relative;
}
body::before {
  content: "";
  display: flex;
  justify-content: center;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
  transition: background-color 2s;
  z-index: 99999;
}
body.page-loading::before {
  background-color: rgba(255, 255, 255, 0.99);
  color: var(--config--main-color-night);
  /* todo: add 'loading' animation instead */
  content: "loading...";
}

p {
  margin-top: 0;
  margin-bottom: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

pre {
  white-space: pre-wrap;
}

figure {
  margin: 0;
}

.live-edit__form {
  display: none;
}

.live-edit .live-edit__form {
  display: block;
}

.body-wrapper {
  max-width: var(--config-body-wrapper-max-width);
  background-color: var(--config-body-wrapper-background-color);
  box-shadow: var(--config-body-wrapper-box-shadow);
  margin: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

:focus {
  outline-color: var(--config--main-color-brand);
}

.insided--footer {
  position: absolute;
  bottom: 4px;
  right: 16px;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.push-bottom {
  margin-bottom: 32px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
@media (max-width: 1024px) {
  .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) {
    padding-left: 16px;
    padding-right: 16px;
  }
  .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins).category-and-topic-stream {
    padding: 0;
  }
}
.homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .homepage-widget-wrapper {
  padding: 0;
}
@media (max-width: 1024px) {
  .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .homepage-widget-wrapper {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .homepage-widget-wrapper {
    padding: 0;
  }
}
.homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .homepage-widget-wrapper.sitewidth {
  padding: 0;
}

@media (min-width: 1025px) {
  .flip-widget {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .flip-widget.homepage-widget-wrapper {
    padding-left: 0;
  }
}

@media (min-width: 1025px) {
  .flip-widget .Sidebarmodule .widget .box__pad {
    padding-left: 0;
  }
}

@media (min-width: 1025px) {
  .flip-widget .Sidebarmodule .col {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .homepage-widget-container--container_2_1 .homepage-widget-wrapper {
    padding: 0;
  }
  .homepage-widget-container--container_2_1 .homepage-widget-wrapper > .col:not(.Sidebarmodule--no-margin) > .widget-container:not(.widget-container--category_and_topics_stream_only) {
    padding: 0 16px;
  }
  .homepage-widget-container--container_2_1 .homepage-widget-wrapper > .col > .widget-container.widget-container--category_and_topics_stream_only {
    padding: 0;
  }
  .homepage-widget-container--container_2_1 .homepage-widget-wrapper > .col > .widget-container.widget-container--category_and_topics_stream_only .category-and-topic-stream__heading,
  .homepage-widget-container--container_2_1 .homepage-widget-wrapper > .col > .widget-container.widget-container--category_and_topics_stream_only .category-and-topic-stream__subheading {
    padding: 0 16px;
  }
}

.Sidebarmodule .homepage-widget-wrapper,
.Sidebarmodule .widget.box,
.homepage-widget-wrapper,
.widget-wrapper {
  margin-top: 32px;
}
.Sidebarmodule .homepage-widget-wrapper.homepage-widget-wrapper--no-spacing,
.Sidebarmodule .widget.box.homepage-widget-wrapper--no-spacing,
.homepage-widget-wrapper.homepage-widget-wrapper--no-spacing,
.widget-wrapper.homepage-widget-wrapper--no-spacing {
  margin-top: 0;
}
.Sidebarmodule .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth,
.Sidebarmodule .widget.box.homepage-widget-wrapper--no-side-margins > .sitewidth,
.homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth,
.widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth {
  max-width: none;
}
.Sidebarmodule .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth > .col,
.Sidebarmodule .widget.box.homepage-widget-wrapper--no-side-margins > .sitewidth > .col,
.homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth > .col,
.widget-wrapper.homepage-widget-wrapper--no-side-margins > .sitewidth > .col {
  padding: 0;
}
@media (max-width: 1024px) {
  .Sidebarmodule .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__heading,
  .Sidebarmodule .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__subheading,
  .Sidebarmodule .widget.box.homepage-widget-wrapper--no-side-margins .widget__heading,
  .Sidebarmodule .widget.box.homepage-widget-wrapper--no-side-margins .widget__subheading,
  .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__heading,
  .homepage-widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__subheading,
  .widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__heading,
  .widget-wrapper.homepage-widget-wrapper--no-side-margins .widget__subheading {
    padding: 0 16px;
  }
}
@media (max-width: 1024px) {
  .Sidebarmodule .homepage-widget-wrapper.category-and-topic-stream .widget__heading,
  .Sidebarmodule .homepage-widget-wrapper.category-and-topic-stream .widget__subheading,
  .Sidebarmodule .widget.box.category-and-topic-stream .widget__heading,
  .Sidebarmodule .widget.box.category-and-topic-stream .widget__subheading,
  .homepage-widget-wrapper.category-and-topic-stream .widget__heading,
  .homepage-widget-wrapper.category-and-topic-stream .widget__subheading,
  .widget-wrapper.category-and-topic-stream .widget__heading,
  .widget-wrapper.category-and-topic-stream .widget__subheading {
    padding: 0 16px;
  }
}
.Sidebarmodule .Sidebarmodule .homepage-widget-wrapper,
.Sidebarmodule .Sidebarmodule .widget.box,
.Sidebarmodule .homepage-widget-wrapper,
.Sidebarmodule .widget-wrapper {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .Sidebarmodule .homepage-widget-wrapper,
  .Sidebarmodule .widget.box,
  .homepage-widget-wrapper,
  .widget-wrapper {
    margin-top: 24px;
  }
}

.Sidebarmodule .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins),
.Sidebarmodule .widget.box:not(.homepage-widget-wrapper--no-side-margins) {
  padding-left: 0;
  padding-right: 0;
}

.Sidebarmodule .widget-placeholder {
  background: var(--config-sidebar-background-color);
  border-radius: var(--config-sidebar-border-radius);
  border-color: var(--config-sidebar-border-color);
  border-width: var(--config-sidebar-border-width);
  box-shadow: var(--config-sidebar-shadow);
  border-style: solid;
}

.widget-container:first-child .widget-wrapper,
.homepage-widget-container:first-child .homepage-widget-wrapper {
  margin-top: 0;
}

.twig_site-index .flash-message-wrapper,
.sitewidth.flash-message-wrapper {
  margin: 0;
  max-width: none;
}
.twig_site-index .flash-message-wrapper .box,
.twig_site-index .flash-message-wrapper p,
.sitewidth.flash-message-wrapper .box,
.sitewidth.flash-message-wrapper p {
  margin-bottom: 0;
}
.twig_site-index .flash-message-wrapper .col,
.sitewidth.flash-message-wrapper .col {
  padding: 0;
}

@media (max-width: 1024px) {
  .homepage-widget-container--category_and_topics_stream_only .sitewidth,
  .homepage-widget-container--banner .sitewidth {
    max-width: none;
  }
}

.widget-wrapper {
  margin-top: 32px;
}

.twig_forgot-password-form .box__pad {
  margin-top: 16px;
}

.headless_auth-form {
  max-width: 508px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.headless_auth-form .auth__form {
  padding: 32px 40px 40px;
  margin-bottom: 0;
}
.headless_auth-form .auth-header_logo {
  display: block;
  margin: 0 auto;
  max-height: 40px;
  margin-bottom: 24px;
}
.headless_auth-form .body-wrapper {
  padding-top: 64px;
}

@media (max-width: 419px) {
  .register-from-contact-invite {
    float: none !important;
    width: 100%;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 420px) {
  .register-from-contact-invite {
    float: none !important;
    max-width: 570px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}
input[type=email].register_user_email--disabled {
  background: #f6f6f6;
  color: #959898;
  cursor: default;
}
input[type=email].register_user_email--disabled:focus {
  border-color: var(--config--main-border-base-color);
}

button {
  font-family: var(--config--main-button-base-font-family);
}

/*
 Grid

As the Insided apps hardly use any grid-system at all, it seemed too much overhead to introduce a complete grid-system by default.
 10 |     700     | 10 | 10 |   240   | 10  = 980
 $gutter | calc(100%-$sidebar-width-inc) | $gutter | $gutter | $sidebar-width | $gutter  == $sitewidth


    .full: takes the width of the HTML, spanning the total viewport-width
    .sitewidth: takes the defined (max-)width of the site, center-positioning itself
    .col: columnizes the content within the sitewidth. Creates default spacing

Markup:
<div class="full">
    <div class="sitewidth">
        <div class="col col--main has--side">main col (with sidebar)</div>
        <div class="col col--side">side col</div>
        <div class="col col--1of2">half</div>
        <div class="col col--1of2">half</div>
    </div>
</div>
<div class="full">
    <div class="sitewidth">
        <div class="col col--main">main col (no sidebar)</div>
        <div class="col col--1of3">one third</div>
        <div class="col col--1of3">one third</div>
        <div class="col col--2of3">two thirds</div>
        <div class="col col--1of3">one third</div>
    </div>
</div>

Styleguide 3.1
*/
/*
.full: div that stretches all the way from left to right. Can be used to horizontally 'stripe' the site
*/
.full-width {
  display: block;
  position: relative;
  width: 100%;
}
.full-width.full--bg {
  background-color: #fff;
}

.sitewidth {
  width: 100%;
  max-width: 1140px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.col {
  float: left;
  clear: both;
  width: 100%;
}
@media (min-width: 1025px) {
  .col {
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.col--side {
  float: right;
}
@media (min-width: 1025px) {
  .col--side {
    width: 384px;
  }
}

.col--main.has--side {
  float: left;
}
@media (min-width: 1025px) {
  .col--main.has--side {
    width: calc(100% - 384px);
  }
}
@media (min-width: 1025px) {
  .col--main {
    width: 100%;
  }
}

.col--1of2 {
  width: 50%;
}

.col--1of3 {
  width: 33.3333%;
}

.col--2of3 {
  width: 66.6666%;
}

/*
 Fonts

The fonts used in the implementation are defined in _settings in your theme by creating an array of fonts.
__Example:__

    $config--main-fonts : (
        'insided' 'insided-icons' normal normal 'fonts/insided-icons/',
        'frank-medium' 'frank-medium' normal normal 'fonts/frank-medium/',
        'frank-medium' 'frank-medium' bold normal 'fonts/frank-bold/',
    );

Styleguide 3.4
*/
.widget--tabs .tabs .widget .box__pad .m-v-S .link, .text--meta {
  color: var(--config-meta-text-color);
}

.text--success {
  color: var(--config--main-color-success);
}

.text--star {
  color: var(--config--main-color-info);
}

.text--metasize {
  font-size: 13px;
}

.text--normal {
  font-weight: normal !important;
}

.text--uppercase {
  text-transform: uppercase !important;
}

.hr {
  border: none;
  border-bottom: 1px solid var(--config--main-border-base-color);
}

/*
 Headers

Headerstyles

Markup:
<div class="{$modifiers}">Header with class</div>
<h1>Header h1</h2>
<h2>Header h2</h2>
<h3>Header h3</h3>
<h4>Header h4</h4>
<h5>Header h5</h5>
<h6>Header h6</h6>

.h1                    - h1
.h2                    - h2
.h3                    - h3
.h4                    - h4
.h5                    - h5
.h6                    - h6

Styleguide 3.4.1
*/
h6, .h6, .search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label, .event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label, h5, .h5, .forum-list-view-description, .table .table__row--thead, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: var(--config--main-font-secondary);
  font-weight: var(--config--main-header-font-weight);
  line-height: var(--config--main-font-base-lineheight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

h1, .h1 {
  font-size: 34px;
  font-weight: var(--config--main-header-font-weight);
}
@media (max-width: 449px) {
  h1, .h1 {
    font-size: 24px;
  }
}

h2, .h2 {
  font-size: 24px;
}
@media (max-width: 449px) {
  h2, .h2 {
    font-size: 24px;
  }
}

h3, .h3 {
  font-size: 20px;
}
@media (max-width: 449px) {
  h3, .h3 {
    font-size: 20px;
  }
}

.forum-list-view-description, .table .table__row--thead, h4, .h4 {
  font-size: 16px;
  font-weight: var(--config-topic-page-header-font-weight);
}
@media (max-width: 449px) {
  .forum-list-view-description, .table .table__row--thead, h4, .h4 {
    font-size: 16px;
  }
}

.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label, .event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label, h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

.txt--bold {
  font-weight: bold;
}

/*
 mixin setMargin and setPadding

A list (1 to 4 values) will set margin/padding rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setMargin(3px)  : renders "margin: 3px;"
    setPadding(3px) : renders "padding: 3px;"
    shorthands for: setMP(margin,3px) and setMP(padding,3px)
    setMargin(n 3px : renders "margin-left: 3px; margin-right:3px;"
    setMargin(0 3px): renders "margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 3px"

Styleguide 2.3
*/
/*
 mixin setPosition

A list (4 values [top,right,bottom,left]) will set top,right,bottom,left rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setPosition(3px n n n)  : renders "top: 3px;"
    setPosition(n 2px 2px n) : renders "right:2px;bottom:2px"

Styleguide 2.3.2
*/
/*
 mixin createBorder

Creates border(s) for the element. The first parameter defines what sides should be bordered. 'All' styles them all.
If more than one side is defined (eg. top bottom), the other parameters should be either a single value or a list of values for each side.

    parameters: sides,color,width,style. Each can be a single value, empty or a list (space-seperated).
    The sides parameter takes top,right,bottom or left, or a list of these.
        createBorder(all,red,1px,solid)  : renders "border:solid 1px red;"
        createBorder(bottom,red,1px,solid) : renders "border-bottom-color:red;border-bottom-style:solid;border-bottom-width:1px;"
        createBorder(bottom top,red green,1px 10px,solid): renders a solid red bottom-border of 1px and a solid green top-border of 10px.

Styleguide 2.3.3
*/
.dl--tabular dd, .dl--tabular dt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* this creates a list with all icons in use. This lists will be used in Styleguide-comments below */
/*
 mixin createIcon

This mixin creates the ::after or ::before pseudo-class with the unicode as content. To add or remove icons, you can change
the $icons variable that lives in _settings.scss. To assign an icon to an element which doesn't have the icon--XXX class,
you can @extend the classname, like .mydiv { @extend %icon--star-full; @extend %icnfont;}
List of icon-names in use:
     | caret-up | caret-right | caret-down | caret-left | arrow-up | arrow-right | arrow-down | arrow-left | arrow2-up | arrow2-right | arrow2-down | arrow2-left | arrow3-up | arrow3-right | arrow3-down | arrow3-left | arrow-above | arrow-below | reply | bullet | bullet2 | search | gear | home | share | heart | heart-full | flag | flag-full | vote-up | thumb-up | thumb-down | link | pen | settings | image | video | smiley | question | question-circle | info | idea | idea-new | star | star-full | comment | user | checkmark | checkbox | checkbox-checked | radio | radio-checked | wait | cross | cut | plus | minus | tag | ellipsis | quote | poll | menu | dot | warning | calendar | clock | desktop | mobile | dislike | dropdown | facebook | googleplus | linkedin | mail | twitter | whatsapp | folder | topic | topic-new | lock | participants | s-arrow-down | s-arrow-left | s-arrow-right | s-arrow-up | bbcode | bold | underline | italic | trashcan | create | filter | eye | activity | first-page | flags | food | last-page | mention | nature | next-page | objects | previous-page | symbols | thread-solved | travel

    Parameter 1: the icon-name (see above and/or variable $icons in _settings.scss)
    Parameter 2: whether to use :before or :after (optional, defaults to $default-pseudo [current default: before] )

        createIcon(photo) : becomes :before{content:"\1f4f7";}
        createIcon(check,after) : becomes :after{content:"\2713";}

Styleguide 3.3.2
*/
/*
 mixin iconLocation

This mixin positions the icon-pseudo element at the end or the beginning or replaces the elements text. To assign an icon to an element which doesn't have the icon--XXX class,
you can @extend the classname, like .mydiv { @extend %icon--star-full; @extend %icon--b; @extend %icnfont;}

    Parameter: before, after, replace

        iconLocation(after) : becomes :before{declarations to move the pseudo after the content of the selector }
        iconLocation(before) : becomes :before{declarations to move the pseudo before the content of the selector }
        iconLocation(replace) : becomes :before{declarations to hide the selector's content and display the pseudo }

Styleguide 3.3.3
*/
/*
 Mixin setIcon (deprecated use '@mixin attachIcon' for the new (easy) approach)

If you want to add an icon to an element which does NOT have an .iconXXXX class, you can add it using this mixin in the CSS.
Inside a mediaquery, this shorcut won't work (because it heavily relies on extend). In that case enter 'true' for the last selector.

    Parameter 1: null                           the icon-name (see above and/or variable $icons in _settings.scss)
    Parameter 2: before | after | replace       Should the icon display before or after the text (or replace it)
    Parameter 3: null | width                   Width of the pseudo element, use 'null' for generic width
    Parameter 4: absolute | relative | fixed    Position of the parent of the pseudo
    Parameter 5: center | right | left          Text-alignment of icon within pseudo
    Parameter 6: false | true                   Use true from within a mediaquery, so the mixin won't use @extends

        setIcon(photo) : sets the photo-icon in front of the element


Styleguide 3.3.5
*/
/*
 Iconfont

For icons on the platform, we use an iconfont. It lives in /css/fonts/insided-icons/ and is called 'insided-icons'.
The font is created through http://icomoon.io/app. To change it, you'll find a folder called 'iconfont' in your theme-folder
that contains the complete icomoon output. To change anything to the font,

1. go to http://icomoon.io/app
2.   then click on the hamburger menu, select 'Manage projects',
3.   then click 'import project' and find the 'insided icons project.json' file in barebones/utilities/iconfont.

You can then use icomoon as expected. Don't forget to save the 'project' in your theme!

    hamburger > manage projects > download

Styleguide 3.3
*/
/*
 the icon-font is created using the createFontface mixin */
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .answer-field__title, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .selectize-control.multi .selectize-input > div .remove, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--dot-small, [class^=icon]:before, [class*=" icon"]:before { /*  sets fontstyles for iconfonts (regardless of which font) */
  speak: none;
  font-style: normal;
  font-weight: var(--config--main-font-base-weight);
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon], [class*=" icon"] { /*  sets up styles for elements with a class of .icon-XXXX  */ }
.answer-field__title, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label {
  position: relative;
}
.answer-field__title:before, .fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before {
  text-align: left;
  display: inline-block;
  position: absolute;
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .selectize-control.multi .selectize-input > div .remove, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--dot-small, [class^=icon], [class*=" icon"] {
  position: relative;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .closed .forum-icon:before, .new.forum-ideation .forum-icon:before, .forum-ideation .forum-icon:before, .new .forum-icon:before, .poll__result-votes:before, .btn.btn--mail:before, .btn.btn--whatsapp:before, .btn.btn--linkedin:before, .btn.btn--twitter:before, .btn.btn--facebook:before, .selectize-control.multi .selectize-input > div .remove:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .icon--dot-small:before, [class^=icon]:before, [class*=" icon"]:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}

/*
 utility classes iconLocation

For the iconLocation mixin we create some extra (silent) classes, which can be eaily used.

Markup:
<span class="icon icon--caret-right">sometext</span>
<a href="" class="icon icon--caret-right {$modifiers}">sometext</a>
<h1><a href="" class="icon icon--caret-right {$modifiers}">sometext</a></h1>

.icon--b    - An element with and icon before
.icon--a    - An element with and icon after
.icon--replace  - An element replaced by an icon

Styleguide 3.3.4
*/
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .answer-field__title, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--b {
  padding-left: 1.25em;
  display: inline-block;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .closed .forum-icon:before, .new.forum-ideation .forum-icon:before, .forum-ideation .forum-icon:before, .new .forum-icon:before, .poll__result-votes:before, .answer-field__title:before, .btn.btn--mail:before, .btn.btn--whatsapp:before, .btn.btn--linkedin:before, .btn.btn--twitter:before, .btn.btn--facebook:before, .fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .icon--b:before {
  left: 0;
  width: 1.25em;
}

.icon--dot-small, .icon--a {
  padding-right: 1.25em;
}
.icon--dot-small:before, .icon--a:before {
  right: 0;
  width: 1.25em;
}

.selectize-control.multi .selectize-input > div .remove, .icon--replace {
  text-indent: -9999px;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
}
.selectize-control.multi .selectize-input > div .remove:before, .icon--replace:before {
  text-indent: 0;
  width: 100%;
  left: 0;
  text-align: center;
}

.list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before {
  font-family: insided;
  content: "\f107";
}

.list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before {
  font-family: insided;
  content: "→";
}

.list--icon--bullet > li:before, .list--icon--bullet > .list__item:before {
  font-family: insided;
  content: "•";
}

.list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before {
  font-family: insided;
  content: "\f103";
}

.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f11f";
}

.new.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f120";
}

.post__action-link.is-active.icon--star:before, .icon--star:hover:before {
  font-family: insided;
  content: "\f141";
}

.answer-field__title:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before {
  font-family: insided;
  content: "\f10b";
}

.fancyselect input[type=checkbox] + label:before {
  font-family: insided;
  content: "\f109";
}

.fancyselect input[type=checkbox]:checked + label:before {
  font-family: insided;
  content: "\f10a";
}

.fancyselect input[type=radio] + label:before {
  font-family: insided;
  content: "\f135";
}

.fancyselect input[type=radio]:checked + label:before {
  font-family: insided;
  content: "\f136";
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .selectize-control.multi .selectize-input > div .remove:before {
  font-family: insided;
  content: "\f110";
}

.poll__result-votes:before, .icon--dot-small:before {
  font-family: insided;
  content: "\f113";
}

.btn.btn--facebook:before {
  font-family: insided;
  content: "\f117";
}

.btn.btn--linkedin:before {
  font-family: insided;
  content: "\f125";
}

.btn.btn--mail:before {
  font-family: insided;
  content: "\f127";
}

.btn.btn--twitter:before {
  font-family: insided;
  content: "\f14a";
}

.btn.btn--whatsapp:before {
  font-family: insided;
  content: "\f150";
}

.new .forum-icon:before {
  font-family: insided;
  content: "\f147";
}

.closed .forum-icon:before {
  font-family: insided;
  content: "\f126";
}

/*
 Default icons

By default, all icons are a unicode character in the PUA range. See http://unicode.johnholtripley.co.uk/all/ for a nice compatibility list.

Markup:
<span class="icon {$modifiers}">x</span><br />
<span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  

Styleguide 3.3.1
*/
.icon--auto-width {
  display: inline-block !important;
}
.icon--auto-width:before {
  vertical-align: middle;
  display: inline-block !important;
  position: relative !important;
  width: auto;
}

.icon--thread-solved {
  color: var(--config--main-color-success);
}

.icon--question-circle {
  color: var(--config-topic-question-color);
}

/*
 Iconfont

For icons on the platform, we use an iconfont. It lives in /css/fonts/insided-icons/ and is called 'insided-icons'.
The font is created through http://icomoon.io/app. To change it, you'll find a folder called 'iconfont' in your theme-folder
that contains the complete icomoon output. To change anything to the font,

1. go to http://icomoon.io/app
2.   then click on the hamburger menu, select 'Manage projects',
3.   then click 'import project' and find the 'insided icons project.json' file in barebones/utilities/iconfont.

You can then use icomoon as expected. Don't forget to save the 'project' in your theme!

    hamburger > manage projects > download

Styleguide 3.3
*/
/*
 the icon-font is created using the createFontface mixin */
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .answer-field__title, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .selectize-control.multi .selectize-input > div .remove, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--dot-small, [class^=icon]:before, [class*=" icon"]:before { /*  sets fontstyles for iconfonts (regardless of which font) */
  speak: none;
  font-style: normal;
  font-weight: var(--config--main-font-base-weight);
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon], [class*=" icon"] { /*  sets up styles for elements with a class of .icon-XXXX  */ }
.answer-field__title, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label {
  position: relative;
}
.answer-field__title:before, .fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before {
  text-align: left;
  display: inline-block;
  position: absolute;
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .selectize-control.multi .selectize-input > div .remove, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--dot-small, [class^=icon], [class*=" icon"] {
  position: relative;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .closed .forum-icon:before, .new.forum-ideation .forum-icon:before, .forum-ideation .forum-icon:before, .new .forum-icon:before, .poll__result-votes:before, .btn.btn--mail:before, .btn.btn--whatsapp:before, .btn.btn--linkedin:before, .btn.btn--twitter:before, .btn.btn--facebook:before, .selectize-control.multi .selectize-input > div .remove:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .icon--dot-small:before, [class^=icon]:before, [class*=" icon"]:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}

/*
 utility classes iconLocation

For the iconLocation mixin we create some extra (silent) classes, which can be eaily used.

Markup:
<span class="icon icon--caret-right">sometext</span>
<a href="" class="icon icon--caret-right {$modifiers}">sometext</a>
<h1><a href="" class="icon icon--caret-right {$modifiers}">sometext</a></h1>

.icon--b    - An element with and icon before
.icon--a    - An element with and icon after
.icon--replace  - An element replaced by an icon

Styleguide 3.3.4
*/
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .closed .forum-icon, .new.forum-ideation .forum-icon, .forum-ideation .forum-icon, .new .forum-icon, .poll__result-votes, .answer-field__title, .btn.btn--mail, .btn.btn--whatsapp, .btn.btn--linkedin, .btn.btn--twitter, .btn.btn--facebook, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--bullet > li, .list--icon--bullet > .list__item, .icon--b {
  padding-left: 1.25em;
  display: inline-block;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .closed .forum-icon:before, .new.forum-ideation .forum-icon:before, .forum-ideation .forum-icon:before, .new .forum-icon:before, .poll__result-votes:before, .answer-field__title:before, .btn.btn--mail:before, .btn.btn--whatsapp:before, .btn.btn--linkedin:before, .btn.btn--twitter:before, .btn.btn--facebook:before, .fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .icon--b:before {
  left: 0;
  width: 1.25em;
}

.icon--dot-small, .icon--a {
  padding-right: 1.25em;
}
.icon--dot-small:before, .icon--a:before {
  right: 0;
  width: 1.25em;
}

.selectize-control.multi .selectize-input > div .remove, .icon--replace {
  text-indent: -9999px;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
}
.selectize-control.multi .selectize-input > div .remove:before, .icon--replace:before {
  text-indent: 0;
  width: 100%;
  left: 0;
  text-align: center;
}

.list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before {
  font-family: insided;
  content: "\f107";
}

.list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before {
  font-family: insided;
  content: "→";
}

.list--icon--bullet > li:before, .list--icon--bullet > .list__item:before {
  font-family: insided;
  content: "•";
}

.list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before {
  font-family: insided;
  content: "\f103";
}

.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f11f";
}

.new.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f120";
}

.post__action-link.is-active.icon--star:before, .icon--star:hover:before {
  font-family: insided;
  content: "\f141";
}

.answer-field__title:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before {
  font-family: insided;
  content: "\f10b";
}

.fancyselect input[type=checkbox] + label:before {
  font-family: insided;
  content: "\f109";
}

.fancyselect input[type=checkbox]:checked + label:before {
  font-family: insided;
  content: "\f10a";
}

.fancyselect input[type=radio] + label:before {
  font-family: insided;
  content: "\f135";
}

.fancyselect input[type=radio]:checked + label:before {
  font-family: insided;
  content: "\f136";
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .selectize-control.multi .selectize-input > div .remove:before {
  font-family: insided;
  content: "\f110";
}

.poll__result-votes:before, .icon--dot-small:before {
  font-family: insided;
  content: "\f113";
}

.btn.btn--facebook:before {
  font-family: insided;
  content: "\f117";
}

.btn.btn--linkedin:before {
  font-family: insided;
  content: "\f125";
}

.btn.btn--mail:before {
  font-family: insided;
  content: "\f127";
}

.btn.btn--twitter:before {
  font-family: insided;
  content: "\f14a";
}

.btn.btn--whatsapp:before {
  font-family: insided;
  content: "\f150";
}

.new .forum-icon:before {
  font-family: insided;
  content: "\f147";
}

.closed .forum-icon:before {
  font-family: insided;
  content: "\f126";
}

/*
 Default icons

By default, all icons are a unicode character in the PUA range. See http://unicode.johnholtripley.co.uk/all/ for a nice compatibility list.

Markup:
<span class="icon {$modifiers}">x</span><br />
<span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  <span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  

Styleguide 3.3.1
*/
.icon--caret-up:before, .Template-footer .scroll-to-top-sticky-button:before, .js-scrollto:before, .icon--caret-up:before {
  font-family: insided;
  content: "\f108";
}

.icon--caret-right:before, .icon--caret-right:before {
  font-family: insided;
  content: "\f107";
}

.icon--caret-down:before, .icon--caret-down:before {
  font-family: insided;
  content: "\f105";
}

.icon--caret-left:before, .icon--caret-left:before {
  font-family: insided;
  content: "\f106";
}

.icon--arrow-up:before, .icon--arrow-up:before {
  font-family: insided;
  content: "↑";
}

.icon--arrow-right:before, .icon--arrow-right:before {
  font-family: insided;
  content: "→";
}

.icon--arrow-down:before, .icon--arrow-down:before {
  font-family: insided;
  content: "↓";
}

.icon--arrow-left:before, .icon--arrow-left:before {
  font-family: insided;
  content: "←";
}

.icon--arrow2-up:before, .icon--arrow2-up:before {
  font-family: insided;
  content: "⇑";
}

.icon--arrow2-right:before, .icon--arrow2-right:before {
  font-family: insided;
  content: "⇒";
}

.icon--arrow2-down:before, .icon--arrow2-down:before {
  font-family: insided;
  content: "⇓";
}

.icon--arrow2-left:before, .icon--arrow2-left:before {
  font-family: insided;
  content: "⇐";
}

.icon--arrow3-up:before, .icon--arrow3-up:before {
  font-family: insided;
  content: "⇡";
}

.icon--arrow3-right:before, .icon--arrow3-right:before {
  font-family: insided;
  content: "⇢";
}

.icon--arrow3-down:before, .icon--arrow3-down:before {
  font-family: insided;
  content: "⇣";
}

.icon--arrow3-left:before, .icon--arrow3-left:before {
  font-family: insided;
  content: "⇠";
}

.icon--arrow-above:before, .icon--arrow-above:before {
  font-family: insided;
  content: "↥";
}

.icon--arrow-below:before, .icon--arrow-below:before {
  font-family: insided;
  content: "↧";
}

.icon--reply:before, .icon--reply:before {
  font-family: insided;
  content: "\f137";
}

.icon--bullet:before, .icon--bullet:before {
  font-family: insided;
  content: "•";
}

.icon--bullet2:before, .icon--bullet2:before {
  font-family: insided;
  content: "\f103";
}

.icon--search:before, .icon--search:before {
  font-family: insided;
  content: "\f13c";
}

.icon--gear:before, .icon--gear:before {
  font-family: insided;
  content: "⚙";
}

.icon--home:before, .icon--home:before {
  font-family: insided;
  content: "⌂";
}

.icon--share:before, .icon--share:before {
  font-family: insided;
  content: "\f178";
}

.icon--heart:before, .icon--heart:before {
  font-family: insided;
  content: "\f11d";
}

.icon--heart-full:before, .icon--heart-full:before {
  font-family: insided;
  content: "\f11e";
}

.icon--flag:before, .icon--flag:before {
  font-family: insided;
  content: "⚐";
}

.icon--flag-full:before, .icon--flag-full:before {
  font-family: insided;
  content: "⚑";
}

.icon--vote-up:before, .icon--vote-up:before {
  font-family: insided;
  content: "\f14d";
}

.icon--thumb-up:before, .icon--thumb-up:before {
  font-family: insided;
  content: "\f145";
}

.icon--thumb-down:before, .icon--thumb-down:before {
  font-family: insided;
  content: "👎";
}

.icon--link:before, .icon--link:before {
  font-family: insided;
  content: "\f124";
}

.icon--pen:before, .icon--pen:before {
  font-family: insided;
  content: "\f12f";
}

.icon--settings:before, .icon--settings:before {
  font-family: insided;
  content: "\f13d";
}

.icon--image:before, .icon--image:before {
  font-family: insided;
  content: "\f121";
}

.icon--video:before, .icon--video:before {
  font-family: insided;
  content: "𕎥";
}

.icon--smiley:before, .icon--smiley:before {
  font-family: insided;
  content: "\f13f";
}

.icon--question:before, .icon--question:before {
  font-family: insided;
  content: "\f132";
}

.icon--question-circle:before, .icon--question-circle:before {
  font-family: insided;
  content: "\f133";
}

.icon--info:before, .icon--info:before {
  font-family: insided;
  content: "\f122";
}

.icon--idea:before, .icon--idea:before {
  font-family: insided;
  content: "\f11f";
}

.icon--idea-new:before, .icon--idea-new:before {
  font-family: insided;
  content: "\f120";
}

.icon--star:before, .icon--star:before {
  font-family: insided;
  content: "\f140";
}

.icon--star-full:before, .icon--star-full:before {
  font-family: insided;
  content: "\f141";
}

.icon--comment:before, .icon--comment:before {
  font-family: insided;
  content: "\f10e";
}

.icon--user:before, .icon--user:before {
  font-family: insided;
  content: "\f14c";
}

.icon--checkmark:before, .icon--checkmark:before {
  font-family: insided;
  content: "\f10b";
}

.icon--checkbox:before, .icon--checkbox:before {
  font-family: insided;
  content: "\f109";
}

.icon--checkbox-checked:before, .icon--checkbox-checked:before {
  font-family: insided;
  content: "\f10a";
}

.icon--radio:before, .icon--radio:before {
  font-family: insided;
  content: "\f135";
}

.icon--radio-checked:before, .icon--radio-checked:before {
  font-family: insided;
  content: "\f136";
}

.icon--wait:before, .icon--wait:before {
  font-family: insided;
  content: "\f14e";
}

.icon--cross:before, .icon--cross:before {
  font-family: insided;
  content: "\f110";
}

.icon--cut:before, .icon--cut:before {
  font-family: insided;
  content: "✂";
}

.icon--plus:before, .icon--plus:before {
  font-family: insided;
  content: "\f130";
}

.icon--minus:before, .icon--minus:before {
  font-family: insided;
  content: "\f12a";
}

.icon--tag:before, .icon--tag:before {
  font-family: insided;
  content: "\f143";
}

.icon--ellipsis:before, .icon--ellipsis:before {
  font-family: insided;
  content: "\f115";
}

.icon--quote:before, .icon--quote:before {
  font-family: insided;
  content: "\f134";
}

.icon--poll:before, .icon--poll:before {
  font-family: insided;
  content: "\f131";
}

.icon--menu:before, .icon--menu:before {
  font-family: insided;
  content: "\f129";
}

.icon--dot:before, .icon--dot:before {
  font-family: insided;
  content: "\f113";
}

.icon--warning:before, .icon--warning:before {
  font-family: insided;
  content: "\f14f";
}

.icon--calendar:before, .icon--calendar:before {
  font-family: insided;
  content: "\f104";
}

.icon--clock:before, .icon--clock:before {
  font-family: insided;
  content: "\f10c";
}

.icon--desktop:before, .icon--desktop:before {
  font-family: insided;
  content: "\f111";
}

.icon--mobile:before, .icon--mobile:before {
  font-family: insided;
  content: "\f12b";
}

.icon--dislike:before, .icon--dislike:before {
  font-family: insided;
  content: "\f112";
}

.icon--dropdown:before, .icon--dropdown:before {
  font-family: insided;
  content: "\f114";
}

.icon--facebook:before, .icon--facebook:before {
  font-family: insided;
  content: "\f117";
}

.icon--googleplus:before, .icon--googleplus:before {
  font-family: insided;
  content: "\f11c";
}

.icon--linkedin:before, .icon--linkedin:before {
  font-family: insided;
  content: "\f125";
}

.icon--mail:before, .icon--mail:before {
  font-family: insided;
  content: "\f127";
}

.icon--twitter:before, .icon--twitter:before {
  font-family: insided;
  content: "\f14a";
}

.icon--whatsapp:before, .icon--whatsapp:before {
  font-family: insided;
  content: "\f150";
}

.icon--folder:before, .icon--folder:before {
  font-family: insided;
  content: "\f11a";
}

.icon--topic:before, .icon--topic:before {
  font-family: insided;
  content: "\f146";
}

.icon--topic-new:before, .icon--topic-new:before {
  font-family: insided;
  content: "\f147";
}

.icon--lock:before, .icon--lock:before {
  font-family: insided;
  content: "\f126";
}

.icon--participants:before, .icon--participants:before {
  font-family: insided;
  content: "\f12e";
}

.icon--s-arrow-down:before, .icon--s-arrow-down:before {
  font-family: insided;
  content: "\f138";
}

.icon--s-arrow-left:before, .icon--s-arrow-left:before {
  font-family: insided;
  content: "\f139";
}

.icon--s-arrow-right:before, .icon--s-arrow-right:before {
  font-family: insided;
  content: "\f13a";
}

.icon--s-arrow-up:before, .icon--s-arrow-up:before {
  font-family: insided;
  content: "\f13b";
}

.icon--bbcode:before, .icon--bbcode:before {
  font-family: insided;
  content: "\f101";
}

.icon--bold:before, .icon--bold:before {
  font-family: insided;
  content: "\f102";
}

.icon--underline:before, .icon--underline:before {
  font-family: insided;
  content: "\f14b";
}

.icon--italic:before, .icon--italic:before {
  font-family: insided;
  content: "\f123";
}

.icon--trashcan:before, .icon--trashcan:before {
  font-family: insided;
  content: "\f148";
}

.icon--create:before, .icon--create:before {
  font-family: insided;
  content: "\f10f";
}

.icon--filter:before, .icon--filter:before {
  font-family: insided;
  content: "\f118";
}

.icon--eye:before, .icon--eye:before {
  font-family: insided;
  content: "\f116";
}

.icon--activity:before, .icon--activity:before {
  font-family: insided;
  content: "\f100";
}

.icon--first-page:before, .icon--first-page:before {
  font-family: insided;
  content: "\f1e3";
}

.icon--flags:before, .icon--flags:before {
  font-family: insided;
  content: "\f119";
}

.icon--food:before, .icon--food:before {
  font-family: insided;
  content: "\f11b";
}

.icon--last-page:before, .icon--last-page:before {
  font-family: insided;
  content: "\f1e4";
}

.icon--mention:before, .icon--mention:before {
  font-family: insided;
  content: "\f128";
}

.icon--nature:before, .icon--nature:before {
  font-family: insided;
  content: "\f12c";
}

.icon--next-page:before, .icon--next-page:before {
  font-family: insided;
  content: "\f1e5";
}

.icon--objects:before, .icon--objects:before {
  font-family: insided;
  content: "\f12d";
}

.icon--previous-page:before, .icon--previous-page:before {
  font-family: insided;
  content: "\f1e6";
}

.icon--symbols:before, .icon--symbols:before {
  font-family: insided;
  content: "\f142";
}

.icon--thread-solved:before, .icon--thread-solved:before {
  font-family: insided;
  content: "\f144";
}

.icon--travel:before, .icon--travel:before {
  font-family: insided;
  content: "\f149";
}

@font-face {
  font-family: "insided";
  src: url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.eot");
  src: url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.eot#iefix") format("embedded-opentype"), url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.woff2") format("woff2"), url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.ttf") format("truetype"), url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.woff") format("woff"), url("https://d100npzark077w.cloudfront.net/community-icons/fonts/d3cd0b0db01a9d9dd6f839f8adfae6b2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
i[class^=icon],
i[class*=" icon"] {
  font-style: normal;
}

.icon--dot-small {
  padding-right: 0;
  padding-left: 1.2em;
}
.icon--dot-small:before {
  right: 0;
  width: 0;
}
.icon--dot-small:before {
  width: 3em;
  font-size: 4px;
  line-height: 20px;
}

.icon--round {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  display: inline-block;
}
.icon--round.icon--checkmark::before {
  content: "\f10b";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-family: "insided", sans-serif;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  text-align: center;
  padding: 50% 0;
  line-height: 0;
  font-size: 10px;
  color: #fff;
  border-radius: 100%;
  background: var(--config--main-color-success);
}
.icon--round.icon--question::before {
  content: "\f132";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-family: "insided", sans-serif;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  text-align: center;
  padding: 50% 0;
  line-height: 0;
  font-size: 10px;
  color: #fff;
  border-radius: 100%;
  background: var(--config-topic-question-color);
}

/*
 Seperator

We have a couple of seperators at our disposal. They have little in common except that they are seperators.

Markup:
<hr class="seperator" />
<div class="seperator"></div>
<div class="seperator--text"><span>or</span></div>

Styleguide 6.4
*/
.seperator {
  color: var(--config--main-border-base-color);
  height: 0px;
  border-width: 1px;
  border-style: none none solid none;
  background-color: transparent;
  margin-top: 16px;
  margin-bottom: 16px;
}
.is-transparant.seperator {
  margin: 0;
}

.seperator--gap {
  height: 16px;
  background-color: var(--config--main-color-day);
  border-style: none;
}

.seperator--text {
  text-align: center;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
}
.seperator--text span {
  display: inline-block;
  position: relative;
  color: var(--config-meta-text-color);
}
.seperator--text span:before, .seperator--text span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid var(--config--main-border-base-color);
  top: 10px;
  width: 600px;
}
.seperator--text span:before {
  right: 100%;
  margin-right: 8px;
}
.seperator--text span:after {
  left: 100%;
  margin-left: 8px;
}

.seperator--text--small:before {
  margin-right: 4px;
}
.seperator--text--small:after {
  margin-left: 4px;
}

/*
 Tooltip

A tiny weeny little tooltip library. It styles the tooltip which gets set on an element with 'data-tooltip' attribute. It expects to load tooltip.js
Borrowed and adapted from http://css-tricks.com/bubble-point-tooltips-with-css3-jquery/

Markup:
<div data-tooltip="12 august 2014">3 days ago</div>
<a href="#" data-tooltip="hi">hallo</a>

Styleguide 6.9
*/
.topic-footer__actions .tooltip-container .topic-share__tooltip .arrow:after, .social-sharing .tooltip-container .tooltip-message .arrow:after, .wysiwyg-editor__mention--tooltip .arrow:after, .wysiwyg-editor .wysiwyg-editor__link--selector .arrow:after, .wysiwyg-editor .wysiwyg-editor__emoji .arrow:after, .tooltip .tooltip__content--left .arrow:after, .tooltip .tooltip__content .arrow:after, .social-sharing .tooltip-container .tooltip-message, .wysiwyg-editor__mention--tooltip, .wysiwyg-editor .wysiwyg-editor__link--selector, .wysiwyg-editor .wysiwyg-editor__emoji, .tooltip .tooltip__content--left, .tooltip .tooltip__content {
  background: var(--config--main-color-night);
  border: solid 0px #FFF;
}

.social-sharing .tooltip-container .tooltip-message, .wysiwyg-editor__mention--tooltip, .wysiwyg-editor .wysiwyg-editor__link--selector, .wysiwyg-editor .wysiwyg-editor__emoji, .tooltip .tooltip__content--left, .tooltip .tooltip__content {
  z-index: 10;
  opacity: 0;
  display: none;
  max-width: 140px;
  min-width: 100px;
  position: absolute;
  pointer-events: none;
  word-wrap: break-word;
  padding: 8px;
  color: var(--config--main-color-day);
  border-radius: var(--borderradius-base);
  text-align: center;
  font-family: var(--config--main-font-base-stack);
  font-size: 12px;
  text-decoration: none;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
  transform: translate(-50%, 8px);
  left: 50%;
}
.social-sharing .tooltip-container .tooltip-message .arrow, .wysiwyg-editor__mention--tooltip .arrow, .wysiwyg-editor .wysiwyg-editor__link--selector .arrow, .wysiwyg-editor .wysiwyg-editor__emoji .arrow, .tooltip .tooltip__content--left .arrow, .tooltip .tooltip__content .arrow {
  width: 40px;
  height: 8px;
  overflow: hidden;
  position: absolute;
  margin-left: -20px;
}
.social-sharing .tooltip-container .tooltip-message .arrow:after, .wysiwyg-editor__mention--tooltip .arrow:after, .wysiwyg-editor .wysiwyg-editor__link--selector .arrow:after, .wysiwyg-editor .wysiwyg-editor__emoji .arrow:after, .tooltip .tooltip__content--left .arrow:after, .tooltip .tooltip__content .arrow:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 28.2842712475px;
  height: 28.2842712475px;
  box-shadow: 4px 4px 1px -3px rgba(0, 0, 0, 0.2), -4px -4px 1px -3px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
}
.social-sharing .tooltip-container .is-enabled.tooltip-message, .is-enabled.wysiwyg-editor__mention--tooltip, .wysiwyg-editor .is-enabled.wysiwyg-editor__link--selector, .wysiwyg-editor .is-enabled.wysiwyg-editor__emoji, .tooltip .is-enabled.tooltip__content--left, .tooltip .is-enabled.tooltip__content {
  display: block;
}
.social-sharing .tooltip-container .is-active.tooltip-message, .is-active.wysiwyg-editor__mention--tooltip, .wysiwyg-editor .is-active.wysiwyg-editor__link--selector, .wysiwyg-editor .is-active.wysiwyg-editor__emoji, .tooltip .is-active.tooltip__content--left, .tooltip .is-active.tooltip__content {
  pointer-events: auto;
  opacity: 1;
}
.social-sharing .tooltip-container .position--center.tooltip-message .arrow, .position--center.wysiwyg-editor__mention--tooltip .arrow, .wysiwyg-editor .position--center.wysiwyg-editor__link--selector .arrow, .wysiwyg-editor .position--center.wysiwyg-editor__emoji .arrow, .tooltip .position--center.tooltip__content--left .arrow, .tooltip .position--center.tooltip__content .arrow {
  left: 50%;
}
.social-sharing .tooltip-container .position--top.tooltip-message .arrow, .position--top.wysiwyg-editor__mention--tooltip .arrow, .wysiwyg-editor .position--top.wysiwyg-editor__link--selector .arrow, .wysiwyg-editor .position--top.wysiwyg-editor__emoji .arrow, .tooltip .position--top.tooltip__content--left .arrow, .tooltip .position--top.tooltip__content .arrow {
  bottom: -7px;
  transform: rotate(180deg);
}
.social-sharing .tooltip-container .position--bottom.tooltip-message .arrow, .position--bottom.wysiwyg-editor__mention--tooltip .arrow, .wysiwyg-editor .position--bottom.wysiwyg-editor__link--selector .arrow, .wysiwyg-editor .position--bottom.wysiwyg-editor__emoji .arrow, .tooltip .position--bottom.tooltip__content--left .arrow, .tooltip .position--bottom.tooltip__content .arrow {
  top: -7px;
}
.social-sharing .tooltip-container .position--bottom-right.tooltip-message, .position--bottom-right.wysiwyg-editor__mention--tooltip, .wysiwyg-editor .position--bottom-right.wysiwyg-editor__link--selector, .wysiwyg-editor .position--bottom-right.wysiwyg-editor__emoji, .tooltip .position--bottom-right.tooltip__content--left, .tooltip .position--bottom-right.tooltip__content {
  right: 0;
  left: auto;
  transform: translate(0, 8px);
}
.social-sharing .tooltip-container .position--bottom-right.tooltip-message .arrow, .position--bottom-right.wysiwyg-editor__mention--tooltip .arrow, .wysiwyg-editor .position--bottom-right.wysiwyg-editor__link--selector .arrow, .wysiwyg-editor .position--bottom-right.wysiwyg-editor__emoji .arrow, .tooltip .position--bottom-right.tooltip__content--left .arrow, .tooltip .position--bottom-right.tooltip__content .arrow {
  top: -7px;
  left: 90%;
}

.wysiwyg-editor__mention--tooltip, .tooltip .tooltip__content--publish-date, .tooltip--day.tooltip .tooltip__content, .tooltip--day.tooltip .tooltip__content--left {
  background: #fff;
  color: var(--config--main-color-night);
}
.wysiwyg-editor__mention--tooltip .arrow:after, .tooltip .tooltip__content--publish-date .arrow:after, .tooltip--day.tooltip .tooltip__content .arrow:after, .tooltip--day.tooltip .tooltip__content--left .arrow:after {
  background: #fff;
  border: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.tooltip--inverse.tooltip .tooltip__content, .tooltip--inverse.tooltip .tooltip__content--left {
  background: var(--config--main-color-night-light);
  color: #fff;
}
.tooltip--inverse.tooltip .tooltip__content .arrow:after, .tooltip--inverse.tooltip .tooltip__content--left .arrow:after {
  border: 0;
  background-color: var(--config--main-color-night-light);
}
.tooltip--inverse.tooltip .tooltip__content *, .tooltip--inverse.tooltip .tooltip__content--left * {
  color: #fff;
}

.tooltip .tooltip__content--profile {
  max-width: none;
  min-width: 0;
  text-align: left;
}
.tooltip .tooltip__content--profile .flag {
  display: table-cell;
}
@media (max-width: 767px) {
  .tooltip .tooltip__content--profile {
    display: none;
  }
}

.message .message__more_options .tooltip__content--pm-actions, .tooltip .tooltip__content--forum-actions, .tooltip .tooltip__content--more {
  padding: 0;
  text-align: left;
  min-width: 140px;
}

.tooltip .tooltip__content--smiley {
  width: 200px;
}
.tooltip .tooltip__content--smiley li {
  float: left;
  margin-top: 8px;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 0;
}

.tooltip .tooltip__content--info {
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  font-weight: normal;
  min-width: 210px;
  z-index: 1024;
}
.tooltip .tooltip__content--info .arrow:before {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.tooltip .tooltip__content--info p {
  color: var(--config--main-color-night-light);
  font-weight: normal;
}

/**
    Used for all drop-down menu's
**/
.tooltip .tooltip__content--menu {
  padding: 0;
  min-width: 0;
  max-width: none;
}
.tooltip .tooltip__content--menu .list--menu {
  padding: 0;
}
.tooltip .tooltip__content--menu .list--menu li {
  border-top: 1px solid var(--config--main-border-base-color);
  text-align: left;
}
.tooltip .tooltip__content--menu .list--menu li:first-child {
  border: none;
}
.tooltip .tooltip__content--menu .list--menu li a {
  display: block;
  padding: 0 16px;
  line-height: 48px;
  font-size: 14px;
  white-space: nowrap;
}
.tooltip .tooltip__content--menu .list--menu li a:active, .tooltip .tooltip__content--menu .list--menu li a:focus, .tooltip .tooltip__content--menu .list--menu li a:visited {
  outline: none;
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltip__content {
  font-size: 12px;
  line-height: 16px;
  word-break: keep-all;
}
.tooltip--no-max-width.tooltip .tooltip__content {
  max-width: none;
}
.tooltip--large.tooltip .tooltip__content {
  width: 375px;
  max-width: 90%;
  max-width: calc(100vw - 48px);
}
.tooltip .tooltip__content--left {
  text-align: left;
  min-width: 140px;
}
.tooltip .tooltip__content--profile {
  min-width: 200px;
}
.tooltip .tooltip__content--mentions {
  max-width: none;
  width: 230px;
}
.tooltip--day.tooltip .tooltip__content, .tooltip--day.tooltip .tooltip__content--left {
  border: 1px solid var(--config--main-border-base-color);
}
.tooltip .tooltip__content--publish-date {
  padding: 5px 0;
  min-width: 120px;
  border: 1px solid var(--config--main-border-base-color);
}
.tooltip .tooltip__content--forum-actions {
  min-width: 140px;
}
.tooltip .tooltip__content--pagination {
  padding: 5px 0;
  min-width: 80px;
}
.tooltip .tooltip__content--reputation {
  padding: 5px 0;
  min-width: 200px;
}
.tooltip .tooltip__content--subscribe {
  min-width: 200px;
}
.tooltip .tooltip__content--sorting-topics {
  min-width: 200px;
}
.tooltip .tooltip__content--info--align-left {
  text-align: left;
}

/*
 Patterns generic

Generic patterns.
A GENERIC pattern is a pattern that is widely accepted as a pattern, that will live on almost any website, and for which you can usually find code-examples in frameworks.
It's usually relatively closely coupled to it's content and the markup is relatively semantic.

Styleguide 5
*/
/*
 Patterns specific

Specific patterns
A SPECIFIC pattern is a pattern that is OR relatively specific for Insided OR relatively specific in that it is closely coupled to it's contents meaning without necessarily  being coupled to very semantic markup.

Styleguide 6
*/
/*
 Flag

The flag _pattern_ is **kindly** borrowed from http://csswizardry.com/2013/05/the-flag-object/.
I've added one __addition__: it can have a title above, the 'vane' (wimpel). Using the `layout/flag.twig` file, the flag-title is optional.
I've made one __change__: I nested the child-selectors, so it would be easier to extend the flag-pattern.
The mixin has three parameters:
    $selector   : which selector (classname) to use (default: flag)
    $silent     : whether the flag-pattern should be output silent (with a %)
    $alignment  : vertical alignment of content
The default .flag class lives in barebones as %flag. To create another flag-pattern, use `@include createFlag(newflagclass,false);`

Markup:
<div class="flag  {$modifiers}">
    <div class="flag__image">
        block: flagimage
    </div>
    <div class="flag__body">
        blocks: flagheader, flagcontent, flagfooter
    </div>
</div>

.flag--top                      - Vertical align content top
.flag--middle                   - Vertical align content middle
.flag--bottom                   - Vertical align content bottom
.flag--small                    - For example when we're using small images, the space between img and content should be smaller.
.flag--stack                    - If you want to create a stacked layout with the flag-markup
.flag--rev                       - If the wind comes from the right (the space on the image should be on the left) (you'll need to change the order in the markup too)

Styleguide 4.2
*/
.flag {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.flag .flag__title {
  display: table-caption;
}
.flag .flag__image,
.flag .flag__body {
  display: table-cell;
}
.flag .flag__image,
.flag .flag__body,
.flag .avatar {
  vertical-align: top;
}
.flag .flag-notification {
  position: absolute;
  top: 5px;
  right: 4px;
  background: var(--config-avatar-notification-background-color);
  line-height: normal;
  font-size: 12px;
  color: #fff;
  border-radius: 6px;
  padding: 2px 4px;
}
.main-navigation--profile-link .flag .flag-notification {
  border: 1px solid #fff;
}
.flag .flag__image {
  box-sizing: content-box;
  width: 40px;
  padding-right: 8px;
  position: relative;
}
.flag .flag__image > img {
  display: block;
  max-width: none;
}
.flag .flag__image.flag__image--L {
  width: 50px;
}
.flag--small.flag .flag__image {
  padding-right: 4px;
}
.flag--stack.flag .flag__image,
.flag--stack.flag .flag__body {
  display: block;
  width: initial;
}
.flag--rev.flag .flag__image {
  padding-right: 0;
  padding-left: 8px;
}
.flag--rev.flag .flag__body {
  text-align: right;
}
.flag--rev.flag--small.flag .flag__image {
  padding-left: 4px;
}
.flag--top.flag .flag__image,
.flag--top.flag .flag__body,
.flag--top.flag .avatar {
  vertical-align: top;
}
.flag--bottom.flag .flag__image,
.flag--bottom.flag .flag__body,
.flag--bottom.flag .avatar {
  vertical-align: bottom;
}
.flag--middle.flag .flag__image,
.flag--middle.flag .flag__body,
.flag--middle.flag .avatar {
  vertical-align: middle;
}

/*
 Groups

There are two types of groups. One (.group) behaves as a 'normal' gridsystem: it can take multiple rows, and all cells are floated.
Every cell has a padding to the right to seperate one cell from the other.
If you add 'last' to the last item in a row (you'll have to know), the
The ohter group (.group--stretch) behaves as a table. You can use this if you want the group to fill an (undefined) space completely and fully.
The widths of the cells can be left undefined. It CAN take multiple rows, but only the sizes of the first row are honoured.

Markup:
<div class="group {$modifiers}">
    <div class="group__row">
        <div class="group__item"><div class="bb-filler">item no width set</div></div>
        <div class="group__item"><div class="bb-filler">item no width set</div></div>
        <div class="group__item"><div class="bb-filler">item no width set</div></div>
        <div class="group__item"><div class="bb-filler">item no width set</div></div>
    </div>
</div>
<div class="group {$modifiers}">
    <div class="group__row">
        <div class="group__item grid--50-p"><div class="bb-filler">item grid--50-p</div></div>
        <div class="group__item grid--50-p"><div class="bb-filler">item grid--50-p</div></div>
    </div>
</div>
<div class="group {$modifiers}">
    <div class="group__row">
        <div class="group__item grid--3"><div class="bb-filler">item grid--3</div></div>
        <div class="group__item grid--3"><div class="bb-filler">item grid--3</div></div>
        <div class="group__item grid--3"><div class="bb-filler">item grid--3</div></div>
        <div class="group__item grid--3 last"><div class="bb-filler">item grid--3 last</div></div>
    </div>
</div>
<div class="group {$modifiers}">
    <div class="group__row">
        <div class="group__item grid--3"><div class="bb-filler">item grid--3</div></div>
        <div class="group__item grid--3"><div class="bb-filler">item grid--3</div></div>
        <div class="group__item grid--3 end"><div class="bb-filler">item grid--3 end</div></div>
    </div>
</div>

.group--stretch    - A link that takes the properties of it's parent (e.g. in a header)
.group--inline      - A group in which the elements are inline

Styleguide 4.3
*/
.bb-filler {
  background-color: #c8c9c9;
}

.group {
  position: relative;
  display: block;
  width: 100%;
}

.username,
.group--inline {
  display: inline-block;
}

.group__item {
  position: relative;
  display: block;
  float: left;
  padding-right: 16px;
}
.group__item .group--inline {
  display: inline-block;
  float: none;
}
.group__item .group__item--biggap, .group--biggap .group__item {
  padding-right: 32px;
}
.group__item .group__item--biggap:last-child, .group--biggap .group__item:last-child {
  padding-right: 0;
}
.group__item .group__item--smallgap, .group--smallgap .group__item {
  padding-right: 8px;
}
.group__item .group__item--smallgap:last-child, .group--smallgap .group__item:last-child {
  padding-right: 0;
}
.group__item.last {
  padding-right: 0;
}
.group__item.end {
  padding-right: 0;
  float: right;
}

.group__row {
  display: block;
  width: 100%;
  width: calc(100% + 16px);
  padding-bottom: 4px;
}
.group--biggap .group__row {
  width: calc(100% + 32px);
}
.group--smallgap .group__row {
  width: calc(100% + 8px);
}

.group--stretch {
  display: table;
  width: 100%;
}
.group--stretch.group--top .group__item,
.group--stretch .group__item.item--top {
  vertical-align: top;
}
.group--stretch.group-middle .group__item,
.group--stretch .group__item.item-middle {
  vertical-align: middle;
}
.group--stretch.group-bottom .group__item,
.group--stretch .group__item.item-bottom {
  vertical-align: bottom;
}
.group--stretch > .group__row {
  display: table-row;
  padding-bottom: 0;
}
.group--stretch .group__item {
  float: none;
  display: table-cell;
  height: 100%;
  position: relative;
}
.group--stretch .group__item:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .group--stretch .group__item {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-bottom: 4px;
    float: left;
  }
}

.group--flex {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@supports (display: flex) {
  .group--flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
}

.flex__item--grow {
  display: table-cell;
}
@supports (display: flex) {
  .flex__item--grow {
    display: block;
    flex-grow: 1;
  }
}

.no--flex .group--flex {
  display: table;
}

.grid--1-p {
  width: 1%;
}

.grid--2-p {
  width: 2%;
}

.grid--3-p {
  width: 3%;
}

.grid--4-p {
  width: 4%;
}

.grid--5-p {
  width: 5%;
}

.grid--6-p {
  width: 6%;
}

.grid--7-p {
  width: 7%;
}

.grid--8-p {
  width: 8%;
}

.grid--9-p {
  width: 9%;
}

.grid--10-p {
  width: 10%;
}

.grid--11-p {
  width: 11%;
}

.grid--12-p {
  width: 12%;
}

.grid--13-p {
  width: 13%;
}

.grid--14-p {
  width: 14%;
}

.grid--15-p {
  width: 15%;
}

.grid--16-p {
  width: 16%;
}

.grid--17-p {
  width: 17%;
}

.grid--18-p {
  width: 18%;
}

.grid--19-p {
  width: 19%;
}

.grid--20-p {
  width: 20%;
}

.grid--21-p {
  width: 21%;
}

.grid--22-p {
  width: 22%;
}

.grid--23-p {
  width: 23%;
}

.grid--24-p {
  width: 24%;
}

.grid--25-p {
  width: 25%;
}

.grid--26-p {
  width: 26%;
}

.grid--27-p {
  width: 27%;
}

.grid--28-p {
  width: 28%;
}

.grid--29-p {
  width: 29%;
}

.grid--30-p {
  width: 30%;
}

.grid--31-p {
  width: 31%;
}

.grid--32-p {
  width: 32%;
}

.grid--33-p {
  width: 33%;
}

.grid--34-p {
  width: 34%;
}

.grid--35-p {
  width: 35%;
}

.grid--36-p {
  width: 36%;
}

.grid--37-p {
  width: 37%;
}

.grid--38-p {
  width: 38%;
}

.grid--39-p {
  width: 39%;
}

.grid--40-p {
  width: 40%;
}

.grid--41-p {
  width: 41%;
}

.grid--42-p {
  width: 42%;
}

.grid--43-p {
  width: 43%;
}

.grid--44-p {
  width: 44%;
}

.grid--45-p {
  width: 45%;
}

.grid--46-p {
  width: 46%;
}

.grid--47-p {
  width: 47%;
}

.grid--48-p {
  width: 48%;
}

.grid--49-p {
  width: 49%;
}

.grid--50-p {
  width: 50%;
}

.grid--51-p {
  width: 51%;
}

.grid--52-p {
  width: 52%;
}

.grid--53-p {
  width: 53%;
}

.grid--54-p {
  width: 54%;
}

.grid--55-p {
  width: 55%;
}

.grid--56-p {
  width: 56%;
}

.grid--57-p {
  width: 57%;
}

.grid--58-p {
  width: 58%;
}

.grid--59-p {
  width: 59%;
}

.grid--60-p {
  width: 60%;
}

.grid--61-p {
  width: 61%;
}

.grid--62-p {
  width: 62%;
}

.grid--63-p {
  width: 63%;
}

.grid--64-p {
  width: 64%;
}

.grid--65-p {
  width: 65%;
}

.grid--66-p {
  width: 66%;
}

.grid--67-p {
  width: 67%;
}

.grid--68-p {
  width: 68%;
}

.grid--69-p {
  width: 69%;
}

.grid--70-p {
  width: 70%;
}

.grid--71-p {
  width: 71%;
}

.grid--72-p {
  width: 72%;
}

.grid--73-p {
  width: 73%;
}

.grid--74-p {
  width: 74%;
}

.grid--75-p {
  width: 75%;
}

.grid--76-p {
  width: 76%;
}

.grid--77-p {
  width: 77%;
}

.grid--78-p {
  width: 78%;
}

.grid--79-p {
  width: 79%;
}

.grid--80-p {
  width: 80%;
}

.grid--81-p {
  width: 81%;
}

.grid--82-p {
  width: 82%;
}

.grid--83-p {
  width: 83%;
}

.grid--84-p {
  width: 84%;
}

.grid--85-p {
  width: 85%;
}

.grid--86-p {
  width: 86%;
}

.grid--87-p {
  width: 87%;
}

.grid--88-p {
  width: 88%;
}

.grid--89-p {
  width: 89%;
}

.grid--90-p {
  width: 90%;
}

.grid--91-p {
  width: 91%;
}

.grid--92-p {
  width: 92%;
}

.grid--93-p {
  width: 93%;
}

.grid--94-p {
  width: 94%;
}

.grid--95-p {
  width: 95%;
}

.grid--96-p {
  width: 96%;
}

.grid--97-p {
  width: 97%;
}

.grid--98-p {
  width: 98%;
}

.grid--99-p {
  width: 99%;
}

.grid--100-p {
  width: 100%;
}

.grid--1 {
  width: 8.3333333333%;
}

.grid--2 {
  width: 16.6666666667%;
}

.grid--3 {
  width: 25%;
}

.grid--4 {
  width: 33.3333333333%;
}

.grid--5 {
  width: 41.6666666667%;
}

.grid--6 {
  width: 50%;
}

.grid--7 {
  width: 58.3333333333%;
}

.grid--8 {
  width: 66.6666666667%;
}

.grid--9 {
  width: 75%;
}

.grid--10 {
  width: 83.3333333333%;
}

.grid--11 {
  width: 91.6666666667%;
}

.grid--12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .grid--1 {
    width: 8.3333333333%;
  }
  .grid--2 {
    width: 16.6666666667%;
  }
  .grid--3 {
    width: 25%;
  }
  .grid--4 {
    width: 33.3333333333%;
  }
  .grid--5 {
    width: 41.6666666667%;
  }
  .grid--6 {
    width: 50%;
  }
  .grid--7 {
    width: 58.3333333333%;
  }
  .grid--8 {
    width: 66.6666666667%;
  }
  .grid--9 {
    width: 75%;
  }
  .grid--10 {
    width: 83.3333333333%;
  }
  .grid--11 {
    width: 91.6666666667%;
  }
  .grid--12 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .grid--S--1 {
    width: 8.3333333333%;
  }
  .grid--S--2 {
    width: 16.6666666667%;
  }
  .grid--S--3 {
    width: 25%;
  }
  .grid--S--4 {
    width: 33.3333333333%;
  }
  .grid--S--5 {
    width: 41.6666666667%;
  }
  .grid--S--6 {
    width: 50%;
  }
  .grid--S--7 {
    width: 58.3333333333%;
  }
  .grid--S--8 {
    width: 66.6666666667%;
  }
  .grid--S--9 {
    width: 75%;
  }
  .grid--S--10 {
    width: 83.3333333333%;
  }
  .grid--S--11 {
    width: 91.6666666667%;
  }
  .grid--S--12 {
    width: 100%;
  }
}
@media (min-width: 450px) and (max-width: 1024px) {
  .grid--M--1 {
    width: 8.3333333333%;
  }
  .grid--M--2 {
    width: 16.6666666667%;
  }
  .grid--M--3 {
    width: 25%;
  }
  .grid--M--4 {
    width: 33.3333333333%;
  }
  .grid--M--5 {
    width: 41.6666666667%;
  }
  .grid--M--6 {
    width: 50%;
  }
  .grid--M--7 {
    width: 58.3333333333%;
  }
  .grid--M--8 {
    width: 66.6666666667%;
  }
  .grid--M--9 {
    width: 75%;
  }
  .grid--M--10 {
    width: 83.3333333333%;
  }
  .grid--M--11 {
    width: 91.6666666667%;
  }
  .grid--M--12 {
    width: 100%;
  }
}
.push--1 {
  margin-left: 8.3333333333%;
}

.push--2 {
  margin-left: 16.6666666667%;
}

.push--3 {
  margin-left: 25%;
}

.push--4 {
  margin-left: 33.3333333333%;
}

.push--5 {
  margin-left: 41.6666666667%;
}

.push--6 {
  margin-left: 50%;
}

.push--7 {
  margin-left: 58.3333333333%;
}

.push--8 {
  margin-left: 66.6666666667%;
}

.push--9 {
  margin-left: 75%;
}

.push--10 {
  margin-left: 83.3333333333%;
}

.push--11 {
  margin-left: 91.6666666667%;
}

.push--12 {
  margin-left: 100%;
}

.btn.btn--mail.btn--icon, .btn.btn--whatsapp.btn--icon, .btn.btn--linkedin.btn--icon, .btn.btn--x.btn--icon, .btn.btn--twitter.btn--icon, .btn.btn--facebook.btn--icon {
  line-height: 48px;
}
.btn.btn--mail.btn--icon:before, .btn.btn--whatsapp.btn--icon:before, .btn.btn--linkedin.btn--icon:before, .btn.btn--x.btn--icon:before, .btn.btn--twitter.btn--icon:before, .btn.btn--facebook.btn--icon:before {
  width: 100%;
}

.btn.btn--facebook {
  background-color: #3b5998;
  border-color: #4c70ba #2d4373 #2d4373 #4c70ba;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--facebook:before {
  width: 100%;
}
.btn.btn--facebook:focus {
  box-shadow: none;
  background: #2d4373;
  color: #fff;
}
.btn.btn--facebook:hover {
  background-color: #4264aa;
  border-color: #3b5998 #4c70ba #4c70ba #3b5998;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--facebook:active {
  background-color: #4568b2;
  border-color: #3b5998 #4c70ba #4c70ba #3b5998;
  box-shadow: none;
  color: #fff;
}

.btn.btn--twitter {
  background-color: #55acee;
  border-color: #83c3f3 #2795e9 #2795e9 #83c3f3;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--twitter:before {
  width: 100%;
}
.btn.btn--twitter:focus {
  box-shadow: none;
  background: #2795e9;
  color: #fff;
}
.btn.btn--twitter:hover {
  background-color: #6cb7f0;
  border-color: #55acee #83c3f3 #83c3f3 #55acee;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--twitter:active {
  background-color: #75bcf1;
  border-color: #55acee #83c3f3 #83c3f3 #55acee;
  box-shadow: none;
  color: #fff;
}

.btn.btn--x {
  background-color: #000000;
  border-color: #1a1a1a black black #1a1a1a;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--x:before {
  width: 100%;
}
.btn.btn--x:focus {
  box-shadow: none;
  background: black;
  color: #fff;
}
.btn.btn--x:hover {
  background-color: #0d0d0d;
  border-color: black #1a1a1a #1a1a1a black;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--x:active {
  background-color: #121212;
  border-color: black #1a1a1a #1a1a1a black;
  box-shadow: none;
  color: #fff;
}

.btn.btn--linkedin {
  background-color: #0077b5;
  border-color: #0099e8 #005582 #005582 #0099e8;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--linkedin:before {
  width: 100%;
}
.btn.btn--linkedin:focus {
  box-shadow: none;
  background: #005582;
  color: #fff;
}
.btn.btn--linkedin:hover {
  background-color: #0088cf;
  border-color: #0077b5 #0099e8 #0099e8 #0077b5;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--linkedin:active {
  background-color: #008ed9;
  border-color: #0077b5 #0099e8 #0099e8 #0077b5;
  box-shadow: none;
  color: #fff;
}

.btn.btn--whatsapp {
  background-color: #3dbd2a;
  border-color: #57d644 #309321 #309321 #57d644;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--whatsapp:before {
  width: 100%;
}
.btn.btn--whatsapp:focus {
  box-shadow: none;
  background: #309321;
  color: #fff;
}
.btn.btn--whatsapp:hover {
  background-color: #44d130;
  border-color: #3dbd2a #57d644 #57d644 #3dbd2a;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--whatsapp:active {
  background-color: #4cd338;
  border-color: #3dbd2a #57d644 #57d644 #3dbd2a;
  box-shadow: none;
  color: #fff;
}

.btn.btn--mail {
  background-color: #07f;
  border-color: #3392ff #005fcc #005fcc #3392ff;
  box-shadow: none;
  line-height: 48px;
  color: #fff;
}
.btn.btn--mail:before {
  width: 100%;
}
.btn.btn--mail:focus {
  box-shadow: none;
  background: #005fcc;
  color: #fff;
}
.btn.btn--mail:hover {
  background-color: #1a85ff;
  border-color: #0077ff #3392ff #3392ff #0077ff;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}
.btn.btn--mail:active {
  background-color: #248aff;
  border-color: #0077ff #3392ff #3392ff #0077ff;
  box-shadow: none;
  color: #fff;
}

.btn--icon {
  position: relative;
  display: inline-block;
  width: 48px;
  font-weight: normal;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.btn--icon:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn--icon:before {
  width: 100%;
  text-indent: 0;
}

.btn--new-topic, .widget-configurator .widget-configurator__controls .btn-primary,
.widget-configurator .homepage-widget-configurator__controls .btn-primary,
.homepage-widget-configurator .widget-configurator__controls .btn-primary,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary, .btn--insided-brand, .btn--purple, .btn--toggle.preact_voted, .thread--user-liked .thread-meta-item--likes .btn--toggle, .btn--toggle.is-follow, .btn--toggle.is-active, .btn--toggle-on, .btn--toggle.thread-meta-item, .btn--toggle, .btn--cancel, .main-navigation--language-switcher .language-selector, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected, .btn--secondary, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:hover, .event-header-container .event-header-wrapper .event__attending,
.event-header-container .event-header-wrapper .event__attending:hover, .event-header-container .event-header-wrapper .event__ended,
.event-header-container .event-header-wrapper .event__ended:hover,
.event-header-container .event-header-wrapper .event__attended,
.event-header-container .event-header-wrapper .event__attended:hover,
.btn--silent, .btn--insided-secondary-brand, .wysiwyg-editor.wysiwyg-editor-profile__forum_pm .wysiwyg-editor__submit-button, .wysiwyg-editor .wysiwyg-editor__link--selector .btn, .wysiwyg-editor .wysiwyg-editor__submit-button,
.wysiwyg-editor .wysiwyg-editor__form-submit, .private-register .btn, .offline-community .btn, #modal_report .btn, .btn--cta, .btn {
  font-family: var(--config--main-button-base-font-family);
  font-weight: var(--config--main-button-base-font-weight);
  font-size: 14px;
  text-decoration: none;
  text-transform: var(--config--main-button-base-texttransform);
  margin: 0;
  line-height: 48px;
  display: inline-block;
  cursor: pointer;
  border: none;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  transition: all 0.2s;
  -webkit-appearance: none;
  padding: 0 16px;
  min-width: 70px;
}
.btn--new-topic:hover, .widget-configurator .widget-configurator__controls .btn-primary:hover,
.widget-configurator .homepage-widget-configurator__controls .btn-primary:hover,
.homepage-widget-configurator .widget-configurator__controls .btn-primary:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary:hover, .btn--insided-brand:hover, .btn--purple:hover, .thread--user-liked .thread-meta-item--likes .btn--toggle:hover, .btn--toggle-on:hover, .btn--toggle:hover, .btn--cancel:hover, .main-navigation--language-switcher .language-selector:hover, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item:hover, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected:hover, .btn--secondary:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:hover, .event-header-container .event-header-wrapper .event__attending:hover, .event-header-container .event-header-wrapper .event__ended:hover,
.event-header-container .event-header-wrapper .event__attended:hover,
.btn--silent:hover, .btn--insided-secondary-brand:hover, .wysiwyg-editor .wysiwyg-editor__link--selector .btn:hover, .wysiwyg-editor .wysiwyg-editor__submit-button:hover,
.wysiwyg-editor .wysiwyg-editor__form-submit:hover, #modal_report .btn:hover, .btn--cta:hover, .btn:hover {
  text-decoration: none;
}
.wysiwyg-editor.wysiwyg-editor-profile__forum_pm .wysiwyg-editor__submit-button, .wysiwyg-editor .wysiwyg-editor__link--selector .btn, .wysiwyg-editor .wysiwyg-editor__submit-button,
.wysiwyg-editor .wysiwyg-editor__form-submit, .private-register .btn, .offline-community .btn, #modal_report .btn, .btn--cta, .btn {
  color: var(--config-button-cta-color);
  background-color: var(--config-button-cta-background-color);
  border-radius: var(--config-button-cta-border-radius);
  box-shadow: inset 0 0 0 var(--config-button-cta-border-width) var(--config-button-cta-border-color), var(--config-button-cta-box-shadow, transparent 0 0);
}
.wysiwyg-editor .wysiwyg-editor__link--selector .btn:focus, .wysiwyg-editor .wysiwyg-editor__submit-button:focus,
.wysiwyg-editor .wysiwyg-editor__form-submit:focus, #modal_report .btn:focus, .btn--cta:focus, .btn:focus {
  color: var(--config-button-cta-color);
  background-color: var(--config-button-cta-background-color);
  box-shadow: inset 0 0 0 var(--config-button-cta-border-width) var(--config-button-cta-border-color), var(--config-button-cta-box-shadow, transparent 0 0);
}
.wysiwyg-editor .wysiwyg-editor__link--selector .btn:hover, .wysiwyg-editor .wysiwyg-editor__submit-button:hover,
.wysiwyg-editor .wysiwyg-editor__form-submit:hover, #modal_report .btn:hover, .btn--cta:hover, .btn:hover {
  color: var(--config-button-cta-hover-color);
  background-color: var(--config-button-cta-hover-background-color);
  box-shadow: inset 0 0 0 var(--config-button-cta-hover-border-width) var(--config-button-cta-hover-border-color), var(--config-button-cta-hover-box-shadow, transparent 0 0);
}
.wysiwyg-editor .wysiwyg-editor__link--selector .btn:active, .wysiwyg-editor .wysiwyg-editor__submit-button:active,
.wysiwyg-editor .wysiwyg-editor__form-submit:active, #modal_report .btn:active, .btn--cta:active, .btn:active {
  color: var(--config-button-cta-active-color);
  background-color: var(--config-button-cta-active-background-color);
  box-shadow: inset 0 0 0 var(--config-button-cta-active-border-width) var(--config-button-cta-active-border-color), var(--config-button-cta-active-box-shadow, transparent 0 0);
}
.main-navigation--language-switcher .language-selector, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected, .btn--secondary, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:hover, .event-header-container .event-header-wrapper .event__attending,
.event-header-container .event-header-wrapper .event__attending:hover, .event-header-container .event-header-wrapper .event__ended,
.event-header-container .event-header-wrapper .event__ended:hover,
.event-header-container .event-header-wrapper .event__attended,
.event-header-container .event-header-wrapper .event__attended:hover,
.btn--silent, .btn--insided-secondary-brand {
  color: var(--config-button-secondary-color);
  background-color: var(--config-button-secondary-background-color);
  border-radius: var(--config-button-secondary-border-radius);
  box-shadow: inset 0 0 0 var(--config-button-secondary-border-width) var(--config-button-secondary-border-color), var(--config-button-secondary-box-shadow, transparent 0 0);
}
.main-navigation--language-switcher .language-selector:focus, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item:focus, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected:focus, .btn--secondary:focus, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:focus, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:focus,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:focus, .event-header-container .event-header-wrapper .event__attending:focus, .event-header-container .event-header-wrapper .event__ended:focus,
.event-header-container .event-header-wrapper .event__attended:focus,
.btn--silent:focus, .btn--insided-secondary-brand:focus {
  color: var(--config-button-secondary-color);
  background-color: var(--config-button-secondary-background-color);
  box-shadow: inset 0 0 0 var(--config-button-secondary-border-width) var(--config-button-secondary-border-color), var(--config-button-secondary-box-shadow, transparent 0 0);
}
.main-navigation--language-switcher .language-selector:hover, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item:hover, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected:hover, .btn--secondary:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:hover, .event-header-container .event-header-wrapper .event__attending:hover, .event-header-container .event-header-wrapper .event__ended:hover,
.event-header-container .event-header-wrapper .event__attended:hover,
.btn--silent:hover, .btn--insided-secondary-brand:hover {
  color: var(--config-button-secondary-hover-color);
  background-color: var(--config-button-secondary-hover-background-color);
  box-shadow: inset 0 0 0 var(--config-button-secondary-hover-border-width) var(--config-button-secondary-hover-border-color), var(--config-button-secondary-hover-box-shadow, transparent 0 0);
}
.main-navigation--language-switcher .language-selector:active, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item:active, .header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected:active, .btn--secondary:active, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:active, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:active,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:active, .event-header-container .event-header-wrapper .event__attending:active, .event-header-container .event-header-wrapper .event__ended:active,
.event-header-container .event-header-wrapper .event__attended:active,
.btn--silent:active, .btn--insided-secondary-brand:active {
  color: var(--config-button-secondary-active-color);
  background-color: var(--config-button-secondary-active-background-color);
  box-shadow: inset 0 0 0 var(--config-button-secondary-active-border-width) var(--config-button-secondary-active-border-color), var(--config-button-secondary-active-box-shadow, transparent 0 0);
}
.btn--cancel {
  color: var(--config-button-cancel-color);
  background-color: var(--config-button-cancel-background-color);
  border-radius: var(--config-button-cancel-border-radius);
  box-shadow: inset 0 0 0 var(--config-button-cancel-border-width) var(--config-button-cancel-border-color), var(--config-button-cancel-box-shadow, transparent 0 0);
}
.btn--cancel:focus, .btn--cancel:hover {
  color: var(--config-button-cancel-hover-color);
  background-color: var(--config-button-cancel-hover-background-color);
  box-shadow: inset 0 0 0 var(--config-button-cancel-border-width) var(--config-button-cancel-hover-border-color), var(--config-button-cancel-box-shadow, transparent 0 0);
}
.btn--cancel:active {
  color: var(--config-button-cancel-active-color);
  background-color: var(--config-button-cancel-active-background-color);
  box-shadow: inset 0 0 0 var(--config-button-cancel-border-width) var(--config-button-cancel-active-border-color), var(--config-button-cancel-box-shadow, transparent 0 0);
}
.featured-topic__vote, .btn--toggle.thread-meta-item, .btn--toggle {
  color: var(--config-button-toggle-color);
  background-color: var(--config-button-toggle-background-color);
  border-radius: var(--config-button-toggle-border-radius);
  box-shadow: inset 0 0 0 var(--config-button-toggle-border-width) var(--config-button-toggle-border-color), var(--config-button-toggle-box-shadow, transparent 0 0);
}
.featured-topic__vote:hover, .btn--toggle:hover {
  color: var(--config-button-toggle-hover-color);
  background-color: var(--config-button-toggle-hover-background-color);
  box-shadow: inset 0 0 0 var(--config-button-toggle-border-width) var(--config-button-toggle-hover-border-color), var(--config-button-toggle-box-shadow, transparent 0 0);
}
.featured-topic__vote:active, .btn--toggle:active {
  color: var(--config-button-toggle-active-color);
  background-color: var(--config-button-toggle-active-background-color);
  box-shadow: inset 0 0 0 var(--config-button-toggle-border-width) var(--config-button-toggle-active-border-color), var(--config-button-toggle-box-shadow, transparent 0 0);
}

.featured-topic__vote.featured-topic__vote--voted, .btn--toggle.preact_voted, .thread--user-liked .thread-meta-item--likes .btn--toggle, .btn--toggle.is-follow, .btn--toggle.is-active, .btn--toggle-on {
  color: var(--config-button-toggle-on-color);
  background-color: var(--config-button-toggle-on-background-color);
  border-radius: var(--config-button-toggle-on-border-radius);
  box-shadow: inset 0 0 0 var(--config-button-toggle-on-border-width) var(--config-button-toggle-on-border-color), var(--config-button-toggle-on-box-shadow, transparent 0 0);
}
.featured-topic__vote.featured-topic__vote--voted:hover, .btn--toggle.preact_voted:hover, .thread--user-liked .thread-meta-item--likes .btn--toggle:hover, .btn--toggle.is-follow:hover, .btn--toggle.is-active:hover, .btn--toggle-on:hover {
  color: var(--config-button-toggle-on-hover-color);
  background-color: var(--config-button-toggle-on-hover-background-color);
  box-shadow: inset 0 0 0 var(--config-button-toggle-on-border-width) var(--config-button-toggle-on-hover-border-color), var(--config-button-toggle-on-box-shadow, transparent 0 0);
}
.featured-topic__vote.featured-topic__vote--voted:active, .btn--toggle.preact_voted:active, .thread--user-liked .thread-meta-item--likes .btn--toggle:active, .btn--toggle.is-follow:active, .btn--toggle.is-active:active, .btn--toggle-on:active {
  color: var(--config-button-toggle-on-active-color);
  background-color: var(--config-button-toggle-on-active-background-color);
  box-shadow: inset 0 0 0 var(--config-button-toggle-on-border-width) var(--config-button-toggle-on-active-border-color), var(--config-button-toggle-on-box-shadow, transparent 0 0);
}

.btn--purple {
  color: #fff;
  background-color: #ab2692;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.btn--purple:focus {
  color: #fff;
  background-color: #991e82;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.btn--purple:hover {
  color: #fff;
  background-color: #991e82;
  box-shadow: inset 0 0 0 1px #25313b, inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.btn--purple:active {
  color: #fff;
  background-color: #991e82;
  box-shadow: inset 0 0 0 1px #25313b, inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.btn--insided-secondary-brand {
  color: #25313b;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: none;
  line-height: 1;
  height: 40px;
}
.btn--insided-secondary-brand:focus, .btn--insided-secondary-brand:hover, .btn--insided-secondary-brand:active {
  color: #25313b;
  background-color: #f2f2f2;
  box-shadow: none;
}
.widget-configurator .widget-configurator__controls .btn-primary,
.widget-configurator .homepage-widget-configurator__controls .btn-primary,
.homepage-widget-configurator .widget-configurator__controls .btn-primary,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary, .btn--insided-brand {
  color: #fff;
  background-color: #0369e9;
  border-radius: 4px;
  box-shadow: none;
  line-height: 1;
  height: 40px;
}
.widget-configurator .widget-configurator__controls .btn-primary:focus,
.widget-configurator .homepage-widget-configurator__controls .btn-primary:focus,
.homepage-widget-configurator .widget-configurator__controls .btn-primary:focus,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary:focus, .btn--insided-brand:focus, .widget-configurator .widget-configurator__controls .btn-primary:hover,
.widget-configurator .homepage-widget-configurator__controls .btn-primary:hover,
.homepage-widget-configurator .widget-configurator__controls .btn-primary:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary:hover, .btn--insided-brand:hover, .widget-configurator .widget-configurator__controls .btn-primary:active,
.widget-configurator .homepage-widget-configurator__controls .btn-primary:active,
.homepage-widget-configurator .widget-configurator__controls .btn-primary:active,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-primary:active, .btn--insided-brand:active {
  color: #fff;
  background-color: #035bc6;
  box-shadow: none;
}
.btn--S {
  font-size: 13px;
  line-height: 32.5px;
  height: 32.5px;
  min-width: 65px;
  padding: 0 8px;
}

.btn--M {
  line-height: 40px;
  height: 40px;
}

.btn--cta.btn--full-width.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/*
 Boxes

Boxes are areas of content. They define mainly two things: a) how they stand out from their surrounding and b) how items within them are spaced.

    Types: default, bordered, colored and blend

Markup:
<div class="box {$modifiers}">
    <div class="box__content">Button on a div</div>
    <div class='box__content box__pad'>Button on a div</div>
</div>

.box--bordered                    - Box stands out using borders
.box--colored                     - Box stands out using colors
.box--blend                       - Box blends in current background

Styleguide 4.1
*/
/*
 Spatial layout of boxes

How is the space in the box arranged. The padding in the box can be added to the .box itself, or to the .box__content element. The same classnames apply

Markup:
<div class="box">
    <div class="box__content">Default .box__content</div>
    <div class="box__content {$modifiers}">.box__content with modifiers</div>
</div>
<div class="box {$modifiers}">
    <div class="box__content">Default .box__content</div>
    <div class="box__content {$modifiers}">.box__content with modifiers</div>
</div>

.box__pad                   - padding all around
.box__pad--v                - only V-ertical padding
.box__pad--h                - only H-orizontal padding
.box__pad--t                - only T-op padding
.box__pad--b                - only B-ottom padding
.box__unpad                 - horizontal padding on .box can be 'undone' by the box__content

Styleguide 4.1.1.3
*/
.box {
  display: block;
  margin-bottom: 16px;
  background-color: #fff;
}
.box__pad {
  padding: 24px;
}
@media (max-width: 767px) {
  .box__pad {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.box__pad--s {
  padding: 8px;
}

.box__pad--l {
  padding: 32px;
}
@media (max-width: 767px) {
  .box__pad--l {
    padding: 16px;
  }
}

.box__pad--v {
  padding-top: 16px;
  padding-bottom: 16px;
}

.box__pad--b {
  padding-bottom: 16px;
}

.box__pad--h {
  padding-left: 16px;
  padding-right: 16px;
}

.box__unpad {
  margin-left: -16px;
  width: calc(100% + 32px);
}

.box__unpad--l {
  margin-left: -32px;
  width: calc(100% + 32px);
}

.box__unmar {
  margin-bottom: 0;
}

.box__pad--sides--large-only {
  padding: 0 16px;
}
@media (max-width: 767px) {
  .box__pad--sides--large-only {
    padding: 0;
  }
}

.box__pad--sides--mobile-only {
  padding: 0;
}
@media (max-width: 1024px) {
  .box__pad--sides--mobile-only {
    padding: 0 16px;
  }
}

.sections--tab, .list--border--stretch, .list--stretch, .seperator--stretch, .seperator--gap {
  margin-right: -16px;
  margin-left: -16px;
}

.box--bordered {
  border: var(--config--main-border-base-color) 1px solid;
}

.private-message-tooltip .alert-danger, .box--alert {
  background-color: var(--config--main-color-alert);
  color: #fff;
  text-align: center;
  border-radius: var(--borderradius-base);
}
.private-message-tooltip .alert-danger a, .box--alert a {
  color: #fff;
  text-decoration: underline;
}
.private-message-tooltip .alert-danger a:hover, .box--alert a:hover {
  color: #fff;
  text-decoration: none;
}
.private-message-tooltip .alert-danger .errorMessage, .box--alert .errorMessage {
  color: #fff;
  display: inline-block;
  padding: 4px 0;
}

.box--note {
  background-color: var(--config-body-background-color);
  text-align: center;
  word-break: break-word;
}

.box--success {
  background-color: var(--config--main-color-success);
  color: #fff;
  text-align: center;
  border-radius: var(--borderradius-base);
}

.box--info {
  background-color: var(--config--main-color-info);
  color: #fff;
  text-align: center;
}
.box--info a {
  color: #fff;
  text-decoration: underline;
}
.box--info a:hover {
  color: #fff;
}

.private-message-tooltip .alert-danger ul, .box--alert ul, .box--success ul {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.private-message-tooltip .alert-danger ul li:first-child:nth-last-child(1), .box--alert ul li:first-child:nth-last-child(1), .box--success ul li:first-child:nth-last-child(1) {
  list-style: none;
  text-indent: 0;
  padding-left: 0;
}

.box--blend {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.box--unbox {
  margin: 0;
  background-color: transparent;
  border: none;
  padding: 0;
}

.box--rounded {
  border-radius: var(--borderradius-base);
}

.box--profile-fields,
.box--user-badges {
  border-left: 1px solid var(--config--main-border-base-color);
  border-right: 1px solid var(--config--main-border-base-color);
}

.box--profile-fields {
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.box--user-activities {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid var(--config--main-border-base-color);
}
.box--user-activities .has-no-more .table__row:last-child .table__cell {
  border-bottom: none;
}

.box-title {
  color: var(--config-header-color);
}

/*
 Visibility

Some helper classes for granular visibility settings.

Styleguide 2.1.3
*/
.sections__nav .tabs__item--M, .is-hidden-XS, .is-visible-L, .is-visible-M {
  display: block !important;
}

.answer-field .text--meta, .post--pinned-field .text--meta, .widget--tabs .tabs--navigation .tabs__item .icon, .tabs--navigation .tabs__item--S, .forum-featured-image form, .is-hidden {
  display: none !important;
}

.is-transparant {
  visibility: hidden;
}

.is-hidden--loose {
  display: none;
}

.is-visible-S {
  display: none;
}
@media (max-width: 767px) {
  .is-visible-S {
    display: inline;
  }
}

@media (max-width: 1024px) {
  .is-visible-M {
    display: block;
  }
}

@media (min-width: 1025px) {
  .is-visible-L {
    display: block;
  }
}

@media (max-width: 767px) {
  .is-hidden-S {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .is-hidden-M {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .is-hidden-L {
    display: none !important;
  }
}

@media (max-width: 449px) {
  .is-hidden-mobile-only {
    display: none !important;
  }
}

@media (min-width: 450px) {
  .is-hidden-mobile-up {
    display: none !important;
  }
}

@media (min-width: 450px) {
  .is-hidden-tablet-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .position--S--abs {
    position: absolute !important;
    right: 16px;
  }
}

.note {
  position: relative;
  border-radius: var(--borderradius-base);
  padding: 8px;
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: var(--config--main-color-day);
}

.note--ok, .note--success {
  background-color: var(--config--main-color-success);
}

.note--info {
  background-color: var(--config--main-color-info);
}

.note--error,
.note--alert {
  background-color: var(--config--main-color-alert);
  color: #FFF;
}

/*
 Links

By default, all links share a set of properies.

Markup:
<span class="link {$modifiers}">sometext</span><br>
<a href="" class="{$modifiers}">sometext</a><br>
<a href="">basic link (no class)</a>

.link--silent    - A link that takes the properties of it's parent, no hover state either
.link--quiet     - A link that inherits it's parents color but takes default hover color
.link--light     - A light colored link
.link--soft      - A less dark colored link
.link--underline - A link that inherits it's parents color but has underline
.link.icon--b.icon--caret-right - A link with an icon before. Which icon is set through the .icn-name class
.link.icon--a.icon--caret-right - A link with an icon after. Which icon is set through the .icn-name class

Styleguide 5.2
*/
a {
  color: var(--config-anchor-base-color);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: var(--config-anchor-base-hover-color);
  text-decoration: var(--config-anchor-base-hover-decoration);
}

.link {
  color: var(--config-link-base-color);
  text-decoration: none;
  cursor: pointer;
}
.link:hover {
  color: var(--config-link-base-hover-color);
  text-decoration: var(--config-link-hover-decoration);
}
.active.link {
  color: var(--config-link-base-hover-color);
  cursor: default;
}

.link--silent {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.link--silent:hover {
  color: inherit;
  text-decoration: none;
}

.link--quiet, .font--meta .link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.link--quiet:hover, .font--meta .link:hover {
  color: var(--config-anchor-base-hover-color);
  text-decoration: none;
}

.link--light {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.link--light:hover {
  color: #fff;
  text-decoration: underline;
}

.link--soft {
  color: var(--config--main-color-dusk);
  cursor: pointer;
}
.link--soft:hover {
  color: var(--config--main-color-night);
}

.link--underline, .link--underline time {
  cursor: pointer;
}
.link--underline:hover, .link--underline time:hover {
  color: var(--config-anchor-base-hover-color);
}

.link--active {
  color: var(--config-anchor-base-hover-color);
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.link--active:hover {
  color: var(--config-anchor-base-hover-color);
  text-decoration: var(--config-anchor-base-hover-decoration);
}

.link--delete {
  color: var(--config--main-color-alert);
  cursor: pointer;
}
.link--delete:hover {
  color: var(--config--main-color-alert);
}
@media (max-width: 767px) {
  .link--delete {
    display: none;
  }
}

.link--topic {
  display: inline;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.link--text {
  color: var(--config--main-color-night);
  cursor: pointer;
}
.link--text:hover {
  color: var(--config--main-color-brand);
}

.tabs--navigation .tabs__item > a,
.tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs .table .user_data h4 a, .link--header {
  color: var(--config-header-color);
  cursor: pointer;
}
.tabs--navigation .tabs__item > a:hover,
.tabs--navigation .tabs .table .user_data h4 a:hover,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item > a:hover, .link--header:hover {
  color: var(--config--main-color-brand);
}

/*
 Lists

Below are some examples of lists. The classnames in these lists are available as silent classes.

Markup:
<ul class="list {$modifiers}">
    <li>Some tekst</li>
    <li>Some very long text</li>
</ul>

.list--float     - A list with 'floating' children, without bullets
.list--stack     - A list with stacked chidren, without bullets
.list--centre    - A list with centered children
.list--border    - A list with bordered children
.list--border.list--icon.list--icon--caret-right    - A list with centered children
.list--icon      - A list wich children have custom icons. See 'icons' for implementation.
.list--icon.list--icon--bullet2 - A list with a specific bullit (available bullets are defined in $listicons-map

Styleguide 4.4
*/
/*
 Lists with icons

Lists that have an icon as a bullet. This is based on $listicons map.

Markup:
<ul class="list--icon {$modifiers}">
    <li>Some tekst</li>
    <li>Some very long text</li>
</ul>
  .list.list--icon--bullet    - bullet  .list.list--icon--bullet2    - bullet2  .list.list--icon--caret-right    - caret-right  .list.list--icon--arrow-right    - arrow-right  .list.list--icon--checkmark    - checkmark

Styleguide 4.4.1
*/
.list {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.list > li, .list > .list__item {
  position: relative; /* so we can position stuff in it */
}
.list > li, .list > .list__item {
  margin-bottom: 8px;
}

.list--ordered {
  list-style-type: decimal;
  list-style-position: inside;
}
.list--ordered > li, .list--ordered > .list__item {
  text-indent: -1em;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 1em;
}

.list--float, .list--dot-seperated, .list--comma-seperated {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.list--float:after, .list--dot-seperated:after, .list--comma-seperated:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.list--float > li, .list--dot-seperated > li, .list--comma-seperated > li, .list--float > .list__item, .list--dot-seperated > .list__item, .list--comma-seperated > .list__item {
  position: relative; /* so we can position stuff in it */
  float: left;
}
.list--float > li, .list--dot-seperated > li, .list--comma-seperated > li, .list--float > .list__item, .list--dot-seperated > .list__item, .list--comma-seperated > .list__item {
  margin-bottom: 0;
  margin-left: 0;
}
.list--float > .list__item--float-right, .list--dot-seperated > .list__item--float-right, .list--comma-seperated > .list__item--float-right {
  margin-right: 0;
  margin-bottom: 0;
  float: right;
}

.list--comma-seperated > li:after, .list--comma-seperated > .list__item:after {
  content: ", ";
}
.list--comma-seperated > li:last-child:after, .list--comma-seperated > .list__item:last-child:after {
  content: "";
}

.stats-bar .list {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  text-align: center;
}
.stats-bar .list > li, .stats-bar .list > .list__item {
  position: relative; /* so we can position stuff in it */
  display: inline-block;
}
.stats-bar .list > li, .stats-bar .list > .list__item {
  margin-bottom: 0;
}

.list--border {
  border-bottom: solid 1px var(--config--main-border-base-color);
  list-style-type: none;
  padding-left: 0;
}
.list--border--last-in-box.list--border {
  border-bottom: none;
}
.list--border > li, .list--border > .list__item {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  border-top: solid 1px var(--config--main-border-base-color);
}

.list--menu {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-left: 0;
}
.list--menu > li, .list--menu > .list__item {
  position: relative; /* so we can position stuff in it */
}
.list--menu > .list__item {
  margin: 0;
  padding-bottom: 4px;
}
.list--menu > .list__item.list__item--border-top {
  border-top: solid 1px var(--config--main-border-base-color);
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 4px;
}

.list--stretch > li, .list--stretch > .list__item {
  padding-right: 16px;
  padding-left: 16px;
}

.list--border--stretch > li, .list--border--stretch > .list__item {
  padding-right: 16px;
  padding-left: 16px;
}

.list--dot-seperated > li,
.list--dot-seperated > .list__item {
  margin-left: 8px;
}
.list--dot-seperated > li::before,
.list--dot-seperated > .list__item::before {
  content: "\f113";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-family: "insided", sans-serif;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list--dot-seperated > li:before,
.list--dot-seperated > .list__item:before {
  font-size: 3px;
  line-height: 6em;
  line-height: 1.5rem;
  float: left;
  text-align: center;
  padding-right: 8px;
}
.list--dot-seperated > li:first-child,
.list--dot-seperated > .list__item:first-child {
  margin-left: 0;
}
.list--dot-seperated > li:first-child:before,
.list--dot-seperated > .list__item:first-child:before {
  content: "";
  padding-right: 0;
}
.list--dot-seperated > li a,
.list--dot-seperated > .list__item a {
  font-weight: var(--config-meta-link-font-weight);
}
.list--dot-seperated > li.list-item--no-dot:before,
.list--dot-seperated > .list__item.list-item--no-dot:before {
  content: "";
  padding-right: 0;
}
@media (max-width: 767px) {
  .list--dot-seperated > li.list-item--no-dot-S:before,
  .list--dot-seperated > .list__item.list-item--no-dot-S:before {
    content: "";
    padding-right: 0;
  }
}

/*
 CSS table layout

A table layout with CSS. Focused on displaying topics or subforums

Markup:
<div class="table {$modifiers}">
  <div class="table__caption">
    I am a table caption
  </div>
  <div class="table__row--thead">
    <div class="table__cell">I am a cell in a thead</div>
    <div class="table__cell">I am a cell in a thead</div>
    <div class="table__cell">I am a cell in a thead</div>
  </div>
  <div class="table__row">
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
  </div>
    <div class="table__row">
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
  </div>
    <div class="table__row">
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
  </div>
      <div class="table__row">
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
    <div class="table__cell">I am a cell</div>
  </div>
</div>

.table--zebra                                            - A zebraifies the table
.table--bordered                                         - A table with only borders around
.table--row-bordered                                    - A table with only horizontal borders
.table--col-bordered                                    - A table with only vertical borders (column-dividers)
.table--stretch                                          - A table that stretches itself to the size of a box, ignoring box__content--pad
.table--bordered.table--col-bordered                     - A table with borders around and columndividers
.table--bordered.table--row-bordered                     - A table with borders around and horizontal borders
.table--col-bordered.table--row-bordered                - A table with col-dividers and horizontal borders
.table--bordered.table--row-bordered.table--col-bordered - A fully bordered table

Styleguide 4.8
*/
.table {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}
.table .table__row {
  display: table-row;
}
.table .table__row--thead {
  display: table-header-group;
}
.table .table__row--thead > .table__cell {
  padding-bottom: 0;
}
.table .table__caption {
  border-radius: 0 0;
  padding: 16px 0;
  position: relative;
}
.table .table__cell {
  display: table-cell;
  padding: 16px;
  vertical-align: top;
}
.table .table__cell.hide-overflow {
  overflow: hidden;
}
.table--top.table .table__cell {
  vertical-align: top;
}
.table--middle.table .table__cell {
  vertical-align: middle;
}
.table--bottom.table .table__cell {
  vertical-align: bottom;
}
.table--pad-l.table .table__cell {
  padding: 16px;
}

.table .table__row--thead > .table__cell {
  border-bottom: solid 1px var(--config--main-border-base-color);
}
.table .table__cell {
  border-bottom: solid 1px var(--config--main-border-base-color);
}
.table--no-border .table__cell {
  border: 0;
}

.table--pad-v .table__cell {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
}

/*
 Form textual fields

Here we define the general look and feel of textual fields, like inputs and textareas

Markup:
<form class="form {$modifiers}">
    <div class="form__row">
        <div class="first">
            <label>This is a normal text-input</label>
        </div>
        <div class="second">
            <input type="text" />
        </div>
    </div>
    <div class="form__row">
       <div class="first">
            <label>This is an email input</label>
        </div>
        <div class="second">
            <input type="email" />
        </div>
    </div>
    <div class="form__row">
       <div class="first">
            <label>This is a password input</label>
        </div>
        <div class="second">
            <input type="password" />
        </div>
    </div>
    <div class="form__row">
       <div class="first">
            <label>This is a textarea</label>
        </div>
        <div class="second">
            <textarea></textarea>
        </div>
    </div>
</form>

.form--columned                     - Box stands out using colors

Styleguide 5.5.1
*/
input[type=text],
input[type=search],
input[type=email],
input[type=number],
input[type=password],
textarea,
select,
select[multiple] {
  border: solid 1px var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  line-height: 1.5;
  padding: 13px 8px 14px 8px;
  margin: 0;
  font-family: var(--config--main-font-base-stack);
  font-size: 14px;
  width: 100%;
  color: var(--config--main-color-night);
}
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--config-input-focus-color);
}
@media (max-width: 767px) {
  input[type=text]:focus,
  input[type=search]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  textarea:focus,
  select:focus {
    font-size: 1em/16px;
  }
}
input.error[type=text],
input.error[type=search],
input.error[type=email],
input.error[type=number],
input.error[type=password],
textarea.error,
select.error, input.has-error[type=text],
input.has-error[type=search],
input.has-error[type=email],
input.has-error[type=number],
input.has-error[type=password],
textarea.has-error,
select.has-error, .form__row--error input[type=text],
.form__row--error input[type=search],
.form__row--error input[type=email],
.form__row--error input[type=number],
.form__row--error input[type=password],
.form__row--error textarea,
.form__row--error select {
  border-color: var(--config--main-color-alert);
}
input[type=text].textbox--small,
input[type=search].textbox--small,
input[type=email].textbox--small,
input[type=number].textbox--small,
input[type=password].textbox--small,
textarea.textbox--small,
select.textbox--small,
select[multiple].textbox--small {
  padding: 5px 8px 6px 8px;
}

/*
 Form-labels

Define layout and style of a label (or a fake--label). The position of the label (above or before the input) is defined with .form--columned.

Markup:
<form class="form {$modifiers}">
    <div class="form__row">
        <div class="first">
            <label>this is a proper label</label>
        </div>
        <div class="second">
            <input type="text" />
        </div>
    </div>
    <div class="form__row">
        <div class="first">
            <div class="label--fake">this is a FAKE label</div>
        </div>
        <div class="second">
            <div class="choices fancyselect">
                <input type="checkbox" id="c1" name="cb">
                <label for="c1">Option 01</label>
                <input type="checkbox" id="c2" name="cb">
                <label for="c2">Option 02</label>
            </div>
        </div>
    </div>
</form>

.form--columned                     - Box stands out using colors

Styleguide 5.5.2
*/
.widget-configurator .widget-configurator__controls label,
.widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .widget-configurator__controls span.field-label,
.widget-configurator .homepage-widget-configurator__controls label,
.widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .homepage-widget-configurator__controls span.field-label,
.homepage-widget-configurator .widget-configurator__controls label,
.homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .widget-configurator__controls span.field-label,
.homepage-widget-configurator .homepage-widget-configurator__controls label,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .homepage-widget-configurator__controls span.field-label, label, .label--fake {
  line-height: var(--config--main-font-base-lineheight);
  font-weight: bold;
  width: 100%;
  cursor: pointer;
}
.form__row--error .widget-configurator .widget-configurator__controls label, .widget-configurator .widget-configurator__controls .form__row--error label,
.form__row--error .widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .widget-configurator__controls .form__row--error .quick_links_common_settings_title,
.form__row--error .widget-configurator .widget-configurator__controls span.field-label,
.widget-configurator .widget-configurator__controls .form__row--error span.field-label,
.form__row--error .widget-configurator .homepage-widget-configurator__controls label,
.widget-configurator .homepage-widget-configurator__controls .form__row--error label,
.form__row--error .widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .homepage-widget-configurator__controls .form__row--error .quick_links_common_settings_title,
.form__row--error .widget-configurator .homepage-widget-configurator__controls span.field-label,
.widget-configurator .homepage-widget-configurator__controls .form__row--error span.field-label,
.form__row--error .homepage-widget-configurator .widget-configurator__controls label,
.homepage-widget-configurator .widget-configurator__controls .form__row--error label,
.form__row--error .homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .widget-configurator__controls .form__row--error .quick_links_common_settings_title,
.form__row--error .homepage-widget-configurator .widget-configurator__controls span.field-label,
.homepage-widget-configurator .widget-configurator__controls .form__row--error span.field-label,
.form__row--error .homepage-widget-configurator .homepage-widget-configurator__controls label,
.homepage-widget-configurator .homepage-widget-configurator__controls .form__row--error label,
.form__row--error .homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .homepage-widget-configurator__controls .form__row--error .quick_links_common_settings_title,
.form__row--error .homepage-widget-configurator .homepage-widget-configurator__controls span.field-label,
.homepage-widget-configurator .homepage-widget-configurator__controls .form__row--error span.field-label, .form__row--error label, .form__row--error .label--fake {
  font-style: italic;
}
.widget-configurator .widget-configurator__controls label .label--error-required,
.widget-configurator .widget-configurator__controls .quick_links_common_settings_title .label--error-required,
.widget-configurator .widget-configurator__controls span.field-label .label--error-required,
.widget-configurator .homepage-widget-configurator__controls label .label--error-required,
.widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title .label--error-required,
.widget-configurator .homepage-widget-configurator__controls span.field-label .label--error-required,
.homepage-widget-configurator .widget-configurator__controls label .label--error-required,
.homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title .label--error-required,
.homepage-widget-configurator .widget-configurator__controls span.field-label .label--error-required,
.homepage-widget-configurator .homepage-widget-configurator__controls label .label--error-required,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title .label--error-required,
.homepage-widget-configurator .homepage-widget-configurator__controls span.field-label .label--error-required, label .label--error-required, .label--fake .label--error-required {
  color: var(--config--main-color-alert);
  font-weight: var(--config--main-font-base-weight);
}
.choices .widget-configurator .widget-configurator__controls label, .widget-configurator .widget-configurator__controls .choices label,
.choices .widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .widget-configurator__controls .choices .quick_links_common_settings_title,
.choices .widget-configurator .widget-configurator__controls span.field-label,
.widget-configurator .widget-configurator__controls .choices span.field-label,
.choices .widget-configurator .homepage-widget-configurator__controls label,
.widget-configurator .homepage-widget-configurator__controls .choices label,
.choices .widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .homepage-widget-configurator__controls .choices .quick_links_common_settings_title,
.choices .widget-configurator .homepage-widget-configurator__controls span.field-label,
.widget-configurator .homepage-widget-configurator__controls .choices span.field-label,
.choices .homepage-widget-configurator .widget-configurator__controls label,
.homepage-widget-configurator .widget-configurator__controls .choices label,
.choices .homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .widget-configurator__controls .choices .quick_links_common_settings_title,
.choices .homepage-widget-configurator .widget-configurator__controls span.field-label,
.homepage-widget-configurator .widget-configurator__controls .choices span.field-label,
.choices .homepage-widget-configurator .homepage-widget-configurator__controls label,
.homepage-widget-configurator .homepage-widget-configurator__controls .choices label,
.choices .homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .homepage-widget-configurator__controls .choices .quick_links_common_settings_title,
.choices .homepage-widget-configurator .homepage-widget-configurator__controls span.field-label,
.homepage-widget-configurator .homepage-widget-configurator__controls .choices span.field-label, .choices label, .choices .label--fake {
  font-weight: normal;
}

/*
 Radio & Checkboxes

Radio's and checkboxes are styled by replacing the default radio and checkbox by ones from the iconfont. VERY important for this to work is the order of the markup

Markup:
<div class="choices {$modifiers}">
    <input type="checkbox" id="abc{$modifiers}" name="cb">
    <label for="abc{$modifiers}">Option 01</label>
    <input type="checkbox" id="def{$modifiers}" name="cb">
    <label for="def{$modifiers}">Option 02</label>
</div>
<div class="choices {$modifiers}">
    <input type="radio" id="ghi{$modifiers}" name="ab">
    <label for="ghi{$modifiers}">Option 01</label>
    <input type="radio" id="jkl{$modifiers}" name="ab">
    <label for="jkl{$modifiers}">Option 02</label>
</div>

.fancyselect - this makes the selects look fancy
.choices--stacked - if you wanne stack the choices instead of float
.choices--stacked.fancyselect - if you wanne stack the choices instead of float

<input id="attachment__show" type="checkbox" class="switch__checkbox" value="#" />
<label class="switch__label" for="attachment__show">
  <span>{{ t('Forum', 'Attachment') }}</span>
    <div class="switch__inner">
      <span class="switch__switch"></span>
    </div>
</label>

Styleguide 5.5.4
*/
.choices > label {
  padding-right: 8px;
}

.choices--stacked > input, .choices--stacked span > input {
  float: left;
  clear: left;
}
.choices--stacked > label, .choices--stacked span > label {
  float: left;
  width: auto;
}

.fancyselect input[type=checkbox],
.fancyselect input[type=radio] {
  opacity: 0;
  position: absolute;
}
.fancyselect label {
  cursor: pointer;
}
.fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label {
  padding-left: 1.5em;
}
.fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before {
  font-size: 15px;
}
.fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before {
  left: 0;
  width: 1.5em;
}
.fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before {
  color: var(--config--main-border-base-color);
}
.fancyselect input[type=checkbox].error + label:before,
.fancyselect input[type=radio].error + label:before {
  color: var(--config--main-color-alert);
}
.fancyselect input[type=checkbox]:checked + label:before,
.fancyselect input[type=radio]:checked + label:before {
  color: var(--config--main-color-brand);
}
.fancyselect.choices--stacked > label, .fancyselect.choices--stacked span > label {
  width: 100%;
}

.switch__inner {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  border-radius: 20px;
  width: 38px;
  height: 20px;
  margin-right: 8px;
  background: var(--config--main-color-dusk);
  transition: background 0.2s;
}
.switch__inner + span {
  float: left;
  font-weight: normal;
}

.switch__switch {
  display: inline-block;
  margin-top: 2px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s;
}

.switch__checkbox:checked + .switch__label .switch__inner {
  background: var(--config--main-color-success);
}
.switch__checkbox:checked + .switch__label .switch__inner .switch__switch {
  transform: translateX(18px);
}

.switch__checkbox {
  position: absolute;
  left: -9999px;
}

.notifications-settings-form .form__row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: start;
  margin-bottom: 15px !important;
}
.notifications-settings-form .form__row__text {
  padding-left: 16px;
}
.notifications-settings-form .form__row__control {
  position: relative;
  top: 11px;
}
.notifications-settings-form .form__row--reply-extra-options {
  margin-bottom: 10px !important;
}
.notifications-settings-form .choices--stacked.fancyselect.reply-extra {
  margin-top: 7px;
}
.notifications-settings-form .choices--stacked.fancyselect.reply-extra input[type=radio] + label {
  padding-left: 1.75em;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span {
  display: flex;
  justify-content: left;
  flex-direction: row-reverse;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span input {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span input:nth-child(3):checked + label:after {
  left: 0;
  z-index: 0;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span input:nth-child(1):checked + label:after {
  left: 0;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label {
  width: 25px !important;
  height: 20px !important;
  margin: 0;
  display: block;
  float: none;
  position: relative;
  color: transparent;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:before {
  content: "" !important;
  display: block;
  width: 25px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(2):before {
  background-color: #d5d9de;
  border: 1px solid #c7c7c7;
  border-left: 0;
  border-radius: 0 2px 2px 0;
  color: #aeacac;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(4):before {
  background-color: var(--config--main-color-brand);
  border: 1px solid var(--config--main-color-brand);
  border-right: 0;
  border-radius: 2px 0 0 2px;
  color: #fff !important;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(2):after, .notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(4):after {
  content: "";
  background-color: white;
  border: 1px solid #aeacac;
  border-radius: 2px;
  position: absolute;
  top: -2px;
  width: 26px;
  height: 24px;
  display: block;
  padding: 3px;
  z-index: 1;
  transition: all 200ms ease-in-out;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(2):after {
  left: -25px;
}
.notifications-settings-form .choices--stacked.fancyselect.toggle-input > span label:nth-child(4):after {
  left: 25px;
}

.radio-box-button {
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  display: block;
  transition: background 0.25s;
}
.radio-box-button:hover {
  background: var(--config--main-color-day);
}
.radio-box-button.is-active {
  border: 1px solid var(--config--main-color-brand);
  color: var(--config--main-color-brand);
}
.radio-box-button.is-active i:before {
  color: var(--config--main-color-brand);
}
.radio-box-button.is-active:hover {
  background: transparent;
}
.radio-box-button .radio-box-button--content {
  overflow: hidden;
  line-height: 32px;
  padding: 8px;
}
.radio-box-button span {
  float: left;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radio-box-button .icon {
  color: var(--config-create-topic-type-icon-color);
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.radio-box-button .icon:before {
  font-size: 14px;
}
.radio-box-button .fancyselect {
  float: right;
}
.radio-box-button .fancyselect label:before {
  transition: color 0.25s;
}

.optgroup {
  margin-left: 8px;
}
.optgroup .optgroup-header {
  margin-left: -8px;
  font-weight: bold;
}

.datepicker__dd {
  float: left;
  margin-right: 1%;
}

.datepicker__dd--normal {
  width: 33%;
  margin-right: 0.5%;
}
.datepicker__dd--normal:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .datepicker__dd--normal {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.datepicker__dd--day {
  width: 16%;
}
@media (max-width: 767px) {
  .datepicker__dd--day {
    width: 100%;
    margin-bottom: 8px;
  }
}

.datepicker__dd--month {
  width: 20%;
}
@media (max-width: 767px) {
  .datepicker__dd--month {
    width: 100%;
    margin-bottom: 8px;
  }
}

.datepicker__dd--year {
  width: 16%;
}
@media (max-width: 767px) {
  .datepicker__dd--year {
    width: 100%;
    margin-bottom: 8px;
  }
}

/*
 Forms

Define layout and style of a form

Types: default, form--columned

Markup:
<form class="form {$modifiers}">
    <div class="form_row">
        <div class="first">
            <label>label</label>
        </div>
        <div class="second">
            <input type="text" />
        </div>
    </div>
</form>

.form--columned                     - Box stands out using colors

Styleguide 5.5
*/
.form {
  width: 100%;
}
.form .form__row {
  clear: both;
  margin-bottom: 8px;
}
.form .form__row:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.form .form__row.form__row--error {
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  outline: dotted 1px var(--config--main-color-alert);
}
.form .form__row.form__row--split-left, .form .form__row.form__row--split-right {
  clear: initial;
  width: auto;
}
.form .form__row.form__row--split-left {
  float: left;
}
.form .form__row.form__row--split-right {
  float: right;
}
.form .first, .form .second {
  float: left;
  width: 100%;
}
.form .first {
  padding-top: 13.5px;
  padding-right: 0;
  padding-bottom: 13.5px;
  padding-left: 0;
}
.form .second .choices {
  padding-top: 13.5px;
}
.form .second input[type=radio] + label,
.form .second input[type=checkbox] + label {
  display: inline-block;
  width: calc(100% - 30px);
}

.hint {
  display: inline-block;
  width: 100%;
  color: var(--config-meta-text-color);
}

.form__row .note {
  float: left;
  width: 100%;
}

.error-message, .errorMessage {
  padding-top: 8px;
  color: var(--config--main-color-alert);
}

.form--columned {
  max-width: 800px;
}
.form--columned .form__row.form__row--error {
  padding-top: 8px;
  outline: dotted 1px var(--config--main-color-alert);
}
.form--columned .form__row.form__row--error .note {
  width: 60%;
  float: right;
}
.form--columned .form__row.form__row--split-left, .form--columned .form__row.form__row--split-right {
  clear: both;
  width: inherit;
}
.form--columned .form__row.form__row--split-left {
  float: left;
}
.form--columned .form__row.form__row--split-right {
  float: right;
}
.form--columned .first {
  width: 40%;
  padding-top: 13.5px;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 0;
  text-align: right;
}
.form--columned .second {
  float: right;
  width: 60%;
}
.form--columned .hint {
  display: block;
  width: 60%;
}

/*
 Searchbox

The searchbox is a combination of input-field and button. The --large version will fall back to the small-version on smaller screens.

Markup:
<div class="searchbox {$modifiers}">
    <div class="searchbox__input">
        <input type="text" tabindex="3">
    </div>
    <div class="searchbox__button">
        <button  class="btn">search</button>
    </div>
</div>

.searchbox--large - Large MF
.searchbox--small - Tiny MF

Styleguide 5.5.5
*/
.searchbox--large {
  display: inline-block;
  float: left;
  display: flex;
  width: auto;
  float: none;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.searchbox--large:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.searchbox--large .searchbox__input {
  -webkit-appearance: none;
  flex-grow: 1;
}
@media (min-width: 1025px) {
  .searchbox--large .searchbox__input {
    min-width: 360px;
    float: left;
    width: 100%;
    margin-right: 8px;
  }
}
.searchbox--large .searchbox__button {
  float: left;
}
@media (max-width: 1024px) {
  .searchbox--large {
    position: relative;
    display: block;
  }
  .searchbox--large .searchbox__input {
    flex-grow: initial;
    padding-right: 0;
  }
  .searchbox--large .searchbox__input input {
    padding-right: 40px;
  }
  .searchbox--large .searchbox__button {
    position: absolute;
    right: 0;
    top: 0;
  }
  .searchbox--large .searchbox__button .btn {
    color: var(--config--main-color-dusk);
    border: none;
    background-color: transparent;
    box-shadow: none;
    min-width: 40px;
    text-indent: -9999px;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
    position: relative;
  }
  .searchbox--large .searchbox__button .btn:before {
    speak: none;
    font-style: normal;
    font-weight: var(--config--main-font-base-weight);
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .searchbox--large .searchbox__button .btn:before {
    font-family: insided;
    content: "\f13c";
  }
  .searchbox--large .searchbox__button .btn:before {
    text-indent: 0;
    width: 100%;
    left: 0;
    text-align: center;
  }
  .searchbox--large .searchbox__button .btn:before {
    text-align: center;
    display: inline-block;
    position: absolute;
  }
}

.searchbox--small {
  position: relative;
  display: block;
}
.searchbox--small .searchbox__input {
  flex-grow: initial;
  padding-right: 0;
}
.searchbox--small .searchbox__input input {
  padding-right: 40px;
}
.searchbox--small .searchbox__button {
  position: absolute;
  right: 0;
  top: 0;
}
.searchbox--small .searchbox__button .btn {
  color: var(--config--main-color-dusk);
  border: none;
  background-color: transparent;
  box-shadow: none;
  min-width: 40px;
  text-indent: -9999px;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  position: relative;
}
.searchbox--small .searchbox__button .btn:before {
  speak: none;
  font-style: normal;
  font-weight: var(--config--main-font-base-weight);
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.searchbox--small .searchbox__button .btn:before {
  font-family: insided;
  content: "\f13c";
}
.searchbox--small .searchbox__button .btn:before {
  text-indent: 0;
  width: 100%;
  left: 0;
  text-align: center;
}
.searchbox--small .searchbox__button .btn:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}

.search-notification {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
}

/*
 Tag

A basic tag looks like a link. We have a more elaborate version, called tag--pill. When editing a tag, it look different again. It makes sense
to group them in a dl or in a ul.

Markup:
<a href="" class="tag">Tag 1</a>
<dl class="dl--comma-seperated">
    <dt>Tags</dt>
    <dd><a href="" class="tag">taglicious</a></dd>
    <dd><a href="" class="tag">design</a></dd>
    <dd><a href="" class="tag">interface</a></dd>
    <dd><a href="" class="tag">interface</a></dd>
</dl>
<ul class="list list--float">
    <li><a href="" class="tag--pill">taglicious</a></li>
    <li><a href="" class="tag--pill">taglicious</a></li>
    <li><a href="" class="tag--pill">taglicious</a></li>
</ul>
<div class="edit-tags">
    <dl class="dl--comma-seperated">
        <dt>Tags</dt>
        <dd><a href="" class="tag">taglicious</a></dd>
        <dd><a href="" class="tag">design</a></dd>
        <dd><a href="" class="tag">interface</a></dd>
        <dd><a href="" class="tag">interface</a></dd>
    </dl>
</div>

Styleguide 6.6
*/
.public-tags {
  margin-bottom: 8px;
}
.public-tags:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.public-tags li {
  margin-bottom: 8px;
  margin-right: 8px;
}
.public-tags li:last-of-type {
  margin-bottom: 0;
}

.tag {
  color: var(--config--main-color-brand);
  text-decoration: none;
  cursor: pointer;
}
.tag:hover {
  color: var(--config--main-color-brand);
  text-decoration: underline;
}

.tag--pill {
  color: var(--config--main-color-night);
  text-decoration: none;
  cursor: pointer;
  background-color: var(--config-tag-pill-background-color);
  border-radius: var(--borderradius-base);
  display: block;
  float: left;
  border: 1px solid var(--config--main-border-base-color);
  line-height: 1;
  padding: 8px;
}
.tag--pill:hover {
  color: var(--config-tag-pill-hover-color);
  text-decoration: none;
}
.tag--pill:hover, .tag--active.tag--pill {
  outline: 0;
  color: var(--config-tag-pill-hover-color);
  border-color: var(--config-tag-pill-hover-border-color);
  background-color: var(--config-body-background-color);
}

.selectize-control.multi .selectize-input > div {
  padding-right: 8px !important;
  background-color: var(--config--main-color-day);
  font-size: 14px;
  color: var(--config--main-color-dusk-dark);
  border-radius: var(--borderradius-base);
}
.selectize-control.multi .selectize-input > div .remove {
  margin-top: -7px;
  margin-left: 8px;
  color: var(--config--main-color-dusk);
  border: 0;
}
.selectize-control.multi .selectize-input > div .remove:before {
  font-size: 12px;
}
.selectize-control.multi .selectize-input > div .remove:hover {
  color: var(--config--main-color-dusk-dark);
  background: none;
}

.tag--modify:before {
  text-indent: 0;
  position: relative;
  font-size: 13px;
}

/*
 Definition Lists

A definintion list

Markup:
<dl class="{$modifiers}">
    <dt>Brand</dt>
    <dd>Pirelli</dd>
    <dt>Version</dt>
    <dd>Slicks all-weather</dd>
    <dt>Tags</dt>
    <dd>Telefoon</dd>
    <dd>Internet</dd>
    <dd>Magnetron</dd>
    <dt>Date of birth</dt>
    <dd>19th January 1909</dd>
</dl>

.dl--tabular     - Tabular look, every dt only has on dd
.dl--seperated     - A list of multiple dd's
.dl--comma-seperated    - A list of multiple dd's, seperated with a comma

Styleguide 4.5
*/
dl {
  clear: both;
}
dl dt {
  clear: right;
}
dl dt:before {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.dl--tabular {
  margin: 0;
}
.dl--tabular dt, .dl--tabular dd {
  display: inline-block;
  margin: 0;
  padding-right: 4px;
}
.dl--tabular dt {
  float: left;
  width: 60%;
}
.dl--tabular dd {
  float: right;
  width: 40%;
  font-weight: bold;
  clear: right;
}

.dl--seperated, .dl--comma-seperated {
  margin: 0;
  float: left;
}
.dl--seperated dt, .dl--comma-seperated dt, .dl--seperated dd, .dl--comma-seperated dd {
  display: inline;
  width: auto;
  margin: 0;
}
.dl--seperated dt:after, .dl--comma-seperated dt:after {
  content: ": ";
}
.dl--seperated dd:after, .dl--comma-seperated dd:after {
  content: " ";
}
.dl--seperated dd:last-child:after, .dl--comma-seperated dd:last-child:after {
  content: "";
}

.dl--comma-seperated dd:after {
  content: ", ";
}
.dl--comma-seperated dd:last-child:after {
  content: "";
}

/*
 Counter

A small counter-y thingy. If used inside a .list__item, it gets positioned right.

Markup:
<div class="counter {$modifiers}">13</div>
<ul class="list">
    <li class="list__item">This listitem contains a counter<span class="counter">4</span></li>
    <li class="list__item">This listitem contains a counter<span class="counter {$modifiers}">4</span></li>
</ul>

.counter--alert - stronger counter

Styleguide 6.7
*/
.counter {
  display: inline-block;
  text-align: center;
  min-width: 19.5px;
  border-radius: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
.list__item .counter {
  position: absolute;
  right: 16px;
  text-align: right;
}

/*
 Avatars

Displaying a user's avatar.

Markup:
<div class="avatar {$modifiers}">
    <div class="profilepicture">
        <img src="https://yip-en.s3.amazonaws.com/default/user/icons/1400157544_125.jpg" />
    </div>
    <div class="profilelabel">name of label</div>
</div>
<div class="avatar {$modifiers}">
    <div class="profilepicture">
        <img src="https://yip-en.s3.amazonaws.com/default/user/icons/1400157544_125.jpg" />
    </div>
</div>

.avatar--L                  - Large one
.avatar--S                  - Small one
.avatar--XS                 - Extra small one
.avatar--moderator          - A moderator-avatar
.avatar--answer             - Avatar of user that posted comment marked as 'answer'
.avatar--author             - Avatar of user that is the author of a post
.avatar--author.avatar--L   - What a Large avatar with profile-label will look like
.avatar--answer.avatar--S   - What a Small avatar with profile-label will look like
.avatar--answer.avatar--XS  - What a Xsmall avatar with profile-label will look like

Styleguide 6.1
*/
/*
$avatar-border- styles: the border of the avatar when NO modifier like 'moderator' is set.
if you don't want a border around the 'default' avatar, set the width to null. The other properties
will be used for the avatars with a 'moderator'-like modifier
*/
/*
 width of the border around the avatar, if appicable, see above at $avatar-border- variables */
/* for a round avatar, set to 50%, for NO radius set to 'null' */
/*
 default background-color: will show when image fails to load (or is loading) and will be the 'inner' border, which is
 set using the avatar-img-space (below) */
/*
space around the avatar image, within the border (so takes the color of $avatar-background-color
set to $avatar-M-img-space to null for no space
set the other spaces to null for 'default' (i.e.$avatar-M-img-space) space)
*/
.avatar {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.avatar .profilepicture {
  border-radius: 50%;
  background-color: #FFF; /* will be the color of the inner border, if we have this*/
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 1;
}
.avatar .profilepicture:focus-within {
  outline: 1px solid var(--config--main-color-brand);
}
.avatar .profilepicture img {
  width: 100%;
  height: 100%;
  border-color: #FFF; /* will be the color of the inner border, if we have this*/
}
.avatar .profilepicture {
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar .profilepicture img {
  border-radius: 50%;
}
.avatar .profilelabel {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  text-align: center;
}
.avatar .profilelabel img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.avatar .profilelabel {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.avatar--L {
  width: 50px;
  height: 50px;
  font-size: 20px;
}
.avatar--L .profilepicture {
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar--L .profilelabel {
  width: 23px;
  height: 23px;
  line-height: 23px;
}

.avatar--XL {
  width: 100px;
  height: 100px;
  font-size: 50px;
}
.avatar--XL .profilepicture {
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar--XL .profilelabel {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
@media (max-width: 767px) {
  .avatar--XL {
    font-size: 20px;
    width: 50px;
    height: 50px;
  }
  .avatar--XL .profilepicture {
    /* we need to set a border radius here IF we have an avatar-space */
  }
  .avatar--XL .profilelabel {
    width: 23px;
    height: 23px;
    line-height: 23px;
  }
}

.avatar--M {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.avatar--M .profilepicture {
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar--M .profilepicture img {
  border-radius: 50%;
}
.avatar--M .profilelabel {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.avatar--S {
  width: 30px;
  height: 30px;
  font-size: 12px;
}
.avatar--S .profilepicture {
  border-width: 1px;
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar--S .profilepicture img {
  border-radius: 50%;
}
.avatar--S .profilelabel {
  width: 14px;
  height: 14px;
  line-height: 14px;
}

.avatar--XS {
  width: 21px;
  height: 21px;
  font-size: 8px;
}
.avatar--XS .profilepicture {
  border-width: 1px;
  /* we need to set a border radius here IF we have an avatar-space */
}
.avatar--XS .profilepicture img {
  border-radius: 50%;
}
.avatar--XS .profilelabel {
  width: 9px;
  height: 9px;
  line-height: 9px;
}

.avatar--responsive {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.avatar--responsive .profilepicture {
  border-radius: 50%;
  background-color: #FFF; /* will be the color of the inner border, if we have this*/
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 1;
}
.avatar--responsive .profilepicture:focus-within {
  outline: 1px solid var(--config--main-color-brand);
}
.avatar--responsive .profilepicture img {
  width: 100%;
  height: 100%;
  border-color: #FFF; /* will be the color of the inner border, if we have this*/
}
.avatar--responsive .profilelabel {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  text-align: center;
}
.avatar--responsive .profilelabel img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.avatar--responsive .profilelabel {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.avatar--responsive .profilepicture img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.avatar--responsive .profilelabel {
  width: 45%;
  height: auto;
}
.avatar--responsive .profilelabel img {
  width: 100%;
  height: auto;
}

.avatar--fill-parent {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.avatar--fill-parent .profilepicture {
  border-radius: 50%;
  background-color: #FFF; /* will be the color of the inner border, if we have this*/
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 1;
}
.avatar--fill-parent .profilepicture:focus-within {
  outline: 1px solid var(--config--main-color-brand);
}
.avatar--fill-parent .profilepicture img {
  width: 100%;
  height: 100%;
  border-color: #FFF; /* will be the color of the inner border, if we have this*/
}
.avatar--fill-parent .profilelabel {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  text-align: center;
}
.avatar--fill-parent .profilelabel img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.avatar--fill-parent .profilelabel {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.avatar--fill-parent .profilelabel {
  line-height: 0;
}

.twig_default-inbox-conversation .box__content > .box {
  border: 1px solid var(--config--main-border-base-color);
}

.private-messages {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
  border: 1px solid var(--config--main-border-base-color);
}
.private-messages .flag__image {
  padding-right: 16px;
  width: 50px;
}
.private-messages .list {
  border-top: 0;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .private-messages .list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.private-messages .list > li {
  padding: 24px;
}
.private-messages .list > li ul {
  list-style-type: disc;
  margin-top: 16px;
  margin-right: 0;
  margin-bottom: 16px;
  margin-left: 0;
}
.private-messages .list > li .message__more_options > .message-delete {
  margin: -8px 0;
}
.private-messages .list > li:first-child {
  border-top: none;
}
.private-messages .list .message--conversation {
  padding-right: 32px;
}
.private-messages .box__content > .box {
  border: 1px solid #e6e6e9;
}
.private-messages .pagination {
  margin-top: 16px;
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: 16px;
  border-top: 1px solid var(--config--main-border-base-color);
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.private-messages .pagination.bottom {
  margin-bottom: 0px;
  border-bottom: none;
}

.private-messages--overview {
  padding-bottom: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: 16px;
  border: none;
}
.private-messages--overview .list {
  margin-left: -24px;
  margin-right: -24px;
}
.private-messages--overview .box__content > .box {
  border: none;
}

.message .h5 {
  margin-right: 8px;
}
.message .link--underline {
  display: inline-block;
  padding-top: 8px;
}
.message .message__more_options {
  float: right;
}
.message .message__more_options .more__item {
  list-style: none;
  padding: 8px 16px;
  display: block;
  margin: 0;
}
.message .message__more_options .tooltip__content--pm-actions {
  min-width: 100px;
}
.message.unread .message__content {
  font-weight: bold;
}
.message .message__content .deleted {
  color: #9599A2;
  font-style: italic;
}

.userprofile-personal {
  border: 1px solid var(--config--main-border-base-color);
}
.userprofile-personal .flag__image {
  width: 100px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .userprofile-personal .flag__image {
    width: 50px;
  }
}
.userprofile-personal .group__item {
  margin-top: 8px;
  margin-bottom: 8px;
}

.profile__multiselect {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0;
}

.twig_forgot-password-form .pagebox .box__content {
  overflow: auto;
}

.headless_forgot-password-form .pagebox .box__content {
  overflow: auto;
}

.list-item--reputation {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 0;
}

.activities-list .flag__image {
  padding-right: 16px;
  width: 50px;
}
.activities-list .flag__body .flag__image {
  padding-right: 16px;
  width: 40px;
}
.activities-list .user_meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.activities-list .user_meta .username {
  margin-right: 4px;
}
.activities-list .user_meta .useraction {
  margin-right: 8px;
}
.activities-list .user_meta .text--meta {
  margin-left: auto;
}
@media (max-width: 449px) {
  .activities-list .user_meta .useraction {
    order: 3;
    width: 100%;
  }
}

.user_data .user {
  margin-top: 8px;
}

/*
 Signatue

Styleguide 6.5
*/
.signature {
  padding-top: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
  position: relative;
  word-wrap: break-word;
  font-size: 14px;
  color: var(--config-meta-text-color);
}
.signature:before {
  content: "";
  border-top: solid 2px var(--config--main-color-dusk);
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  display: block;
}

.is-follow--following, .is-follow--stop-following {
  display: none;
}

.is-follow--not-following {
  display: block;
}

@media (max-width: 767px) {
  .twig_default-member-profile .box--user-activities .sections__nav.sections__nav--accordion-S > ul.tabs--navigation {
    padding-left: 0;
    padding-right: 0;
  }
  .twig_default-member-profile .box--user-activities .follow-row {
    display: flex;
    padding: 8px;
  }
  .twig_default-member-profile .box--user-activities .sections__nav.sections__nav--accordion-S {
    padding-bottom: 0;
  }
}
.twig_default-member-profile .box--user-activities .follow-row {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  display: inline-flex;
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.widget {
  font-size: 14px;
}
.widget .h4, .widget h4 {
  margin-bottom: 8px;
}
.widget h6 {
  font-family: var(--config--main-font-base-stack);
  font-size: 14px;
  font-weight: var(--config--main-header-font-weight);
}
.widget .flag__image {
  padding-right: 16px;
}
.widget .m-v-S {
  margin-top: 0;
}
.widget .list {
  margin-bottom: 0;
}
.widget .list p {
  margin-bottom: 0;
}
.widget .list.public-tags {
  margin-bottom: 4px;
}
.widget .list li {
  margin-bottom: 16px;
}
.widget .list li:last-child {
  margin-bottom: 0;
}
.widget img {
  max-width: 100%;
}

.widget--navigation a, .widget--loggedin a, .widget--navigation .categories-navigation-link {
  font-size: 14px;
}

.widget--badges a {
  font-size: 14px;
  margin-right: 4px;
}
.widget--badges a .badges-link-text-icon {
  vertical-align: middle;
}

.widget--notification {
  background: var(--config-notification-widget-background-color);
  color: #fff;
  text-align: left;
}
.widget--notification .icon {
  float: right;
}

.widget--stats .box__content > div {
  margin-bottom: 16px;
}
.widget--stats .box__content > div:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .widget--stats .forum-activity .group__item {
    width: 100%;
    margin-bottom: 16px;
  }
}
.widget--stats .who-is-online .list li {
  margin-right: 4px;
  margin-bottom: 4px;
}
.widget--stats .who-is-online .list li:nth-child(5n+5) {
  margin-right: 0;
  margin-bottom: 4px;
}
.widget--stats .who-is-online .list li .tooltip-trigger:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.widget--stats .who-is-online .tooltip {
  display: block;
}
.widget--stats .who-is-online .tooltip .list li {
  float: none;
}
.widget--stats .who-is-online .tooltip .list--badges-small li {
  float: left;
}
.widget--stats .platform-share .p-v-S {
  padding: 0;
}

.widget--likedusers {
  margin-bottom: 0;
}

.widget--trending ol {
  list-style-position: outside;
  padding-left: 20px;
}
.widget--trending li {
  text-indent: 0;
  padding-left: 0;
}
.widget--trending h6 {
  display: inline;
  text-indent: -0.1em;
  width: 97%;
}
.widget--trending h6 a {
  text-indent: 0;
}
.widget--trending .text--meta {
  display: block;
}

.progressive-topic-inline {
  display: flex;
  padding-bottom: 10px;
}
.progressive-topic-inline:last-child {
  padding-bottom: 0;
}

.progressive-topic-inline__avatar {
  float: left;
  clear: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--config--main-color-day);
}

.progressive-topic-inline__titles {
  width: calc(100% - 60px);
  margin-left: 20px;
}

.progressive-topic-inline__title {
  display: inline-block;
  height: 8px;
  width: 60%;
  background-color: var(--config--main-color-day);
}

.progressive-topic-inline__subtitle {
  display: inline-block;
  height: 6px;
  width: 45%;
  background-color: var(--config--main-color-day);
}

.Template-content .content-header {
  color: var(--config-header-color);
}

.main-navigation--wrapper {
  background-color: var(--config-main-navigation-background-color);
  border-bottom: 1px solid var(--config-main-navigation-border-bottom-color);
  border-top: 1px solid var(--config-main-navigation-border-top-color);
  height: 64px;
  display: flex;
  align-items: center;
}
@media (max-width: 449px) {
  .main-navigation--wrapper {
    display: block;
    height: auto;
  }
}
.main-navigation--wrapper .menu-create-topic {
  margin-right: 16px;
}
.main-navigation--wrapper .menu-create-topic i, .main-navigation--wrapper .menu-create-topic span {
  color: inherit;
}
@media (max-width: 579px) {
  body:not(.twig_site-index) .main-navigation--wrapper .menu-create-topic [class^=icon-] {
    font-size: 22px;
  }
  body:not(.twig_site-index) .main-navigation--wrapper .menu-create-topic span {
    display: none;
  }
}
.main-navigation--wrapper [class^=icon-]:not(.no-icons-override-container [class^=icon-]) {
  cursor: pointer;
  height: auto;
  width: auto;
  padding-left: 0;
  color: var(--config--main-color-dusk-dark);
  vertical-align: top;
  line-height: inherit;
  font-size: 14px;
  margin: 0 2px;
}
.main-navigation--wrapper [class^=icon-]:not(.no-icons-override-container [class^=icon-]):before {
  top: auto;
  width: auto;
  vertical-align: top;
}
.main-navigation--wrapper .sitewidth {
  padding-left: 16px;
}
@media (min-width: 1025px) {
  .main-navigation--wrapper .sitewidth {
    padding: 0;
  }
}
.main-navigation--wrapper .sitewidth.sitewidth--search-wrapper {
  padding-left: 0;
  border-top: 1px solid var(--config--main-border-base-color);
}
@media (max-width: 767px) {
  .main-navigation--wrapper .sitewidth.sitewidth--search-wrapper {
    background-color: #fff;
  }
}
.main-navigation--wrapper .sitewidth.sitewidth--search-wrapper .main-navigation--search-wrapper {
  width: 94%;
}
.main-navigation--wrapper .avatar {
  float: none;
  vertical-align: middle;
}
.main-navigation--wrapper .main-navigation--profile-link > .flag .flag__image {
  padding-right: 0;
}
.main-navigation--wrapper .flag .flag-notification {
  right: auto;
  left: -2px;
  border-radius: 50%;
  padding: 0;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 449px) {
  .main-navigation--wrapper .flag .flag-notification {
    top: 5px;
  }
}
.main-navigation--wrapper .dropdown--profile .arrow {
  right: -4px;
}
.main-navigation--wrapper .main-navigation--nav-buttons-wrapper button:not(.language-selector) {
  margin-left: 5px;
}
.main-navigation--wrapper .icon--auto-width {
  display: inline-block !important;
}
.main-navigation--wrapper .icon--auto-width:before {
  display: inline-block !important;
  position: relative !important;
  width: auto;
  height: auto;
  top: auto;
  left: auto;
}
.main-navigation--wrapper .main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link {
  margin-left: 5px;
}

.main-navigation--search-input-wrapper input,
.main-navigation--nav-buttons-wrapper > ul > li,
.main-navigation--nav-buttons .username {
  line-height: 50px;
}

/**
  Breadcrumbs
**/
@media (max-width: 767px) {
  .forum--search .searchbar-in-hero {
    width: calc(100% - 16px);
  }
}

.main-navigation--breadcrumb-wrapper .breadcrumb {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
@media (min-width: 1025px) {
  .main-navigation--breadcrumb-wrapper .breadcrumb {
    padding-left: 0;
  }
}
.twig_site-index .main-navigation--breadcrumb-wrapper .breadcrumb {
  display: none;
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  margin-right: 1em;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:nth-last-child(2)) {
    display: none;
  }
  .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .breadcrumb-item-link, .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .current {
    padding-left: 1em;
  }
  .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child .breadcrumb-item-link:before, .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child .current:before {
    display: none;
  }
  .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .icon--caret-right {
    display: none;
  }
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .icon--caret-left {
  top: 2px;
  font-size: 9px;
  line-height: 2.3em;
  position: absolute;
  left: 0;
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .icon--caret-right {
  top: 2px;
  font-size: 9px;
  line-height: 2.3em;
  position: absolute;
  right: 0;
  color: var(--config-meta-text-color);
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .breadcrumb-item-link, .main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .current {
  position: relative;
  margin-right: 5px;
  color: var(--config--main-color-brand);
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(:first-child):last-child .icon--caret-right {
  display: none;
}
.main-navigation--breadcrumb-wrapper .breadcrumb .breadcrumb-item .current {
  color: var(--config-meta-text-color);
}

.main-navigation-sitewidth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
}
.main-navigation-sitewidth.main-navigation-sitewidth-max-content {
  min-width: min(100vw - 20px, 1140px);
  max-width: 100%;
}

.main-navigation--nav-buttons-wrapper {
  position: relative;
  background-color: var(--config-main-navigation-background-color);
}
.main-navigation--nav-buttons-wrapper > ul {
  margin: 0;
  display: flex;
}
.main-navigation--nav-buttons-wrapper > ul > li {
  float: left;
  position: relative;
  display: flex;
  align-items: center;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link {
  margin-left: 16px;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link .flag {
  width: auto;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link .flag__image {
  width: 30px;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link .dropdown .flag {
  width: 100%;
}
.main-navigation--nav-buttons-wrapper > ul > li.main-navigation--profile-link .dropdown .flag__image {
  width: 40px;
}
.main-navigation--nav-buttons-wrapper .link {
  color: var(--config-main-navigation-nav-link-color);
}
.main-navigation--nav-buttons-wrapper .flag__image {
  vertical-align: middle;
}
@media (max-width: 449px) {
  .main-navigation--nav-buttons-wrapper .main-navigation--profile-link > .user .flag__image {
    display: inline-table;
    padding-right: 0;
  }
  .main-navigation--nav-buttons-wrapper .main-navigation--profile-link > .user .user_data {
    display: none;
  }
  .main-navigation--nav-buttons-wrapper .flag-notification {
    top: -6px;
    right: -4px;
  }
}
@media (max-width: 767px) {
  .main-navigation--nav-buttons-wrapper .flag__image {
    margin-top: -3px;
  }
  .main-navigation--nav-buttons-wrapper > ul > li {
    position: static;
  }
}
@media (min-width: 1025px) {
  .main-navigation--nav-buttons-wrapper {
    margin-right: 10px;
  }
}

.main-navigation--search-wrapper {
  margin-left: auto;
  margin-right: auto;
  min-width: 50%;
}
@media (min-width: 1025px) {
  .main-navigation--search-wrapper {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .main-navigation--search-wrapper {
    line-height: 62px;
    height: 62px;
  }
}
.main-navigation--search-wrapper .bigsearch-input, .main-navigation--search-wrapper .ais-SearchBox-input {
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid var(--config--main-border-base-color);
}
.main-navigation--search-wrapper .bigsearch-input::placeholder, .main-navigation--search-wrapper .ais-SearchBox-input::placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

/**
  Dropdown base
**/
.dropdown {
  position: absolute;
  z-index: 1026;
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 1px 2px 2px rgba(100, 100, 100, 0.2);
  font-size: 14px;
}
.dropdown .arrow {
  position: absolute;
  top: -6px;
  left: 50%;
  width: 40px;
  height: 6px;
  overflow: hidden;
  margin-left: -20px;
}
.dropdown .arrow:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 28.2842712475px;
  height: 28.2842712475px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
}

.dropdown--profile {
  width: 240px;
  right: 0;
  top: 50px;
}
.dropdown--profile .arrow {
  left: auto;
  right: 8px;
}
.dropdown--profile .list--menu {
  padding: 8px 0;
}
@media (max-width: 767px) {
  .dropdown--profile .list--menu {
    padding: 0;
  }
  .dropdown--profile .list--menu li:last-child {
    border-bottom: 0;
  }
}
.dropdown--profile .list__item {
  padding: 0;
  line-height: 32px;
}
.dropdown--profile .list__item a {
  display: block;
  padding: 0 16px;
  height: 100%;
}
.dropdown--profile .list__item .link--quiet {
  color: var(--config-main-navigation-dropdown-color);
}
.dropdown--profile .list__item .link--quiet:hover {
  color: var(--config--main-color-brand);
}
.dropdown--profile .list__item.list__item--border-top {
  margin: 7px 0 0;
  padding: 4px 0 0;
}
.dropdown--profile .list--badges {
  padding: 0 16px;
}
.dropdown--profile .list--badges li {
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .dropdown--profile .list--badges li {
    line-height: 50px;
  }
  .dropdown--profile .list--badges li img {
    display: inline;
    vertical-align: text-bottom;
  }
}
.dropdown--profile .user {
  border-bottom: solid 1px var(--config--main-border-base-color);
  padding: 8px 16px;
}
.dropdown--profile .counter-alert span:first-child {
  position: relative;
}
.dropdown--profile .counter-alert span:first-child:after {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--config--main-color-brand);
  position: absolute;
  right: -16px;
  top: 6px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .dropdown--profile {
    padding-bottom: 0;
    border-left: none;
    border-right: none;
  }
  .dropdown--profile .widget__profile {
    margin-bottom: 0;
  }
  .dropdown--profile .list__item {
    border-bottom: 1px solid var(--config--main-color-dusk-light);
    line-height: 50px;
  }
  .dropdown--profile .list__item.list__item--border-top {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}

.dropdown--search-filter {
  right: 0;
  top: 50px;
  padding: 8px 16px;
}
.dropdown--search-filter li {
  line-height: 32px;
}
.dropdown--search-filter .arrow {
  left: auto;
  right: 33px;
}
@media (min-width: 1025px) {
  .dropdown--search-filter {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .dropdown--search-filter {
    border-right: none;
  }
  .dropdown--search-filter li {
    line-height: 50px;
  }
}
@media (max-width: 449px) {
  .dropdown--search-filter {
    left: 0;
    border-left: none;
  }
}

/*
 Reputation

Visually show someone's reputation. By default this is a horizontal bar that fills up. If you need a different visuallization like a heart...., you're on your own!

Markup:
<div class="reputation {$modifiers}">
    <div class="reputation__level--0"></div>
</div>
<div class="reputation {$modifiers}">
    <div class="reputation__level--1"></div>
</div>
<div class="reputation {$modifiers}">
    <div class="reputation__level--3"></div>
</div>
<div class="reputation {$modifiers}">
    <div class="reputation__level--5"></div>
</div>

.reputation--S - small variant

Styleguide 6.3
*/
.reputation {
  width: 40px;
  height: 8px;
  margin-right: 8px;
  background-color: var(--config--main-color-dusk-light);
  overflow: hidden;
  border-radius: 2px;
}
.reputation--L.reputation {
  height: 8px;
  width: 80px;
}

/* we create placeholders for every step except the last one, because we want to make sure that is exactly 100%*/
.reputation__level--1 {
  width: 14.2857142857%;
}

.reputation__level--2 {
  width: 28.5714285714%;
}

.reputation__level--3 {
  width: 42.8571428571%;
}

.reputation__level--4 {
  width: 57.1428571429%;
}

.reputation__level--5 {
  width: 71.4285714286%;
}

.reputation__level--6 {
  width: 85.7142857143%;
}

[class^=reputation__level] {
  position: relative;
  height: 100%;
  background-color: var(--config--main-color-brand);
  text-indent: -9999px;
}
.reputation__level--0[class^=reputation__level] {
  width: 1px;
}
.reputation__level--7[class^=reputation__level] {
  width: 100%;
}

.sections__nav {
  display: block;
}
.sections__nav > .tabs--navigation, .sections__nav > ul,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation, .sections__nav > .tabs--nav__container .tabs--nav ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: solid 1px var(--config--main-border-base-color);
}
.sections__nav > .tabs--navigation:after, .sections__nav > ul:after,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation:after, .sections__nav > .tabs--nav__container .tabs--nav ul:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.sections__nav > .tabs--navigation > li, .sections__nav > .tabs--navigation > .list__item, .sections__nav > ul > li, .sections__nav > ul > .list__item,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .list__item, .sections__nav > .tabs--nav__container .tabs--nav ul > li, .sections__nav > .tabs--nav__container .tabs--nav ul > .list__item {
  position: relative; /* so we can position stuff in it */
  float: left;
}
.sections__nav > .tabs--navigation > .tabs__item, .sections__nav > .tabs--navigation > li, .sections__nav > ul > .tabs__item, .sections__nav > ul > li,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item, .sections__nav > .tabs--nav__container .tabs--nav ul > li {
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: -1px;
}
@media (max-width: 767px) {
  .sections__nav > .tabs--navigation > .tabs__item, .sections__nav > .tabs--navigation > li, .sections__nav > ul > .tabs__item, .sections__nav > ul > li,
  .sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item,
  .sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item, .sections__nav > .tabs--nav__container .tabs--nav ul > li {
    margin: 0;
    float: none;
  }
  .tabs--spaced .sections__nav > .tabs--navigation > .tabs__item, .tabs--spaced .sections__nav > .tabs--navigation > li, .tabs--spaced .sections__nav > ul > .tabs__item, .tabs--spaced .sections__nav > ul > li,
  .tabs--spaced .sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item,
  .tabs--spaced .sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li, .tabs--spaced .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item, .tabs--spaced .sections__nav > .tabs--nav__container .tabs--nav ul > li {
    margin: 0 8px;
  }
}
.sections__nav > .tabs--navigation > .tabs__item > a, .sections__nav > .tabs--navigation > li > a, .sections__nav > ul > .tabs__item > a, .sections__nav > ul > li > a,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li > a, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item > a, .sections__nav > .tabs--nav__container .tabs--nav ul > li > a {
  color: var(--config-meta-text-color);
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  padding: 8px 8px;
  border-bottom: solid 2px transparent;
  width: 100%;
}
.sections__nav > .tabs--navigation > .tabs__item > a:hover, .sections__nav > .tabs--navigation > li > a:hover, .sections__nav > ul > .tabs__item > a:hover, .sections__nav > ul > li > a:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li > a:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item > a:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > li > a:hover {
  color: var(--config-anchor-base-hover-color);
  text-decoration: none;
}
.sections__nav > .tabs--navigation > .tabs__item > a.is-active, .sections__nav > .tabs--navigation > li > a.is-active, .sections__nav > ul > .tabs__item > a.is-active, .sections__nav > ul > li > a.is-active,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li > a.is-active, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item > a.is-active, .sections__nav > .tabs--nav__container .tabs--nav ul > li > a.is-active {
  color: var(--config--main-color-night);
  text-decoration: none;
  cursor: pointer;
  border-bottom-color: var(--config--main-color-brand);
}
.sections__nav > .tabs--navigation > .tabs__item > a.is-active:hover, .sections__nav > .tabs--navigation > li > a.is-active:hover, .sections__nav > ul > .tabs__item > a.is-active:hover, .sections__nav > ul > li > a.is-active:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li > a.is-active:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item > a.is-active:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > li > a.is-active:hover {
  color: var(--config--main-color-night-light);
  text-decoration: none;
}
.sections__nav > .tabs--navigation > .tabs__item.current > a, .sections__nav > .tabs--navigation > li.current > a, .sections__nav > ul > .tabs__item.current > a, .sections__nav > ul > li.current > a,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item.current > a,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li.current > a, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item.current > a, .sections__nav > .tabs--nav__container .tabs--nav ul > li.current > a {
  color: var(--config--main-color-night);
  text-decoration: none;
  cursor: pointer;
  border-bottom-color: var(--config--main-color-brand);
}
.sections__nav > .tabs--navigation > .tabs__item.current > a:hover, .sections__nav > .tabs--navigation > li.current > a:hover, .sections__nav > ul > .tabs__item.current > a:hover, .sections__nav > ul > li.current > a:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item.current > a:hover,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation > li.current > a:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > .tabs__item.current > a:hover, .sections__nav > .tabs--nav__container .tabs--nav ul > li.current > a:hover {
  color: var(--config--main-color-night-light);
  text-decoration: none;
}
.sections__nav > .tabs--navigation + .tabs--navigation, .sections__nav > ul + .tabs--navigation,
.sections__nav > .tabs--nav__container .tabs--nav .tabs--navigation + .tabs--navigation, .sections__nav > .tabs--nav__container .tabs--nav ul + .tabs--navigation {
  border-bottom: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .sections__nav.sections__nav--accordion-S > .tabs--navigation,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation {
    border-bottom: none;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item {
    border: 1px solid var(--config--main-border-base-color);
    border-radius: var(--borderradius-base);
    margin-top: 8px;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a {
    border: none;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a .icon,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a .icon {
    float: right;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a .icon--caret-up, .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a .Template-footer .scroll-to-top-sticky-button, .Template-footer .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a .scroll-to-top-sticky-button, .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a .js-scrollto,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a .icon--caret-up,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a .Template-footer .scroll-to-top-sticky-button,
  .Template-footer .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a .scroll-to-top-sticky-button,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a .js-scrollto {
    display: none;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a.is-active .icon--caret-up, .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a.is-active .Template-footer .scroll-to-top-sticky-button, .Template-footer .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a.is-active .scroll-to-top-sticky-button, .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a.is-active .js-scrollto,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active .icon--caret-up,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active .Template-footer .scroll-to-top-sticky-button,
  .Template-footer .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active .scroll-to-top-sticky-button,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active .js-scrollto {
    display: block;
  }
  .sections__nav.sections__nav--accordion-S > .tabs--navigation > .tabs__item > a.is-active .icon--caret-down,
  .sections__nav.sections__nav--accordion-S > .tabs--nav__container .tabs--nav .tabs--navigation > .tabs__item > a.is-active .icon--caret-down {
    display: none;
  }
}
.sections__nav .tabs__item--M {
  display: none;
}
@media (min-width: 768px) {
  .sections__nav .tabs__item--M {
    display: inline-block;
  }
}
.sections__nav .tabs__item--S {
  display: block;
}
@media (min-width: 768px) {
  .sections__nav .tabs__item--S {
    display: none;
  }
}

.sections__nav--right .tabs--navigation .tabs__item {
  float: right;
}

.sections__content {
  padding-top: 16px;
  padding-bottom: 16px;
}

.section {
  padding: 16px;
}

.Topic-navigation-sort {
  margin-top: -43px; /*arbitrary number, we want to move up the navigation so it sits in one line with the header */
}
@media (max-width: 767px) {
  .Topic-navigation-sort {
    margin-top: 0;
  }
}

/*
 Pagination

Basic pagination. Six 'silent' classes will be created for common patterns. If neither of those pattersn applies you can create your own.
To see all patterns in action, set the variable $styleguide to true. (on a client's styleguide, you'll only see the pagination that is outputted)

Markup:
    <ul class="pages {$modifiers}"><li class="prev"><a href="#">previous</a></li><li class="page current"><a href="/index-1.html" data-page="1">1</a></li><li class="page"><a href="/index-2.html" data-page="2">2</a></li><li class="page"><a href="/index-3.html" data-page="3">3</a></li><li class="page"><a href="/index-4.html" data-page="4">4</a></li><li class="gap"><span>...</span></li><li class="page"><a href="/index-22.html" data-page="22">22</a></li><li class="next"><a href="/index-2.html">Next</a></li></ul>

.paging--1     - Only pages are painted
.paging--2     - Everything painted
.paging--3    - Prev/next NOT painted
.paging--4    - Gap NOT painted
.paging--5    - Only prev/next painted (and .current)
.paging--6    - Only current painted

Styleguide 5.3
*/
.pagination-icon-container {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
}
.pagination-icon-container a {
  width: 24px;
  height: 24px;
}
.pagination-icon-container.no-border {
  border: none;
}
.pagination-icon-container:hover, .pagination-icon-container:active, .pagination-icon-container:focus {
  background-color: #f6f6f6;
}
.is-hidden-mobile-only .pagination-icon-container {
  margin: 0 16px;
}

.pagination {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: solid 1px var(--config--main-border-base-color);
  display: flex;
  justify-content: center;
}
.pagination.is-hidden-mobile-up {
  display: flex;
  justify-content: center;
  padding-right: 21px;
  height: 32px;
  align-items: center;
}
.category-page .pagination.is-hidden-mobile-up {
  align-items: center;
}
.twig_page-topic .pagination.is-hidden-mobile-up {
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: solid 1px var(--config--main-border-base-color);
  height: auto;
}
.pagination.is-hidden-mobile-up .pagination-current {
  margin: 0 4px;
  color: var(--config--main-color-night);
  display: flex;
  align-items: center;
}
.pagination.is-hidden-mobile-up a {
  color: var(--config--main-color-night);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination.is-hidden-mobile-up i {
  line-height: 1;
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination.is-hidden-mobile-up i:before {
  position: static;
}
.pagination.is-hidden-mobile-up .next i {
  margin-left: 1px;
}
.pagination.is-hidden-mobile-up .pages > span {
  width: auto;
}

.pages {
  display: flex;
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  border-collapse: collapse;
}
.pages > div, .pages li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--config--main-font-base-stack);
  color: var(--config--main-color-night);
  line-height: 30px;
  min-width: 24px;
  height: 24px;
  margin: 0 4px;
}
.pages > div.current a, .pages li.current a {
  background-color: var(--config--main-color-night);
  color: #fff;
}
.pages > div.pagination-icon-container.pagination-prev, .pages li.pagination-icon-container.pagination-prev {
  left: -50px;
}
.pages > div.pagination-icon-container.pagination-first, .pages li.pagination-icon-container.pagination-first {
  left: -90px;
}
.pages > div.pagination-icon-container.pagination-next, .pages li.pagination-icon-container.pagination-next {
  right: -50px;
}
.pages > div.pagination-icon-container.pagination-last, .pages li.pagination-icon-container.pagination-last {
  right: -90px;
}
.pages .next, .pages .prev {
  position: relative;
}
.pages .next:hover, .pages .prev:hover {
  background: none;
}
.pages .next i, .pages .prev i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pages .next > i {
  left: 1px;
}
.pages a, .pages span {
  color: var(--config--main-color-night);
  text-align: center;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages a {
  border-radius: 2px;
  color: var(--config--main-color-night);
  text-decoration: none;
  padding: 0 4px;
}
.pages a:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}
.pages .tooltip .position--bottom.tooltip__content {
  top: 21px;
}
.pages .tooltip .position--top.tooltip__content {
  bottom: 38px;
}

.pages li.current {
  color: var(--config-pagination-active-page-color);
  border-radius: 2px;
}

.pill {
  display: inline-block;
  background: var(--config--main-color-dusk-dark);
  padding: 4px;
  color: var(--config-pill-color);
  border-radius: var(--borderradius-base);
  line-height: 1;
  font-size: 11px;
  font-family: var(--config--main-font-base-stack);
}
.pill.pill--answer {
  background: var(--config-thread-pill-answer-background-color);
  color: #fff;
}
.pill.pill--question {
  background: var(--config-thread-pill-question-background-color);
  color: var(--config-thread-pill-question-color);
}
.pill.pill--info {
  background: var(--config-thread-pill-question-background-color);
}
.pill.pill--uppercase {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pill.pill--sticky {
  background: var(--config-thread-pill-sticky-background-color);
  color: var(--config-thread-pill-sticky-color);
}
.pill.pill--align-top {
  vertical-align: top;
}
.pill.pill--article {
  background: var(--config--main-color-brand);
  color: var(--config-content-type-article-color);
}
.pill.pill--product-update, .pill.pill--productUpdate {
  background: var(--config--main-color-brand);
  color: var(--config-content-type-article-color);
}
.pill.pill--inline {
  position: relative;
  top: -2px;
  margin-right: 4px;
  font-size: 9px;
}
.pill.pill--author {
  background-color: var(--config-thread-pill-author-background-color);
  color: var(--config-thread-pill-author-color);
}
.insided-control .pill.pill--author {
  background-color: #0369e9;
  color: #fff;
}

.idea-status-pill {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 8px;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
}

.mfp-wrap .mfp-inline-holder .mfp-content {
  width: 570px;
  background: #fff;
  border-radius: var(--borderradius-base);
}

.mfp-wrap .mfp-inline-holder .mfp-content > * {
  padding: 32px;
}
.mfp-wrap .mfp-inline-holder .mfp-content .mfp-close {
  top: 8px;
  right: 8px;
}
@media (max-width: 767px) {
  .mfp-wrap .mfp-inline-holder .mfp-content {
    width: 100%;
  }
}
.mfp-wrap .mfp-image-holder .mfp-close {
  width: auto;
  padding: 0 6px 0 10px;
}
.mfp-wrap .mfp-image-holder .mfp-img {
  padding: 0;
  margin: 40px auto;
}
.modal--bbcode.mfp-wrap .mfp-inline-holder .mfp-content {
  width: 580px;
}
@media (max-width: 767px) {
  .modal--bbcode.mfp-wrap .mfp-inline-holder .mfp-content {
    width: auto;
    max-width: 580px;
  }
  .modal--bbcode.mfp-wrap .mfp-inline-holder .mfp-content .table .table__row {
    display: block;
    border: solid 1px var(--config--main-color-dusk-light);
    margin-bottom: 16px;
  }
  .modal--bbcode.mfp-wrap .mfp-inline-holder .mfp-content .table .table__cell {
    display: block;
    border-bottom: solid 1px var(--config--main-color-dusk-light);
    background: var(--config--main-color-day);
  }
  .modal--bbcode.mfp-wrap .mfp-inline-holder .mfp-content .table .table__cell:last-of-type {
    border: none;
    background: none;
  }
}
.mfp-wrap .modal-crop__bottom {
  text-align: center;
}

/*
  The overlay of the lightbox gets an inline position and height based on the viewport size.
  We need to force it by this styling to get the overlay full height instead of only the viewport height
*/
.mfp-bg {
  height: 100% !important;
  position: fixed !important;
}

/* and a chrome ios specific fix for z-indexing the background and wrap again */
.mfp-wrap {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

/*
 Post

Displaying a single 'post' in forum: firstpost or comment.
A post has a fixed padding-left and -right that equals the width of the avatar in use

Markup:
<div class="post">
    <div class="post__header">post header</div>
    <div class="post__content">post content</div>
    <div class="post__footer">post footer</div>
</div>

.post--first  - First post

Styleguide 5.14
*/
.post {
  position: relative;
}
@media (max-width: 767px) {
  .post {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .post:last-of-type:last-of-type {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .post .seperator:not(.is-transparant) {
    margin-bottom: -24px;
  }
}
.post .icon--share {
  cursor: default;
}
.post .tooltip--share .tooltip__content {
  white-space: nowrap;
  max-width: none;
  border-radius: 8px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.post .tooltip--share .tooltip__content i.arrow {
  left: 96px;
}
.post .tooltip--share .tooltip__content > a {
  border-radius: 4px;
}
.post .tooltip--share .btn--icon {
  padding: 0;
  width: 48px;
  min-width: 48px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
}

@media (max-width: 767px) {
  .post__header {
    margin-left: 0;
  }
}
.post__header .flag__body {
  border-bottom: 1px var(--config--main-border-base-color) solid;
}
.post__header .tooltip {
  display: inline-block;
}

.post__user__info {
  position: absolute;
  width: 40px;
}
@media (max-width: 767px) {
  .post__user__info {
    width: 21px;
    margin-right: 8px;
    position: relative;
    float: left;
  }
}
.post__user__info .avatar {
  float: none;
  display: block;
  margin-right: 0;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .post__user__info .avatar {
    width: 21px;
    height: 21px;
  }
  .post__user__info .avatar .profilepicture {
    border-width: 1px;
    /* we need to set a border radius here IF we have an avatar-space */
  }
  .post__user__info .avatar .profilepicture img {
    border-radius: 50%;
  }
  .post__user__info .avatar .profilelabel {
    width: 9px;
    height: 9px;
    line-height: 9px;
  }
}
.post__user__info .tooltip {
  display: block;
  margin-bottom: 8px;
}
.post__user__info .tooltip .reputation {
  width: 100%;
}
@media (max-width: 767px) {
  .post__user__info .reputation {
    display: none;
  }
}
.post__user__info .list--badges-small {
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.post__user__info .list--badges-small.badges-aligned img {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.post__user__info .list--badges-small img {
  flex: 0 1 auto;
}
.post__user__info .list--badges-small .badgeCounter {
  flex: 0 1 40%;
  align-self: flex-end;
}

.post__user__meta .text--meta {
  font-size: 14px;
}
.post__user__meta .text--meta .list-item--float-right {
  float: right;
  padding-right: 0;
}
.post__user__meta .text--meta .list-item--float-right .post__date {
  color: var(--config--main-color-night);
}

.post__user__meta,
.post__content,
.post__edit,
.post__footer,
.pinned-reply__label--comments {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 56px;
}
.insided-control .post__user__meta,
.insided-control .post__content,
.insided-control .post__edit,
.insided-control .post__footer,
.insided-control .pinned-reply__label--comments {
  padding-left: 0;
}
@media (max-width: 767px) {
  .post__user__meta,
  .post__content,
  .post__edit,
  .post__footer,
  .pinned-reply__label--comments {
    padding-left: 0;
  }
}

.pinned-reply__label--comments {
  margin: 8px 0;
}

.post__content {
  margin-top: 8px;
  margin-bottom: 24px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.post__content a {
  text-decoration: underline;
  max-width: 100%;
}
.post__content img {
  max-width: 100%;
}
.post__content figure {
  padding: 0;
  margin: 0 0 7px;
}
.post__content figure.right-aligned-image {
  float: right;
  max-width: 200px;
}
.post__content figure figcaption {
  padding: 7px 5px 10px;
  background: var(--config-body-background-color);
  text-align: center;
  margin: 0;
}
.post__content figure > img {
  display: block;
  max-width: 100%;
}
.post__content code {
  line-height: 1 !important;
  color: #e01e5a;
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 1px;
  border-radius: 3px;
}
.post__content blockquote {
  display: block;
  font-style: italic;
  border-left: 2px solid #e3e4ec;
  padding-left: 16px;
  padding-bottom: 8px;
  margin: 0;
}
.post__content blockquote :last-child {
  margin-bottom: 0;
}
.post__content img[src*=emojione] {
  background: none !important;
  width: 16px;
  height: 16px;
}

@media (max-width: 767px) {
  .post__date {
    top: 0;
    right: 0;
  }
}

.post__like-list {
  overflow: hidden;
  height: 0;
  transition: 0.3s;
}

.post-like-list {
  display: flex;
}

.topic-liked-users__trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.topic-liked-users__trigger:focus-visible {
  outline: 2px solid var(--config--main-color-brand);
  outline-offset: 2px;
  border-radius: 2px;
}
.topic-liked-users__trigger .avatar {
  margin-left: -8px;
}
.topic-liked-users__trigger .avatar:first-child {
  margin-left: 0;
}

.post-like-list__avatars {
  float: left;
  padding-right: 8px;
  display: flex;
  flex-direction: row-reverse;
}
.post-like-list__avatars .avatar {
  margin-left: -8px;
}
.post-like-list__avatars .avatar .profilepicture {
  border: 1px solid var(--config--main-border-base-color);
}
.post-like-list__avatars .avatar:last-child {
  margin-left: 0;
}
.post-like-list__avatars .avatar + .avatar {
  z-index: 2;
}
.post-like-list__avatars .avatar + .avatar + .avatar {
  z-index: 1;
}

.post-like-list__info .link--quiet {
  transition: 0.2s;
}
.post-like-list__info .link--quiet:hover {
  text-decoration: underline;
}

.post-like-list__complete-list {
  padding: 4px;
  max-height: 190px;
  overflow-y: auto;
  overflow-x: hidden;
}
.post-like-list__complete-list .link {
  display: block;
}
.post-like-list__complete-list .user {
  margin-bottom: 8px;
  margin-right: 16px;
  width: auto;
  min-width: 100%;
}
.post-like-list__complete-list .user:last-child {
  margin-bottom: 0;
}
.post-like-list__complete-list .flag__image {
  width: 30px;
  padding-right: 8px;
}
.post-like-list__complete-list .user__data {
  white-space: nowrap;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}

.post__actions .tooltip {
  display: inline-block;
  height: auto;
}

.display-as-link {
  cursor: pointer;
  color: var(--config-anchor-base-color);
}

.post__action-item {
  margin-bottom: 0 !important;
  line-height: 1.3;
  float: left;
  margin-right: 16px;
}
.post__action-item:first-child {
  margin-left: -10px;
}
@media (max-width: 767px) {
  .post__action-item {
    width: 32px;
    margin-right: 24px;
  }
}

.post__action-item--more {
  margin-left: auto;
  margin-right: 0;
}

button.post__action-link {
  color: var(--config-anchor-base-color);
  font-size: 14px;
  border: none;
}

.post__action-link {
  line-height: 20px;
  padding: 0 10px;
  margin: 0;
  min-height: 20px;
}
.post__action-link[class*=icon]::before {
  color: var(--config-topic-page-post-actions-icon-color);
  position: relative;
  vertical-align: text-bottom;
}
.post__action-link:hover {
  color: var(--config-anchor-base-hover-color);
}
.post__action-link.is-active, .post__action-link.is-active.icon--b::before {
  color: var(--config-topic-page-post-actions-active);
}
.post__action-link.is-active.icon--b::before {
  color: var(--config-topic-page-post-actions-active);
}
.post__action-link.is-active.tooltip__content {
  font-weight: var(--config--main-font-base-weight);
}
@media (max-width: 767px) {
  .post__action-link:hover {
    color: var(--config-topic-page-post-actions-icon-color);
  }
  .post__action-link.qa-link-subscribe:not(.is-active).icon--b:hover::before {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--config-topic-page-post-actions-icon-color);
  }
  .post__action-link .js-like-total {
    text-indent: 0;
    float: left;
  }
}

.post__action-link__text {
  display: inline-block;
  margin-left: 4px;
  float: right;
}
@media (max-width: 767px) {
  .post__action-link__text {
    display: none;
  }
}

.post__action-dropdown-item {
  padding: 0;
  margin: 0 !important;
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.post__action-dropdown-item:last-child {
  border: 0;
}

.post__action-dropdown-link {
  display: block;
  padding: 8px 16px;
}

.post--bestanswer {
  border: 1px var(--config-thread-list-best-answer-border-color) solid;
  background: var(--config-thread-list-best-answer-background-color);
}

.post--modbreak {
  border: 1px var(--config-thread-list-mod-break-border-color) solid;
  background: var(--config-thread-list-mod-break-background);
}

.post--pinned {
  position: relative;
  z-index: 1;
  border: 1px var(--config--main-color-brand) solid;
}

.topic__header {
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .topic__header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.topic__header .pill {
  margin-bottom: 8px;
  font-size: 12px;
  margin-right: 4px;
}
.topic__header .button-vote {
  margin-right: 10px;
}
.topic__header .button-vote + span {
  line-height: 54px;
  vertical-align: bottom;
}

.seperator_topic_helpfulness:last-child {
  display: none;
}

.topic__title {
  line-height: 1.2;
  font-weight: var(--config-topic-page-header-font-weight);
  color: var(--config-header-color);
}
.topic__title.topic__title--translation-in-progress {
  color: var(--config-meta-text-color);
}

.thread-details-featured-image {
  width: 100%;
}
@media (max-width: 767px) {
  .thread-details-featured-image {
    height: auto;
  }
}

.first-post__close {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}

.post-unread-counter {
  padding-left: 8px;
  padding-right: 8px;
}

.unread-counter {
  white-space: nowrap;
  line-height: 32.5px;
}

.selectize-input, .selectize-dropdown {
  border-color: var(--config--main-border-base-color) !important;
}

.selectize-input.dropdown-active:before {
  background: var(--config--main-border-base-color) !important;
}

.selectize-input.full.dropdown-active {
  padding: 7px 8px 8px;
}

.post .fancybox-image img {
  max-width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.typeformWrapper iframe {
  width: 100%;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.topic-first-post .post.box__pad {
  padding-top: 0;
}
.topic-first-post .post__user__meta,
.topic-first-post .post__content,
.topic-first-post .post__edit,
.topic-first-post .post__footer {
  padding: 0;
}
.topic-first-post .post__actions-container {
  display: block;
}
.topic-first-post .post__actions-container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.topic-first-post .post__actions.left {
  float: left;
}
.topic-first-post .post__actions.right {
  float: right;
}
.topic-first-post .answer-field strong {
  padding-left: 0px;
  color: var(--config--main-color-success);
}
.topic-first-post .post__user__info {
  position: relative;
  display: inline;
  width: auto;
  float: none;
  margin-right: auto;
}
.topic-first-post .post__user__info .username {
  color: var(--config--main-color-night);
}

.reply-editor-wrapper h3 {
  color: var(--config-header-color);
}

.post__content table td,
.post__content table th,
.post--content table td,
.post--content table th {
  min-width: 4em;
  word-break: normal;
}
.post__content .callout,
.post--content .callout {
  padding: 16px;
  color: #2B3346;
  margin: 8px 0;
}
.post__content .callout p:last-child,
.post--content .callout p:last-child {
  margin-bottom: 0;
}
.post__content img:not([src*=emojione]),
.post--content img:not([src*=emojione]) {
  cursor: pointer;
}
.post__content pre,
.post--content pre {
  white-space: pre-wrap;
}

.callout-green {
  background-color: rgba(108, 190, 147, 0.2);
  border-left: 4px solid #6CBE93;
}

.callout-blue {
  background-color: rgba(108, 166, 252, 0.2);
  border-left: 4px solid #6CA6FC;
}

.callout-yellow {
  background-color: rgba(248, 191, 112, 0.2);
  border-left: 4px solid #F8BF70;
}

.callout-red {
  background-color: rgba(248, 109, 112, 0.2);
  border-left: 4px solid #F86D70;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.cke_panel_listItem {
  color: #181f26;
}

.cke_panel_listItem .sr-only {
  position: relative;
  color: inherit;
  width: auto;
  height: auto;
  clip: unset;
}

.cke_editable .sr-only {
  position: relative;
  border: 1px dashed #999;
  padding: 1rem;
  margin: 1rem 0;
  width: auto;
  height: auto;
  clip: unset;
  background-color: #f9f9f9;
  color: inherit;
  overflow: unset;
}
.cke_editable .sr-only::after {
  content: "Visible for screen readers only";
  position: absolute;
  top: -0.75rem;
  left: 0.5rem;
  background: #fff;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  white-space: nowrap;
}

.callout-gray {
  background-color: rgba(190, 193, 200, 0.2);
  border-left: 4px solid #BEC1C8;
}

.cke_panel_container,
.post__content.post__content--new-editor {
  font-family: var(--config--main-font-base-stack);
  font-size: 14px;
}
.cke_panel_container.cke_editable,
.post__content.post__content--new-editor.cke_editable {
  background-color: #fff;
  height: auto !important;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-left: 0;
}
.cke_panel_container h1,
.post__content.post__content--new-editor h1 {
  font-weight: 300;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.25px;
}
.cke_panel_container h2,
.post__content.post__content--new-editor h2 {
  font-weight: normal;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.01em;
}
.cke_panel_container h3,
.post__content.post__content--new-editor h3 {
  font-size: 16px;
}
.cke_panel_container figure img,
.post__content.post__content--new-editor figure img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .cke_panel_container figure img,
  .post__content.post__content--new-editor figure img {
    max-height: 600px;
  }
}
.cke_panel_container blockquote,
.post__content.post__content--new-editor blockquote {
  border-left: 2px solid #d5d9de;
}
.cke_panel_container code,
.post__content.post__content--new-editor code {
  background: #f6f6f6;
  color: #F84E78;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px;
  border-radius: 0;
}
.cke_panel_container a,
.post__content.post__content--new-editor a {
  color: var(--config--main-color-brand);
}
.cke_panel_container figure figcaption,
.post__content.post__content--new-editor figure figcaption {
  background: none;
  color: var(--config-meta-text-color);
}
.cke_panel_container table,
.post__content.post__content--new-editor table {
  display: block;
  overflow-x: auto;
  border: 0 !important;
}
.cke_panel_container th,
.post__content.post__content--new-editor th {
  background-color: #f6f6f6;
}
.cke_panel_container td, .cke_panel_container th,
.post__content.post__content--new-editor td,
.post__content.post__content--new-editor th {
  padding: 12px 16px;
  border: 1px solid #d5d6da;
}
.cke_panel_container .placeholder,
.post__content.post__content--new-editor .placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

input-variable {
  background-color: #f6f6f6;
  border: 1px solid #959898;
  border-radius: 4px;
  color: #959898;
  display: inline-block;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  line-height: 1.5;
  padding: 0 6px;
}

.post__content--new-editor {
  display: flow-root;
}
.post__content--new-editor.post__content--email table {
  background: none;
  background-color: transparent;
  display: table;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.post__content--new-editor.post__content--email th, .post__content--new-editor.post__content--email td {
  border: 0;
  padding: 0;
  min-width: 0;
}

.body-notifications {
  position: fixed;
  bottom: 0;
  right: 16px;
  width: 260px;
  z-index: 5;
  min-height: 160px;
}
.body-notifications .box {
  box-shadow: 0 0 4px var(--config--main-color-dusk);
  border-radius: 4px;
}
.body-notifications .icon--cross {
  position: absolute;
  right: 16px;
  top: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.body-notifications .nano {
  height: 160px;
}
.body-notifications .list {
  height: 160px;
  overflow-y: scroll;
}

.notification {
  border-bottom: 1px var(--config--main-border-base-color) solid;
  padding-bottom: 8px;
}
.notification:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}

.user-statistics {
  border-right-color: var(--config--main-border-base-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-color: var(--config--main-border-base-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-color: var(--config--main-border-base-color);
  border-left-width: 1px;
  border-left-style: solid;
  background: var(--config-profile-user-statistics-background-color);
  text-align: center;
  text-transform: capitalize;
}
.user-statistics span {
  padding-right: 16px;
}
.user-statistics span:last-child {
  padding-right: 0;
}

.user-statistics__followers {
  display: inline;
}
@media (max-width: 767px) {
  .user-statistics__followers {
    display: inline-block;
    margin-top: 4px;
  }
}

.profile-fields .table__cell .grid--2 {
  width: 140px;
}

.profile-fields .table__cell {
  word-wrap: break-word;
}

/*

TODO: refactor so it outputs nothing, and that it is tested (can't test locally)

*/
.attachments {
  margin-bottom: 16px;
}
.attachments .group__row {
  margin-top: 16px;
  padding-bottom: 0;
}
.attachments .group__row:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.attachments .group__row:first-of-type {
  margin-top: 8px;
}

.attachment__link {
  display: block;
  width: 100%;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--config--main-color-dusk-light);
}
.attachment__link:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.attachment__link .icon--play {
  position: absolute;
  height: 38px;
  width: 38px;
  background-color: color-mix(in srgb, #000, transparent 40%);
  box-shadow: 0 0 20px 0 color-mix(in srgb, #000, transparent 100%);
  border-radius: 100%;
  color: #FFF;
  border: 3px solid #FFF;
  display: block;
  font-size: 19px;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attachment__link .icon--play:before {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-60%, -50%);
}
.attachment__link.file-attachment {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background-color: var(--config--main-color-day);
  border: solid 1px var(--config--main-color-dusk-light);
}
.attachment__link .icon--file {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -13px;
  background-size: 26px 26px;
}
.attachment__link .icon--file.csv {
  background-image: url("../images/file-type-icons/csv.svg");
}
.attachment__link .icon--file.doc, .attachment__link .icon--file.docx {
  background-image: url("../images/file-type-icons/doc.svg");
}
.attachment__link .icon--file.pdf {
  background-image: url("../images/file-type-icons/pdf.svg");
}
.attachment__link .icon--file.ppt, .attachment__link .icon--file.pptx {
  background-image: url("../images/file-type-icons/ppt.svg");
}
.attachment__link .icon--file.txt {
  background-image: url("../images/file-type-icons/txt.svg");
}
.attachment__link .icon--file.xls, .attachment__link .icon--file.xlsx {
  background-image: url("../images/file-type-icons/xls.svg");
}
.attachment__link .icon--file.xml {
  background-image: url("../images/file-type-icons/xml.svg");
}
.attachment__link .icon--file.zip {
  background-image: url("../images/file-type-icons/zip.svg");
}
.attachment__link .file-attachment--filename {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: white;
  border-top: solid 1px var(--config--main-color-dusk-light);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.attachment__link .file-attachment--filename:after {
  content: attr(data-filetype);
}

.attachments--modal h2 {
  margin-bottom: 10px;
}
.attachments--modal p {
  margin-bottom: 30px;
}
.attachments--modal .mfp-close {
  position: static;
  padding: 0 16px;
  color: var(--config-button-cta-color) !important;
  width: auto;
  height: auto;
  font-family: var(--config--main-button-base-font-family);
  font-weight: var(--config--main-button-base-font-weight);
  font-size: 14px;
  line-height: 48px;
  opacity: 1;
}

.private-register, .offline-community {
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
}

.cookiebar {
  bottom: 0;
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  background-color: var(--config-cookie-modal-background-color);
  text-align: center;
  transition: bottom 0.1s ease-in-out 0ms;
  color: var(--config-cookie-modal-color);
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cookiebar a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}

.cookiebar--info {
  padding-left: 10px;
  line-height: 48px;
}

.cookiemodal-wrapper {
  position: relative;
  background: #fff;
  color: #25313b;
  margin: 10px auto;
  padding: 32px;
  border-radius: 3px;
  text-align: left;
  max-width: 570px;
  width: 100%;
}
.cookiemodal-wrapper a:not(.btn) {
  color: #25313b;
  text-decoration: underline;
}

.cookiemodal-close {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 25px;
  font-size: 30px;
}

.widget--tabs .tabs--navigation,
.widget--tabs .tabs--nav__container .tabs--nav .tabs--navigation {
  padding: 0;
}
.widget--tabs .tabs--navigation .tabs__item:first-child,
.widget--tabs .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item:first-child {
  margin-left: 0;
}
.widget--tabs .tabs .widget {
  margin: 0;
}
.widget--tabs .tabs .widget .box__pad {
  padding-top: 16px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.widget--tabs .tabs .widget .box__pad h6 {
  font-size: 14px;
  font-weight: var(--config--main-header-font-weight);
}
.widget--tabs .tabs .widget .box__pad .excerpt {
  margin: 0;
}
.widget--tabs .tabs .widget .box__pad .m-v-S {
  margin-top: 0;
}
.widget--tabs .tabs .widget .box__pad .m-v-S .link {
  word-break: break-word;
}
.widget--tabs .tabs .widget .box__pad .m-v-S .link:hover {
  color: var(--config-link-base-hover-color);
}

/*
 Badges

Badges are just images that live in a list, usually. The small variant can be obtained either by giving the <ul> a class, or each individual img.

Markup:
<ul class="list list--float {$modifiers}">
    <li>
        <img src="https://insided-nl.s3.amazonaws.com/test/forum/assets/images/badge/tv.png" />
    </li>
     <li>
        <img src="https://insided-nl.s3.amazonaws.com/test/forum/assets/images/badge/tv.png" />
    </li>
</ul>

.list--badges - normal
.list--badges-small - small MF

Styleguide 6.2
*/
.list--badges-small.list--badges--inline {
  position: relative;
  display: inline-block;
  top: -4px;
}
.list--badges-small li {
  margin: 2px;
}

.list--badges li {
  margin-right: 2px;
  margin-left: 0;
}
.list--badges img {
  width: 45px;
  height: 45px;
  display: block;
}
.list--badges .flag__image {
  width: 50px;
  padding-right: 8px;
}
.list--badges h4 {
  margin-bottom: 0;
}
.list--badges .badge-heading {
  margin-bottom: 0;
  font-size: 16px;
  font-family: var(--config--main-font-secondary);
  font-weight: var(--config-topic-page-header-font-weight);
  line-height: var(--config--main-font-base-lineheight);
  overflow-wrap: break-word;
}

.badge--small, .list--badges-small img {
  width: 20px;
  height: 20px;
  display: block;
}

.badge--medium, .list--badges-medium img {
  width: 30px;
  height: auto;
  display: block;
}

.badge {
  display: block;
  width: 45px;
  height: auto;
}

.badges:not(.widget--badges) li {
  padding: 16px;
  border-bottom: solid 1px var(--config--main-border-base-color);
  margin-top: 16px;
  margin-right: -24px;
  margin-left: -24px;
}
@media (max-width: 767px) {
  .badges:not(.widget--badges) li {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.badges:not(.widget--badges) li:first-child {
  border-top: solid 1px var(--config--main-border-base-color);
}
.badges:not(.widget--badges) li:last-child {
  margin-bottom: 16px;
}

.widget--loggedin .widget__profile {
  border-bottom: solid 1px var(--config--main-border-base-color);
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.widget--loggedin .tooltip {
  display: inline-block;
}
.widget--loggedin .list--badges-small {
  border-bottom: solid 1px var(--config--main-border-base-color);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.twig_default-member-profile .p-v-S + .list--badges li {
  margin-right: 8px;
  margin-bottom: 8px;
}

.twig_site-badges .badges {
  margin-top: 16px;
  margin-bottom: 24px;
}
.twig_site-badges .badges li {
  margin-top: 0;
  margin-bottom: 0;
}
.twig_site-badges .has-no-more.box__content {
  margin-bottom: -24px;
}
.twig_site-badges .has-no-more .badges {
  margin-bottom: 0;
}
.twig_site-badges .has-no-more .badges li:last-child {
  border-bottom: none;
}

.load-more-badge-button {
  margin: -8px;
}

.tabs--spaced.settings-tabs .sections__nav .tabs--nav__container .tabs--nav ul.tabs--navigation {
  padding-left: 8px;
}

/*
 Username-Usertitle

The username/usertitle can be displayed as is, or with custom styling and an image.
Apart from bold, underline and italic, the client can change the color from control as well. This is set using an inline style. The styles can be combined.

Markup:
<span class='username {$modifiers}'>this is my username <img src="http://restauranteelarriate.com/wp-content/themes/arriate_theme/images/icon_star_empty.png" /></span>
<a href="#" class='username {$modifiers}'>hallo</a>

.rank--bold      - display the username in bold
.rank--underline - display the username underlined
.rank--italic    - display the username italic
.rank--italic.rank--bold  - bold AND italic

Styleguide 6.10
*/
.username {
  color: var(--config--main-color-brand);
}

.usericon {
  line-height: 20px;
  height: 12px;
  width: auto;
  margin-left: 4px;
}

.rank--bold {
  font-weight: bold !important;
}

.rank--underlined {
  text-decoration: underline;
}

.rank--italic {
  font-style: italic;
}

/*************/
/** EDITOR SHARED/GUI***/
/*************/
/*

Markup:


div.editor_container [ create_post | create_topic ]
    div.editorHolder.class2 [ thread_new ]
        form.container_3.form-stacked
            div.notification.red
            div.editorAvatar
            div.editor
*               div.editorTitle
*                   input.content
                div.editorContent
                    div.pagetext
                        textarea.content
        div.adds.attachments                                    : contains uploaded images, video's and polls
        div.editorAdds.attachments                              : contains buttons
*       div.editorTags                                          : adding tags (if any)
        div.editorFooter.attachments                            : contains submit button



*/
.editor--new-topic .editor-type .radio-box-button:hover,
.editor--new-topic .editor-type .radio-box-button:focus {
  outline: 0;
  color: var(--config--main-color-brand);
  border-color: var(--config--main-color-brand);
  background-color: #fff;
}
.editor--new-topic .editor-type .radio-box-button:hover input[type=radio] + label:before,
.editor--new-topic .editor-type .radio-box-button:focus input[type=radio] + label:before {
  color: var(--config--main-color-brand);
}
.editor--new-topic .editor-type .radio-box-button:hover svg,
.editor--new-topic .editor-type .radio-box-button:focus svg {
  fill: var(--config--main-color-brand);
}

.editor--commenting .toolbar,
.editor--private-message .toolbar,
.editor--new-topic .toolbar {
  background: var(--config-editor-comment-toolbar-background-color);
  border-color: var(--config--main-border-base-color);
}
.editor--commenting .toolbar .btn--editor, .editor--commenting .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting .toolbar .wysiwyg-editor__toolbar-button,
.editor--private-message .toolbar .btn--editor,
.editor--private-message .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message .toolbar .wysiwyg-editor__toolbar-button,
.editor--new-topic .toolbar .btn--editor,
.editor--new-topic .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--new-topic .toolbar .wysiwyg-editor__toolbar-button {
  color: var(--config-editor-comment-toolbar-button-color);
}
.editor--commenting .toolbar .btn--editor:hover, .editor--commenting .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting .toolbar .wysiwyg-editor__toolbar-button:hover,
.editor--private-message .toolbar .btn--editor:hover,
.editor--private-message .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message .toolbar .wysiwyg-editor__toolbar-button:hover,
.editor--new-topic .toolbar .btn--editor:hover,
.editor--new-topic .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--new-topic .toolbar .wysiwyg-editor__toolbar-button:hover {
  color: var(--config-editor-comment-toolbar-button-hover-color);
}

.editor--commenting,
.editor--private-message {
  margin-top: 16px;
}
.editor--commenting .editor__avatar,
.editor--private-message .editor__avatar {
  float: left;
  width: 6%;
}
.editor--commenting .form__row:not(.form__row--textarea),
.editor--private-message .form__row:not(.form__row--textarea) {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.editor--commenting .btn--cta,
.editor--private-message .btn--cta {
  float: right;
}
.editor--commenting.is-disabled .form__row--textarea,
.editor--private-message.is-disabled .form__row--textarea {
  opacity: 0.3;
}
.editor--commenting.is-disabled .form__row--textarea .content,
.editor--private-message.is-disabled .form__row--textarea .content {
  background-color: var(--config--main-color-day);
  cursor: default;
}
.editor--commenting.is-disabled .form__row--textarea .toolbar,
.editor--private-message.is-disabled .form__row--textarea .toolbar {
  background: var(--config--main-color-day);
}
.editor--commenting.is-disabled .form__row--textarea .toolbar .btn--editor, .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button,
.editor--private-message.is-disabled .form__row--textarea .toolbar .btn--editor,
.editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button {
  cursor: default;
  pointer-events: none;
  /*
    "pointer-events" is a better solution, then we don't need the "&:hover" at all.
    But "pointer-events" is (offcourse) not supported by IE 10
  */
}
.editor--commenting.is-disabled .form__row--textarea .toolbar .btn--editor:hover, .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover,
.editor--private-message.is-disabled .form__row--textarea .toolbar .btn--editor:hover,
.editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover {
  color: inherit;
}
.editor--commenting.is-disabled .form__row--textarea .toolbar .btn--editor:hover:before, .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover:before, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover:before,
.editor--private-message.is-disabled .form__row--textarea .toolbar .btn--editor:hover:before,
.editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover:before,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover:before {
  opacity: 0.3;
}
.editor--commenting.is-disabled .form__row--textarea .toolbar .btn--editor:hover .tooltip__content, .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover .tooltip__content, .wysiwyg-editor .wysiwyg-editor__toolbar .editor--commenting.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover .tooltip__content,
.editor--private-message.is-disabled .form__row--textarea .toolbar .btn--editor:hover .tooltip__content,
.editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover .tooltip__content,
.wysiwyg-editor .wysiwyg-editor__toolbar .editor--private-message.is-disabled .form__row--textarea .toolbar .wysiwyg-editor__toolbar-button:hover .tooltip__content {
  display: none;
}
.editor--commenting.is-disabled .editor--login--message,
.editor--private-message.is-disabled .editor--login--message {
  float: right;
  margin: 16px;
  line-height: 1;
}

@media (max-width: 767px) {
  #editor--type-radio-box .js-tooltip-trigger {
    pointer-events: none;
  }
}
.post__edit .form__row--textarea {
  width: 100%;
}

.textarea__label {
  padding-top: 8px;
  padding-bottom: 8px;
}

.editor__text textarea {
  display: block;
  min-height: 200px;
  border-radius: var(--borderradius-base) var(--borderradius-base) 0 0;
}

.add-attachments {
  padding-right: 8px;
  padding-left: 8px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
}

.add-attachment {
  padding: 8px;
  height: 60px;
  line-height: 24px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
}
.list .add-attachment {
  margin: 0 -8px;
}
@media (max-width: 449px) {
  .add-attachment {
    line-height: inherit;
    height: auto;
  }
}
.add-attachment .loader {
  font-size: 6px;
  margin: 0 auto;
  position: relative;
  color: #fff;
  transform: translateZ(0);
  line-height: 60px;
  color: var(--config--main-color-dusk);
}
.add-attachment .loader:before, .add-attachment .loader:after, .add-attachment .loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  box-shadow: 0 2.5em;
  animation: spinLoader 1.6s infinite ease-in-out;
}
.add-attachment .loader:before {
  left: -2.5em;
  animation-delay: -0.2s;
}
.add-attachment .loader:after {
  left: 2.5em;
  animation-delay: 0.2s;
}
.add-attachment .loader:before, .add-attachment .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.add-attachment .loader, .add-attachment .loader:before, .add-attachment .loader:after {
  width: 2.3em;
  height: 2.3em;
}
.add-attachment .loader:before {
  left: -4.3em;
}
.add-attachment .loader:after {
  left: 4.3em;
}

.add-attachment__screenshot {
  float: left;
  width: 45px;
  height: 45px;
}

.add-attachment__place-link,
.add-attachment__show,
.add-attachment__delete {
  height: 45px;
  line-height: 44px;
}

.add-attachment__place-link, .add-attachment__show {
  float: left;
}

.add-attachment__show {
  overflow: hidden;
}
.add-attachment__show label {
  float: left;
  width: auto;
  font-weight: normal;
  line-height: inherit;
}
.add-attachment__show label span {
  float: left;
}
.add-attachment__show label .switch__inner {
  float: none;
  vertical-align: middle;
  margin-left: 8px;
}
@media (max-width: 449px) {
  .add-attachment__show {
    height: 30px;
    line-height: 30px;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-left: 8px;
  }
}

.add-attachment__place-link {
  margin-right: 16px;
  margin-left: 8px;
}
@media (max-width: 449px) {
  .add-attachment__place-link {
    padding: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 8px;
    width: 100%;
    width: calc(100% - 105px);
  }
}

.add-attachment__delete {
  float: right;
  min-width: 0;
  height: 45px;
  line-height: 44px;
}
@media (max-width: 449px) {
  .add-attachment__delete {
    position: absolute;
    top: 8px;
    right: 0;
    float: none;
  }
}

.add-attachments__inputs {
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
}
.add-attachments__inputs .add-attachtments__image-holder {
  float: left;
  width: 24%;
}
@media (max-width: 767px) {
  .add-attachments__inputs .add-attachtments__image-holder {
    float: none;
    width: 100%;
  }
}
.add-attachments__inputs .add-attachtments__image-holder button {
  width: 100%;
}
.add-attachments__inputs span {
  float: left;
  padding-top: 10px;
  width: 6%;
  text-align: center;
}
@media (max-width: 767px) {
  .add-attachments__inputs span {
    display: block;
    float: none;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.add-attachments__inputs .add-attachtments__video-holder {
  float: right;
  width: 70%;
}
@media (max-width: 767px) {
  .add-attachments__inputs .add-attachtments__video-holder {
    width: 100%;
  }
}
.add-attachments__inputs .add-attachtments__video-holder input {
  display: inline-block;
  width: 68%;
  margin-top: 3px;
}
@media (max-width: 767px) {
  .add-attachments__inputs .add-attachtments__video-holder input {
    width: 100%;
    margin-top: 0;
  }
}
.add-attachments__inputs .add-attachtments__video-holder button {
  width: 30%;
  float: right;
}
@media (max-width: 767px) {
  .add-attachments__inputs .add-attachtments__video-holder button {
    width: 100%;
    float: none;
    margin-top: 8px;
  }
}
.add-attachments__inputs .add-attachtments__image-holder button, .add-attachments__inputs .add-attachtments__video-holder button {
  line-height: 40px;
  height: 40px;
}
@media (min-width: 450px) {
  .add-attachments__inputs .add-attachtments__image-holder button, .add-attachments__inputs .add-attachtments__video-holder button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1%;
    padding-right: 1%;
  }
}

.add-poll {
  padding: 8px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
}

.toolbar {
  margin-bottom: 8px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
  background: var(--config--main-color-day);
}

.toolbar__item {
  float: left;
}

.selectized.error + .selectize-control .selectize-input {
  border-color: var(--config--main-color-alert) !important;
}

.btn--editor, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button {
  display: block;
  width: 44px;
  height: 40px;
  margin: 0;
  background: none;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
  font: 0/0 a;
  text-align: center;
  color: var(--config--main-color-dusk);
  cursor: pointer;
}
.btn--editor:before, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:before {
  position: relative;
  font-size: 16px;
  line-height: var(--config--main-font-base-lineheight);
}
.btn--editor:hover, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:hover {
  color: var(--config-link-base-hover-color);
}
.btn--editor:focus, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:focus {
  outline: 0;
}
.btn--editor.is-active, .wysiwyg-editor .wysiwyg-editor__toolbar .is-active.wysiwyg-editor__toolbar-button {
  color: var(--config--main-color-brand);
  border-width: 2px 1px 0 0;
  border-style: solid;
  border-top-color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .btn--editor, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button {
    width: 39px;
  }
}

.editor-type .radio-box-button {
  width: 32%;
  float: left;
  margin-left: 2%;
  font-weight: var(--config--main-font-base-weight);
}
.editor-type .radio-box-button.is-active svg {
  fill: var(--config--main-color-brand);
}
.editor-type .radio-box-button:first-child {
  margin-left: 0;
}
.editor-type .radio-box-button .icon--thumb-up {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .editor-type .radio-box-button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 8px;
  }
}
.editor-type .svg-icon {
  width: 16px;
  height: 32px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.editor-type .svg-icon svg {
  width: inherit;
  fill: var(--config--main-color-night);
}

.editor-footer:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.topic-create_submit #file-in-progress-message {
  font-size: 13px;
  font-style: italic;
  margin-left: 8px;
}
.topic-create_submit #topic_save:disabled {
  pointer-events: none;
  border-color: var(--config--main-color-dusk);
  background-color: var(--config--main-color-dusk);
  box-shadow: none;
}

.threadQuote {
  font-style: italic;
  border-left: 2px solid var(--config-topic-page-quote-border-color);
  padding-left: 16px;
}

.threadCode pre {
  font-family: "Courier New", Courier, monospace;
  padding: 8px;
  margin: 0;
  background: var(--config--main-color-day);
}

.bb-spoiler-container {
  position: relative;
  padding: 8px;
  border-left: 2px solid var(--config--main-border-base-color);
}
.bb-spoiler-container .bb-spoiler-head-hide, .bb-spoiler-container .bb-spoiler-head-show {
  cursor: pointer;
}
.bb-spoiler-container div.bb-spoiler-content {
  position: relative;
  display: none;
}
.bb-spoiler-container label {
  font-weight: normal;
  text-decoration: underline;
}
.bb-spoiler-container label.bb-spoiler-head-show {
  display: none;
}
.bb-spoiler-container > input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  visibility: visible;
  display: block;
  opacity: 0;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-content {
  display: block;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-head-hide {
  display: none;
}
.bb-spoiler-container > input[type=checkbox]:checked ~ .bb-spoiler-head-show {
  display: block;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-content {
  display: block;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-head-hide {
  display: none;
}
.bb-spoiler-container.bb-spoiler--show .bb-spoiler-head-show {
  display: block;
}

.wysiwyg--modal-help .table {
  margin-bottom: 20px;
}
.wysiwyg--modal-help .table:last-child {
  margin-bottom: 0px;
}
.wysiwyg--modal-help .table .table__cell {
  padding: 10px 0;
}
.wysiwyg--modal-help .table .table__cell.title {
  padding-bottom: 5px;
}
.wysiwyg--modal-help .table .table__cell.shortcut__value {
  text-align: right;
}

.p-v {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-v-S {
  padding-top: 8px;
  padding-bottom: 8px;
}

.p-h {
  padding-left: 16px;
  padding-right: 16px;
}

.p-h-S {
  padding-left: 8px;
  padding-right: 8px;
}

.m-v {
  margin-top: 16px;
  margin-bottom: 16px;
}

.m-v-S {
  margin-top: 8px;
  margin-bottom: 8px;
}

.m-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m-h {
  margin-left: 16px;
  margin-right: 16px;
}

.m-h-S {
  margin-left: 8px;
  margin-right: 8px;
}

.m-b {
  margin-bottom: 16px;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-b-S {
  margin-bottom: 8px;
}

.content--centered {
  text-align: center;
}

.link--underline {
  color: var(--config--main-color-brand);
}

.link--topic {
  color: var(--config-header-color);
}

.link--subforum {
  color: var(--config-header-color);
}

.link--featured-title {
  color: var(--config-header-color);
}
.link--featured-title:hover {
  text-decoration: none;
}

input[type=text],
input[type=search],
input[type=email],
input[type=number],
input[type=password],
textarea,
select,
select[multiple] {
  font-weight: var(--config--main-font-base-weight);
}
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select[multiple]::-webkit-input-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}
input[type=text]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select[multiple]:-moz-placeholder { /* Firefox 18- */
  color: var(--config-main-navigation-search-placeholder-color);
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select[multiple]::-moz-placeholder { /* Firefox 19+ */
  color: var(--config-main-navigation-search-placeholder-color);
}
input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select[multiple]:-ms-input-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

select[id*=month],
select[id*=day],
select[id*=year] {
  width: 33%;
  margin-right: 0.5%;
}
select[id*=month]:last-child,
select[id*=day]:last-child,
select[id*=year]:last-child {
  margin-right: 0;
}

select[multiple] {
  padding: 0;
}

select[multiple] option {
  padding: 10px 8px;
}

textarea {
  resize: vertical;
}

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

.dropdown-links {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.1em;
  padding: 8px;
  padding-right: 28px;
  border-radius: 3px;
  cursor: pointer;
}
.dropdown-links:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: var(--config--main-border-base-color) transparent transparent transparent;
}
.dropdown-links.open {
  border-radius: 3px 3px 0 0;
}
.dropdown-links.open:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent var(--config--main-border-base-color) transparent;
}
.dropdown-links.open .dropdown-links__container {
  display: block;
}
.dropdown-links .dropdown-links__active-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-links__container {
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  min-width: 100%;
  white-space: nowrap;
  max-height: 300px;
  overflow-y: auto;
  display: none;
  background: #fff;
  margin-top: -1px;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.dropdown-links__item-link {
  display: block;
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  padding: 8px;
}
.dropdown-links__item-link:hover {
  color: var(--config--main-color-brand);
}

.dropdown-links__item-link--active {
  cursor: default;
}

@media (max-width: 449px) {
  .avatar--responsive {
    font-size: 8px;
    width: 21px;
    height: 21px;
  }
  .avatar--responsive .profilepicture {
    width: 21px;
    height: 21px;
  }
  .avatar--responsive .profilelabel {
    display: none;
  }
}

@media (max-width: 449px) {
  .avatar--fill-parent {
    font-size: 8px;
  }
  .avatar--fill-parent .profilelabel {
    display: none;
  }
}

.avatar-variant-0 {
  background-color: #98e7b1;
  color: #FFF;
}

.avatar-variant-1 {
  background-color: #bfe8e4;
  color: #FFF;
}

.avatar-variant-2 {
  background-color: #feccab;
  color: #FFF;
}

.avatar-variant-3 {
  background-color: #ffcee0;
  color: #FFF;
}

.avatar-variant-4 {
  background-color: #ff98bd;
  color: #FFF;
}

.avatar-variant-5 {
  background-color: #96d1f3;
  color: #FFF;
}

.avatar-variant-6 {
  background-color: #9adbd5;
  color: #FFF;
}

.avatar-variant-7 {
  background-color: #feccab;
  color: #FFF;
}

.avatar-variant-8 {
  background-color: #e2d4cf;
  color: #FFF;
}

.avatar-variant-9 {
  background-color: #d5f5db;
  color: #FFF;
}

.default-avatar {
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

figure.avatarHolder .default-avatar {
  font-size: 24px;
}

.profilepicture a.default-avatar-link, .default-avatar-link {
  width: inherit;
  height: inherit;
  text-decoration: none;
  display: flex;
}
.profilepicture a.default-avatar-link::after, .default-avatar-link::after {
  content: "";
  display: flex;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.thread-list-avatar, .post__user__info .avatar {
  font-size: 20px;
}
@media (max-width: 449px) {
  .thread-list-avatar, .post__user__info .avatar {
    font-size: 8px;
  }
}

.popup-component .avatar {
  font-size: 20px;
}

.flag.flag--extended {
  min-height: 57px;
}
.flag.flag--extended, .tooltip .tooltip__content--profile .flag.flag--extended {
  display: block;
}
.flag.flag--extended .flag__image {
  position: absolute;
}
.flag.flag--extended .group--inline {
  margin-top: 5px;
  margin-left: 50px;
}
.flag.flag--extended .list {
  margin-left: 0;
}
.flag.flag--extended .list-item--reputation {
  position: absolute;
  top: 47px;
}
.flag.flag--extended .list-item--no-dot-S {
  margin-left: 50px;
  text-align: left;
}
.flag.flag--extended .link {
  line-height: 1.2;
}

.twig_site-badges .col--main .pagebox,
.twig_topic-new .col--main .pagebox,
.twig_default-inbox-overview .col--main .pagebox,
.twig_default-settings-general .col--main .pagebox,
.twig_default-setting-profile .col--main .pagebox,
.twig_default-settings-email .col--main .pagebox {
  border: 1px solid var(--config--main-border-base-color);
}

.twig_default-inbox-conversation .col--main .pagebox {
  border: none;
}

/* stylelint-disable selector-id-pattern */
.btn--cancel.is-loading .loader {
  color: var(--config-button-cancel-color);
}

.btn--toggle.is-loading {
  font-size: 0;
  text-indent: 0;
}
.btn--toggle.is-loading .loader {
  color: var(--config-button-toggle-outline-spinner-color);
}
.btn--toggle.is-loading.is-active .loader {
  color: var(--config-button-toggle-filled-spinner-color);
}
.btn--toggle.is-follow.is-loading, .btn--toggle.is-active.is-loading {
  font-size: 0;
}
.btn--toggle.toggle-follow {
  float: right;
}

.btn--secondary.is-disabled, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-disabled.event__attending, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-disabled.event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .is-disabled.event__attended, .event-header-container .event-header-wrapper .is-disabled.event__attending, .event-header-container .event-header-wrapper .is-disabled.event__ended,
.event-header-container .event-header-wrapper .is-disabled.event__attended, .btn--secondary[disabled], .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper [disabled].event__attending, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper [disabled].event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper [disabled].event__attended, .event-header-container .event-header-wrapper [disabled].event__attending, .event-header-container .event-header-wrapper [disabled].event__ended,
.event-header-container .event-header-wrapper [disabled].event__attended, .btn--secondary:disabled, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:disabled, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:disabled,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:disabled, .event-header-container .event-header-wrapper .event__attending:disabled, .event-header-container .event-header-wrapper .event__ended:disabled,
.event-header-container .event-header-wrapper .event__attended:disabled,
.btn--cancel.is-disabled, .btn--cancel[disabled], .btn--cancel:disabled,
.btn--toggle.is-disabled, .btn--toggle[disabled], .btn--toggle:disabled {
  background-color: var(--config--main-border-base-color);
  box-shadow: none;
  color: var(--config--main-color-dusk-dark);
  cursor: default;
}

.btn--cta.is-loading .loader, .btn.is-loading .loader {
  color: var(--config-button-cta-spinner-color);
}
.btn--cta.is-loading:hover .loader, .btn.is-loading:hover .loader {
  color: var(--config-button-cta-spinner-hover-color);
}

.btn--secondary.is-loading .loader, .event-header-container .event-header-wrapper .is-loading.event__attending .loader, .event-header-container .event-header-wrapper .is-loading.event__ended .loader,
.event-header-container .event-header-wrapper .is-loading.event__attended .loader {
  color: var(--config-button-secondary-spinner-color);
}
.btn--secondary.is-loading:hover .loader, .event-header-container .event-header-wrapper .is-loading.event__attending:hover .loader, .event-header-container .event-header-wrapper .is-loading.event__ended:hover .loader,
.event-header-container .event-header-wrapper .is-loading.event__attended:hover .loader {
  color: var(--config-button-secondary-spinner-hover-color);
}

.btn--full-width {
  width: 100%;
}

.btn.btn--facebook {
  padding-left: 16px;
  position: relative;
  font-weight: var(--config--main-button-base-font-weight);
  padding-left: 24px;
}
@media (min-width: 450px) {
  .btn.btn--facebook {
    padding-left: 32px;
  }
}
.btn.btn--facebook:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn.btn--twitter {
  padding-left: 16px;
  position: relative;
}
@media (min-width: 450px) {
  .btn.btn--twitter {
    padding-left: 32px;
  }
}
.btn.btn--twitter:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn.btn--x {
  padding-left: 16px;
  background-image: url("../images/share-icons/x.svg");
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 450px) {
  .btn.btn--x {
    padding-left: 32px;
  }
}
.btn.btn--linkedin {
  padding-left: 16px;
  position: relative;
  font-weight: var(--config--main-button-base-font-weight);
}
@media (min-width: 450px) {
  .btn.btn--linkedin {
    padding-left: 32px;
  }
}
.btn.btn--linkedin:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn.btn--whatsapp {
  padding-left: 16px;
  position: relative;
}
@media (min-width: 450px) {
  .btn.btn--whatsapp {
    padding-left: 32px;
  }
}
.btn.btn--whatsapp:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn.btn--mail {
  padding-left: 16px;
  position: relative;
}
@media (min-width: 450px) {
  .btn.btn--mail {
    padding-left: 32px;
  }
}
.btn.btn--mail:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}
.btn--new-topic {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .btn--new-topic {
    padding-left: 56px;
    padding-right: 56px;
  }
}

#modal_login .btn--sso, #modal_register .btn--sso {
  text-indent: 0;
  width: 100%;
  margin: 5px 0;
}
#modal_login .btn--sso:before, #modal_register .btn--sso:before {
  text-align: left;
  left: 18px;
}
@media (max-width: 449px) {
  #modal_login .btn--sso:before, #modal_register .btn--sso:before {
    left: 12px;
  }
}

#modal_login .btn--godmode {
  text-indent: 0;
  width: 100%;
  margin: 5px 0;
  background: var(--config--main-color-alert);
  box-shadow: inset 0 0 0 1px var(--config--main-color-alert);
}
#modal_login .btn--godmode:before {
  text-align: left;
  left: 18px;
}
@media (max-width: 449px) {
  #modal_login .btn--godmode:before {
    left: 12px;
  }
}

.profile-sso .btn--connect-profile:before {
  left: 12px;
  width: auto;
}
@media (max-width: 449px) {
  .profile-sso .btn--connect-profile:before {
    left: 6px;
  }
}

.btn.btn-cancel-link {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--config--main-color-alert);
}
.btn.btn-cancel-link:hover {
  text-decoration: underline;
}

.btn--margin-8 {
  margin: 0 8px;
  margin-left: 9;
}

.post__content table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--config--main-border-base-color);
  background: #fff;
}

.post__content table td,
.post__content table th {
  padding: 0.4em;
  border: 1px solid var(--config--main-border-base-color);
}

.post__content table th {
  text-align: left;
  font-weight: 700;
  background: var(--config--main-color-disabled);
}

.Post-actions .list--float > li {
  margin-right: 8px;
}
.Post-actions .list--float > li.list__item--float-right {
  margin-right: 0;
  margin-left: 8px;
}

span.tag--pill {
  cursor: default;
}
span.tag--pill:hover, span.tag--pill.tag--active {
  color: var(--config--main-color-night);
  border-color: var(--config--main-border-base-color);
  background-color: var(--config-tag-pill-background-color);
}

.tags--editable {
  text-align: right;
  overflow: visible;
}
.tags--editable .btn {
  margin-bottom: 1px;
  padding: 0 8px;
}

.tags--editable__wrapper {
  text-align: left;
}

_:-ms-lang(x), .selectize-control.plugin-remove_button .remove {
  top: -20px !important;
  font-size: 10px !important;
}

/*
 Forum

In this styleguide chapter we can / could / should collect some forum specific patterns and/or 'organisms': sections of the forum existing of multiple patterns.

Styleguide 7
*/
/*
 Forum snippets

Really small redo's of existing patterns, forum-specific.

Styleguide 7.1
*/
.forum-list {
  border-top: 1px solid var(--config--main-border-base-color);
  margin-top: 0;
}
.forum-list .collapse-trigger {
  cursor: pointer;
}
.forum-list .collapse-trigger svg {
  width: 24px;
  height: auto;
}
@media (max-width: 449px) {
  .forum-list .collapse-trigger svg {
    width: 12px;
  }
}
.forum-list .collapse-trigger:hover, .forum-list .collapse-trigger:focus {
  outline: none;
}
.forum-list .collapse-trigger:hover path, .forum-list .collapse-trigger:focus path {
  fill: var(--config-anchor-base-hover-color);
}
.forum-list .category-description {
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 0;
}
.forum-list .table__collapse {
  position: absolute;
  right: 0;
  overflow: hidden;
  top: 50%;
  font-size: 16px;
  color: var(--config--main-color-dusk);
  transform: rotate(0) translateY(-50%);
}
.forum-list .table__collapse:hover {
  color: var(--config-widget-tabs-forum-list-header-hover-color);
}
.forum-list h2 {
  margin-right: 20px;
}
@media (max-width: 449px) {
  .forum-list h2 {
    font-size: 20px;
  }
}
@media (max-width: 449px) {
  .forum-list h3 {
    font-size: 16px;
  }
}
.forum-list .is-collapsed .table__collapse {
  transform: rotate(180deg) translateY(50%);
}
.forum-list .table__row .table__cell:first-child {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .forum-list .table__row .table__cell:first-child {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
.forum-list .table__row:last-child .table__cell {
  border-bottom: 0;
}
@media (min-width: 450px) {
  .forum-list {
    border: 1px solid var(--config--main-border-base-color);
  }
}
.forum-list > .box {
  margin-bottom: 0;
  border-bottom: 1px solid var(--config--main-border-base-color);
  padding: 24px;
}
@media (max-width: 449px) {
  .forum-list > .box {
    padding: 16px;
  }
}
.forum-list > .box:last-child {
  border: none;
}
.forum-list > .box .forum-image img {
  max-width: 100%;
}
.forum-list > .box .category-title {
  position: relative;
  padding: 0;
}
.forum-list > .box .is-collapsed .category-description {
  padding-bottom: 0;
}
.forum-list .table__caption {
  border: none;
}
@media (min-width: 450px) {
  .forum-list .table__caption {
    padding-top: 0;
  }
}
.forum-list .table__row .table__cell {
  border: none;
}
.forum-list .flag__image {
  width: 48px;
  padding-right: 24px;
}
@media (min-width: 450px) {
  .forum-list .flag__image {
    padding-right: 32px;
    width: 72px;
  }
}
.forum-list .flag__image .forum-icon {
  height: 48px;
  width: 100%;
}
@media (min-width: 450px) {
  .forum-list .flag__image .forum-icon {
    height: 72px;
  }
}
.forum-list .flag__image .forum-icon:before {
  content: "";
}
.forum-list h2 .link {
  color: var(--config-widget-tabs-forum-list-header-color);
}
.forum-list h2 .link:hover {
  color: var(--config-widget-tabs-forum-list-header-hover-color);
  text-decoration: none;
}

.topic-sort {
  padding: 8px;
}
.topic-sort li {
  margin-bottom: 0;
}
.topic-sort a {
  font-weight: 400;
}
.topic-sort a.link--active {
  font-weight: 600;
}

.twig_site-index .has--side .box.box__pad {
  padding: 0;
}
@media (max-width: 449px) {
  .twig_site-index .has--side .box.box__pad {
    border-width: 1px 0;
  }
}

.forum-list .user.flag div {
  table-layout: fixed;
  vertical-align: middle;
}
.forum-list .user.flag div.forum-icon {
  background-size: contain;
}
.forum-list .user.flag div.user_data {
  width: 85%;
}
.forum-list .user.flag div.user_data .list {
  margin-top: 0;
}

.forum-featured-image {
  clear: both;
  height: 240px;
  position: relative;
  z-index: 1025;
  margin-bottom: 20px;
  color: var(--config-subcategory-hero-color);
  display: flex;
  align-items: center;
  background: #000 center center no-repeat;
  background-size: cover;
}
.forum-featured-image:has(.category-banner) {
  padding-bottom: 16px;
}
.forum-featured-image .category-banner {
  margin-bottom: 16px;
}
.twig_site-forum.parent-category .forum-featured-image {
  margin-bottom: 32px;
}
.forum-featured-image .hero-background-image {
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.forum-featured-image__content {
  z-index: 1;
  width: 100%;
}
.forum-featured-image__content [class^=icon] {
  font-size: 1.1em;
}

.thread-list-view-title {
  line-height: 1.3;
  margin-bottom: 0.2em;
  transition: 0.2s;
  margin-top: -11px;
}
@media (max-width: 767px) {
  .thread-list-view-title {
    margin-top: -9px;
  }
}

.thread-subforum-title {
  color: var(--config-header-color);
}

.hero-subforum-title {
  font-size: 40px;
}
@media (max-width: 767px) {
  .hero-subforum-title {
    font-size: 24px;
  }
}

.searchbar-in-hero {
  width: 480px;
  margin-top: 16px;
}
.searchbar-in-hero form {
  display: block !important;
}
.searchbar-in-hero .searchbox__input {
  margin-right: 0;
}
@media (max-width: 767px) {
  .searchbar-in-hero {
    width: 100%;
  }
}
.forum--search .searchbar-in-hero {
  width: calc(100% - 10px);
}
@media (min-width: 1025px) {
  .forum--search .searchbar-in-hero {
    width: calc(100% - 384px - 10px);
  }
}

.hero-subforum-title, .hero-subforum-description {
  text-shadow: var(--config-hero-text-shadow);
}

.forum-list-view-description {
  margin-bottom: 1em;
}

.forum-list-view-spacing {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 450px) {
  .forum-list-view-spacing {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.forum-list-view-spacing--v {
  padding-top: 15px;
  padding-bottom: 15px;
}

.thread-list-title {
  padding: 24px 0;
  background-color: #fff;
  border-bottom: 1px solid var(--config--main-border-base-color);
  border-top: 1px solid var(--config--main-border-base-color);
}
.thread-list-title .sitewidth {
  padding-left: 10px;
  padding-right: 10px;
}
.thread-list-title .thread-list-view-title {
  font-size: 40px;
}
.thread-list-title .thread-list-view-description {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
}
.parent-category .thread-list-title, .forum--search .thread-list-title {
  background-color: inherit;
  border: none;
  margin-left: 10px;
  padding-top: 8px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .thread-list-title {
    padding-left: 16px;
    padding-right: 16px;
  }
  .thread-list-title .sitewidth {
    padding-left: 0;
    padding-right: 0;
  }
  .parent-category .thread-list-title {
    margin-left: 0;
    padding-top: 0;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .thread-list-title .thread-list-view-title {
    font-size: 24px;
  }
}

.thread-list-title--withoutStats {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .thread-list-title--withoutStats {
    margin-bottom: 17px;
  }
}

.thread-list-block.forum-list-view-spacing--v-s {
  padding-top: 10px;
  padding-bottom: 10px;
}

.thread-list-message-box p {
  margin-bottom: 0;
}

.thread-list-block--header + .thread-list-block--meta {
  border-top: 0;
  border-bottom: 0;
}
.thread-list-block--header + .thread-list-block--meta:last-child {
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.thread-list-block--meta + .thread-list-pagination {
  border-top: 0;
}

.thread-list-search-results {
  background: #fff;
  border-radius: var(--borderradius-base);
}

.thread-list-block {
  border: 1px solid var(--config--main-border-base-color);
}

.thread-list-block__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 16px 0 24px;
}

.thread-meta-item--spacer {
  flex-grow: 2;
}

.thread-list-block__avatar-col {
  float: left;
  width: 20px;
  padding-top: 15px;
  margin-right: 10px;
}
@media (min-width: 450px) {
  .thread-list-block__avatar-col {
    width: 40px;
    margin-right: 15px;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top: 20px;
  }
}

@media (min-width: 450px) {
  .thread-list-block__text-col {
    width: 90%;
    width: calc(100% - 55px);
    float: left;
  }
}

.thread-list-block__header {
  padding-top: 15px;
  color: var(--config-meta-text-color);
  padding-bottom: 10px;
}
@media (min-width: 450px) {
  .thread-list-block__header {
    padding-bottom: 5px;
  }
}

.thread-list-block--meta {
  line-height: 32.5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thread-list-block--meta.thread-list-block:first-child {
  border-top: 1px solid var(--config--main-border-base-color);
  margin-bottom: -1px;
}
@media (max-width: 1024px) {
  .thread-list-block--meta.thread-list-block {
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .thread-list-block--meta.thread-list-block {
    border-top: none;
  }
}
.thread-list-block--meta p.p--full-width {
  width: 100%;
}

.thread-list-item {
  border: 1px solid var(--config--main-border-base-color);
  position: relative;
}
.thread-list-item + .thread-list-item {
  border-top: none;
}
.thread-list-item + .thread--feature-sticky {
  margin-top: -1px;
}
@media (max-width: 767px) {
  .thread-list-item {
    border-left: none;
    border-right: none;
  }
}
.thread-list-item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.thread-list-item .thread-list-block__content a, .thread-list-item .thread-list-block__content span {
  color: var(--config--main-color-night);
}
.thread-list-item .tooltip--thread-type {
  font-weight: var(--config--main-font-base-weight);
  line-height: 1;
  vertical-align: top;
}
.thread-list-item + .forum-list-view-spacing--v-s {
  border-top: none;
}

.thread-list-item--zendesk,
.thread-list-item--freshdesk,
.thread-list-item--federated,
.thread-list-item--salesforce {
  padding: 20px;
}
.thread-list-item--zendesk .thread-list-block__title,
.thread-list-item--freshdesk .thread-list-block__title,
.thread-list-item--federated .thread-list-block__title,
.thread-list-item--salesforce .thread-list-block__title {
  margin: 5px 0;
}

.thread-list-item.thread--feature-sticky {
  border-top: 1px solid var(--config-thread-list-sticky-topic-border-color);
  border-bottom: 1px solid var(--config-thread-list-sticky-topic-border-color);
  background: var(--config-thread-list-sticky-topic-background);
}

.thread-list-block__title {
  color: color-mix(in srgb, var(--config-header-color), transparent 30%);
  font-weight: var(--config-thread-list-topic-title-font-weight);
  line-height: 1.3;
  margin-bottom: 0.1em;
  vertical-align: middle;
  transition: 0.2s;
  word-break: break-word;
}
.thread--unread .thread-list-block__title {
  color: var(--config-header-color);
}
.thread-list-block__title .thread-list-block__title-link:hover {
  color: var(--config-link-base-hover-color);
}

.thread-list-block__title-label {
  font-weight: var(--config--main-font-base-weight);
  vertical-align: text-bottom;
  margin-right: 4px;
}

.thread-list-block__content {
  margin-bottom: 5px;
  line-height: var(--config--main-font-base-lineheight);
  max-height: 4.5em;
}
.thread-list-block__content a, .thread-list-block__content span {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 450px) {
  .thread-list-block__content a, .thread-list-block__content span {
    -webkit-line-clamp: 2;
    max-height: 2lh;
  }
}

.thread-list-block__featured-image-link {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  background-size: cover;
  background-position: 50% 50%;
  width: 200px;
  height: 112px;
  overflow: hidden;
}
@media (max-width: 449px) {
  .thread-list-block__featured-image-link {
    float: left;
    width: auto;
    height: auto;
  }
}

.thread-list-block__featured-image {
  display: block;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 449px) {
  .thread-list-block__featured-image {
    width: 100%;
    height: 100%;
  }
}

.thread-list-block__article-excerpt {
  padding: 16px;
  margin: 0;
}

.thread-list-block__content--article {
  -webkit-line-clamp: 3;
  max-height: 4.5em;
}

.thread-list-block__article-wrapper {
  display: flex;
  margin: 16px 0;
  border-radius: var(--borderradius-base);
  box-shadow: 0 0 0 1px var(--config--main-border-base-color);
  overflow: hidden;
}
.thread-list-block__article-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 449px) {
  .thread-list-block__article-wrapper {
    flex-direction: column;
  }
}

.thread-meta-link:hover,
a.thread-meta-link:hover {
  text-decoration: var(--config-anchor-base-hover-decoration);
}

.thread-meta-link--highlighted,
a.thread-meta-link--highlighted {
  color: var(--config-anchor-base-color);
}

.link--user,
.thread-meta-link--default-color,
.thread-list-item a.link--user {
  color: var(--config--main-color-brand);
}
.insided-control .link--user,
.insided-control .thread-meta-link--default-color,
.insided-control .thread-list-item a.link--user {
  color: #0369e9;
}

.thread-meta-item {
  transition: 0.2s;
  color: var(--config--main-color-dusk-light);
  display: flex;
  align-items: center;
}
.thread-meta-item:last-child {
  margin-right: 0;
}
.thread-meta-item.thread-meta-item--hover-highlight:hover {
  color: var(--config-anchor-base-hover-color);
}
.thread-meta-item.thread-meta-item--hover-highlight:hover .thread-meta-item__icon,
.thread-meta-item.thread-meta-item--hover-highlight:hover .thread-meta-item__text {
  color: var(--config-anchor-base-hover-color);
}
.thread-meta-item.btn--toggle {
  margin-right: 20px;
}
.thread-meta-item.extra-category-level {
  margin-top: 8px;
  margin-bottom: 0;
  align-items: baseline;
  flex-wrap: wrap;
}
.thread-meta-item.extra-category-level .thread-meta-item_category-seperator {
  margin: 0 8px;
}

.voted {
  margin-right: 8px;
}

.thread-meta-item__text--voted {
  display: none;
}
.preact_voted .thread-meta-item__text--voted {
  display: inline-block;
}

.thread-meta-item__text--vote {
  margin-right: 8px;
}

.thread--user-liked .thread-meta-item__text--vote {
  display: none;
}
.thread--user-liked .thread-meta-item__text--voted {
  display: inline-block;
}

.thread-meta-item--parent-forum {
  width: 100%;
  flex-grow: 2;
  order: -1;
  margin-bottom: 8px;
}

.thread-meta-item__btn {
  margin-top: 5px;
}
.thread--user-liked .thread-meta-item--likes .thread-meta-item__btn {
  color: var(--config--main-color-brand);
}

.thread-meta-item--likes,
.thread-meta-item--vote {
  padding: 0;
  border: 0;
  background: none;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

.btn--load-more {
  outline: none;
}

.thread-meta-item--likes--liked.thread-meta-item--likes .thread-meta-item__icon,
.thread-meta-item--likes--liked.thread-meta-item--likes .thread-meta-item__text,
.thread--user-liked .thread-meta-item--likes .thread-meta-item__icon,
.thread--user-liked .thread-meta-item--likes .thread-meta-item__text {
  color: var(--config--main-color-brand);
}

.thread-meta-item__icon {
  float: none;
  display: inline-block;
  margin-right: 3px;
  height: 21px;
  line-height: 21px;
  color: var(--config-meta-text-color);
}

.thread-meta-item__icon--small {
  font-size: 0.8em;
}

.thread-meta-item__text {
  color: var(--config-meta-text-color);
  transition: 0.2s;
  font-family: var(--config--main-font-base-stack);
}
.thread-meta-item__text.extra-category-level a {
  color: var(--config-meta-text-color);
}
.thread-meta-item__text.extra-category-level a:hover {
  color: var(--config--main-color-brand);
}

.thread-meta-item__text--highlight {
  color: var(--config--main-color-brand);
}

.thread-meta-item .icon--thumb-up {
  top: -1px;
}

.thread-meta-item .icon--star-full {
  top: -1px;
  color: var(--config--main-color-brand);
}

.thread-list-block__subforum-list {
  margin-bottom: 0;
  color: var(--config--main-color-dusk-light);
}
.thread-list-block__subforum-list a {
  color: var(--config--main-color-brand);
}
.thread-list-block__subforum-list a:hover {
  color: var(--config-link-base-hover-color);
}

.thread-list-block__category-link {
  color: #9599A2;
  display: block;
  margin-bottom: -10px;
}

.thread-meta-item .icon--eye {
  font-size: 1.3em;
}

.thread-meta-bullet {
  margin: 0 3px;
}
.thread-meta-bullet .icon--bullet {
  top: -2px;
}

.list__items--header {
  position: relative;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -1px;
  margin-bottom: -1px;
  border-top: 1px var(--config--main-border-base-color) solid;
  border-bottom: 1px var(--config--main-border-base-color) solid;
}
@media (min-width: 1025px) {
  .list__items--header {
    border-right: 1px var(--config--main-border-base-color) solid;
    border-left: 1px var(--config--main-border-base-color) solid;
  }
}
@media (max-width: 767px) {
  .list__items--header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.list__items--header .sort-option-trigger.dropdown-links {
  margin-bottom: 0;
}
.list__items--header h2 {
  white-space: nowrap;
  line-height: 32.5px;
  font-size: inherit;
  color: var(--config-header-color);
}
.list__items--header .list__items--header-heading {
  white-space: nowrap;
  line-height: 32.5px;
  font-size: inherit;
  color: var(--config-header-color);
  font-weight: var(--config--main-header-font-weight);
  overflow-wrap: break-word;
  margin-right: auto;
}

.list__items--header-federated-search {
  padding: 8px 4px 0;
}

.list__items--header-federated-search .list__items--header-link {
  outline: none;
}

.list__items--header-federated-search .list__items--header-heading {
  padding-bottom: 4px;
  margin: 0 16px;
  color: var(--config-meta-text-color);
}

.list__items--header-federated-search .list__items--header-heading--active {
  border-bottom: 2px solid var(--config--main-color-brand);
  color: var(--config-header-color);
}

.list__items--sort {
  flex-basis: auto;
  width: 100%;
  text-align: right;
}
.list__items--sort .thread-list-dropdown {
  padding-left: 0;
}
.list__items--sort .thread-list-dropdown .dropdown-links__container {
  text-align: left;
}

@media (max-width: 549px) {
  .list__items-with-ideation--header {
    flex-wrap: wrap;
  }
  .list__items-with-ideation--header .list__items--sort {
    text-align: left;
  }
  .list__items-with-ideation--header .list__items--sort .thread-list-dropdown:first-child {
    margin-right: 8px;
  }
}
@media (max-width: 449px) {
  .list__items-with-ideation--header h3 {
    display: block;
  }
}

@media (max-width: 1024px) {
  .thread-list-pagination {
    border-left: none;
    border-right: none;
  }
}
.thread-list-pagination .pagination {
  border: none;
  padding: 0;
}

.tooltip--thread-type .js-trigger {
  top: -6px;
}

.thread-sticky-flag {
  position: absolute;
  right: 3%;
  top: 0;
}
.thread-sticky-flag:after {
  content: "";
  position: absolute;
  height: 16px;
  border: 6px solid var(--config-thread-list-sticky-topic-flag-color);
  top: 0;
  right: 0;
  border-bottom: 4px solid transparent;
  transition: height 0.5s;
}

.load-more-container {
  padding: 16px;
  border: 1px solid var(--config--main-border-base-color);
  border-top: none;
}
@media (max-width: 767px) {
  .load-more-container {
    border-left: none;
    border-right: none;
  }
}
.load-more-container.content--centered {
  border: none;
}

.site-bottom-action-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: var(--config--main-color-brand);
  opacity: 0;
  transition: all 0.2s;
  transform: translate(0, 100%);
  padding: 8px 16px;
  align-items: center;
  z-index: 1000;
}
@media (max-width: 767px) {
  .site-bottom-action-bar {
    display: block;
    display: flex;
  }
}
.site-bottom-action-bar a {
  cursor: pointer;
  color: inherit;
}
.site-bottom-action-bar.site-bottom-action-bar--visible {
  transform: translate(0, 0);
  opacity: 1;
}

.site-bottom-action-bar__action {
  flex-grow: 2;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
  justify-content: left;
}

.site-bottom-action-bar__close-btn {
  padding: 8px 16px;
}

.emoji-container {
  width: 16px;
  height: 16px;
}

.site-bottom-action-bar__text {
  display: inline-block;
  margin: 0 8px;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
  vertical-align: middle;
}

.default-cursor {
  cursor: default !important;
}

/*
 Answer-post

The comment that is marked as answer is displayed inside the first post.

Markup:
<div class="answer-field">
    <h4 class="answer-field__title  m-b-S">Best answer</h4>
    <ul class="list list--dot-seperated m-b-0">
        <li><strong>Jan Facebook</strong></li>
        <li>17 February 2014, 16:12</li>
    </ul>
    <p>Here you'll see the content of the comment that has been marked as answer.</p>
    <a href="#">View original</a>
</div>

Styleguide 7.1.2
*/
.answer-field {
  border: 1px var(--config-thread-list-best-answer-border-color) solid;
  padding-top: 16px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 48px;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
  position: relative;
}
.answer-field:before {
  font-size: 20px;
  padding-left: 16px;
}
.answer-field .icon--checkmark {
  position: absolute;
  left: 16px;
}
.answer-field:after {
  background-color: var(--config--main-color-success);
  opacity: 0.05;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.answer-field__title {
  color: #fff;
  padding-left: 1.2em;
}
.answer-field__title:before {
  left: 0;
  width: 1.2em;
}

/*

TODO: refactor so it outputs nothing, and waiting for final design.

*/
.poll {
  margin-top: 16px;
}
.poll h4 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.poll .btn {
  margin-top: 8px;
}

.poll__results {
  margin-top: 16px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
}
.poll__results li {
  margin-top: 16px;
  margin-bottom: 0;
}

.poll__result-group {
  height: 8px;
  margin-bottom: 4px;
  background-color: var(--config--main-color-dusk-light);
  position: relative;
}

.poll__result-indicator {
  background: var(--config--main-color-brand);
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
}

.poll__result-option {
  position: relative;
  float: left;
  max-width: 100%;
  word-break: break-word;
  word-wrap: break-word;
}

.poll__result-votes {
  position: relative;
  color: var(--config-meta-text-color);
  padding-left: 1.1em;
}
.poll__result-votes:before {
  left: 0;
  width: 1.1em;
}
.poll__result-votes:before {
  width: 4em;
  font-size: 4px;
  line-height: 5em;
}

.poll__result-percentage {
  position: relative;
  color: var(--config-meta-text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal--report .first {
  font-weight: bold;
}

.list__items--header + .pagination {
  margin-top: 0;
  border-bottom: solid 1px var(--config--main-border-base-color);
  border-top: none;
}

/*

TODO: refactor when new icons have arrived. find better way to do this?

*/
.table .table__cell.icon-cell {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
}

.homepage-forum-icon {
  background-repeat: no-repeat;
  background-position: center;
}

.new .forum-icon {
  color: var(--config--main-color-brand);
}

.topic-list .h4 {
  font-weight: var(--config--main-header-font-weight);
  overflow-wrap: break-word;
}
.topic-list .new .h4 {
  font-weight: bold;
}

.emojione {
  background-image: url("../images/emojione.sprites.png");
}

img.emojione {
  background: none !important;
  width: 16px;
  height: 16px;
}

.emoji--M {
  transform: scale(0.5625);
  margin: -12px;
}

.pinned-reply__label--firstpost {
  margin-top: 16px;
}

.pinned-reply-field {
  padding: 16px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.pinned-reply-field .post__content {
  padding-left: 0;
}

.pinned-reply-field__header {
  display: flex;
  justify-content: space-between;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*! nouislider - 8.5.1 - 2016-04-24 16:00:30 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base, .noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-origin {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-large, .noUi-marker-sub {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center;
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px;
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px;
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%;
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
}

/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.cropFrame {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.cropImage {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  max-width: none;
}

.cropControls {
  background: #000;
  width: 100%;
  height: 26px;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
  t-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropFrame.hover .cropControls {
  opacity: 0.55;
  filter: alpha(opacity=55);
}

.cropControls span {
  display: block;
  float: left;
  color: #fff;
  font-size: 11px;
  margin: 7px 0 0 5px;
}

.cropZoomIn,
.cropZoomOut {
  display: block;
  float: right;
  margin: 4px 4px 0 0;
  padding: 0;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.cropZoomIn::after,
.cropZoomIn .after {
  content: "+";
  display: block;
  text-align: center;
}

.cropZoomOut::after,
.cropZoomOut .after {
  content: "-";
  display: block;
  text-align: center;
}

/*IE8*/
.cropZoomIn:after,
.cropZoomIn .after {
  content: "+";
  display: block;
  text-align: center;
}

/*IE8*/
.cropZoomOut:after,
.cropZoomOut .after {
  content: "-";
  display: block;
  text-align: center;
}

html, body, .list--dot-seperated > li {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Template-content {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .Template-content {
    padding: 0;
  }
}
@media (min-width: 450px) {
  .twig_site-index .Template-content {
    margin-top: 0;
  }
}

.is-transition--height {
  transition: all 0.5s cubic-bezier(0, 1, 0.5, 1);
  overflow-y: hidden;
}
.is-transition--height-hidden, .Template-brand-cta.is-transition--height-hidden {
  max-height: 0;
  border: none;
}

.btn.btn-outlined {
  margin-top: 0;
  background-color: transparent;
  border: var(--config-thread-list-topic-button-subscribe-border-width) solid var(--config--main-color-brand);
  border-radius: var(--config--main-button-base-radius);
  box-shadow: none;
  color: var(--config--main-color-brand);
  float: right;
  display: inline-block;
  width: auto;
}
@media (max-width: 767px) {
  .btn.btn-outlined {
    padding-top: 0;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 0;
    line-height: 40px;
  }
}
.btn.btn-outlined i:before {
  color: var(--config--main-color-brand);
}
.btn.btn-outlined:hover {
  background-color: transparent;
  border: var(--config-thread-list-topic-button-subscribe-border-width) solid var(--config--main-color-brand);
}
.btn.btn-outlined:hover, .btn.btn-outlined:hover i:before {
  color: var(--config--main-color-brand);
}
@media (min-width: 450px) {
  .btn.btn-outlined {
    margin-top: 0;
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .btn.btn-outlined {
    margin-right: 0;
  }
}

.btn--create-topic {
  border-radius: 50%;
  font-size: 22px;
  height: 56px;
  line-height: 53px;
  min-width: auto;
  width: 56px;
  padding: 0;
}

.btn--fixed {
  position: fixed;
  z-index: 10;
}
.btn--fixed__bottom {
  bottom: 16px;
  right: 16px;
}

@media (max-width: 767px) {
  .editor--commenting .btn--cta {
    min-width: 35%;
  }
}

.ssi-header {
  height: var(--config-ssi-header-height);
  position: relative;
  z-index: 1025;
}
@media (max-width: 767px) {
  .ssi-header {
    height: var(--config-ssi-header-mobile-height);
  }
}

.brand-hero {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  align-items: center;
  display: flex;
  height: 240px;
  background-repeat: no-repeat;
  background-position: var(--config-hero-background-position);
  background-size: cover;
  width: 100%;
}
@media (min-width: 450px) {
  .brand-hero {
    padding-bottom: 0;
  }
}
.brand-hero .hero-search {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .brand-hero .hero-search {
    max-width: 49%;
  }
}
.brand-hero .brand-hero-subtitle {
  color: var(--config-hero-color);
  text-shadow: var(--config-hero-text-shadow);
  font-weight: bold;
  font-size: 16px;
  margin-top: -16px;
  margin-bottom: 16px;
}
.brand-hero .brand-hero-title {
  margin-top: -11px;
  margin-bottom: 18px;
  color: var(--config-hero-color);
  text-shadow: var(--config-hero-text-shadow);
}
@media (max-width: 767px) {
  .brand-hero .brand-hero-title {
    margin-top: -9px;
  }
}
.brand-hero .bigsearch-input, .brand-hero .ais-SearchBox-input {
  padding-left: 16px;
  padding-right: 16px;
  height: auto;
  border: 1px solid var(--config--main-border-base-color);
}
.brand-hero .bigsearch-input::placeholder, .brand-hero .ais-SearchBox-input::placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}
.brand-hero .hero-background-image {
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.brand-hero .hero-background-image[aria-hidden=true] {
  pointer-events: none;
}

.last-visitors {
  align-items: center;
  display: flex;
  justify-content: center;
}
.last-visitors .list__item {
  margin-left: -8px;
}

.last-visitors .profilepicture img {
  border: 2px solid var(--config--main-border-base-color);
}

.Template-brand-stats {
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.twig_site-index .Template-brand-stats {
  margin-bottom: 0;
}
@media (min-width: 450px) {
  .twig_site-index .Template-brand-stats {
    margin-bottom: 0;
  }
}

.stats-bar {
  background-color: var(--config-hero-stats-background-color);
  color: var(--config-meta-text-color);
  height: 64px;
  padding: 0;
  display: flex;
  align-items: center;
}
.stats-bar .last-visitors {
  margin-left: auto;
}
.stats-bar .list {
  margin-left: 16px;
}
@media (max-width: 1024px) {
  .stats-bar .sitewidth {
    margin-right: 16px;
  }
}
.stats-bar .col,
.stats-bar .list {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .stats-bar .col,
  .stats-bar .list {
    justify-content: center;
  }
}
.stats-bar .list__item {
  text-align: center;
}
@media (min-width: 450px) {
  .stats-bar .list__item {
    text-align: left;
  }
}
.stats-bar .tooltip__content .list {
  margin-left: 0;
}
.stats-bar .list strong {
  color: var(--config--main-color-night);
  display: block;
}
@media (min-width: 450px) {
  .stats-bar .list strong {
    display: inline;
  }
}
.stats-bar .forum-subscribe-button {
  margin-left: auto;
}
.stats-bar .submit-idea-button {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .stats-bar .submit-idea-button {
    display: none;
  }
}

.list--stats-bar.list {
  display: flex;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .list--stats-bar.list {
    margin-left: 0;
  }
}
@media (min-width: 450px) {
  .list--stats-bar.list {
    display: inline-block;
    text-align: left;
  }
}
@media (max-width: 449px) {
  .list--stats-bar.list {
    display: flex;
    flex-grow: 1;
    justify-content: space-around;
  }
  .twig_site-forum .list--stats-bar.list, .twig_page-group .list--stats-bar.list {
    margin-right: 0;
    float: left;
    width: 50%;
  }
}
.list--stats-bar .list__item strong {
  font-weight: var(--config-hero-stats-counter-font-weight);
}
@media (min-width: 450px) {
  .list--stats-bar .list__item:nth-child(2) {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.forum-featured-image {
  margin-bottom: 0;
}

.forum-featured-image .forum-list-view-spacing.forum-list-view-spacing--v {
  padding: 0;
}

.twig_site-forum .forum-featured-image,
.twig_page-group .forum-featured-image {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .twig_site-forum .forum-featured-image__content,
  .twig_page-ideas-overview .forum-featured-image__content,
  .twig_page-product-update-overview .forum-featured-image__content,
  .widget-container--generic_hero .forum-featured-image__content,
  .twig_page-group .forum-featured-image__content {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.brand-logo img {
  display: block;
  max-height: 40px;
  width: auto;
}

.brand-navigation-container {
  display: table;
  width: inherit;
}

.brand-logo-container, .brand-url-container {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .brand-logo-container {
    padding-left: 10px;
  }
}

.brand-url-container {
  text-align: right;
}
@media (max-width: 1024px) {
  .brand-url-container {
    padding-right: 10px;
  }
}

.brand-external-url {
  font-size: 14px;
  line-height: 2.6em;
}
.brand-external-url i {
  margin-left: 5px;
  font-size: 13px;
  top: -1px;
  color: inherit;
}

input[type=search] {
  font-family: "insided", var(--config--main-font-base-stack);
  height: 48px;
}
input[type=search]:focus {
  text-align: left;
}

input[type=search]:focus::-webkit-input-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

/* FF 4-18 */
input[type=search]:focus:-moz-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

/* FF 19+ */
input[type=search]:focus::-moz-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

/* IE 10+ */
input[type=search]:focus:-ms-input-placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}

.brand-footer-wrapper {
  background-color: var(--config-footer-background-color);
  color: var(--config-footer-color);
}

.back-to-top {
  cursor: pointer;
  color: inherit;
}
.back-to-top:hover {
  color: inherit;
}

.js-scrollto {
  display: inline-block;
}
.js-scrollto::before {
  float: right;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 8px;
  color: var(--config-footer-color);
}

.powered-by-insided-footer {
  margin-top: auto;
}

.Template-footer .box {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
.Template-footer .logo-insided {
  visibility: var(--config-powered-by-insided-display);
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 159px;
  height: 30px;
  background: transparent url("../images/logo-insided.svg") no-repeat 0 0;
}
.Template-footer .logo-insided:hover {
  background-position-y: -30px;
}
.Template-footer .logo-gainsight {
  visibility: var(--config-powered-by-insided-display);
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  width: 161px;
  background: transparent url("../images/logo-gainsight.svg") no-repeat 0 0;
  background-position-x: 50%;
}
.Template-footer .logo-gainsight:hover {
  background-position-y: -36px;
}
.Template-footer .scroll-to-top-sticky-button {
  display: none;
  bottom: 20px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--config--main-button-base-radius);
  background: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
  z-index: 2;
}
.Template-footer .scroll-to-top-sticky-button:before {
  padding: 0;
  float: none;
  vertical-align: middle;
  color: var(--config--main-color-brand);
}
.Template-footer .scroll-to-top-sticky-button:focus {
  border-color: var(--config--main-color-brand);
}
.Template-footer button.scroll-to-top-sticky-button {
  margin-right: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
}

.templatefoot-privacy-links {
  text-align: center;
  margin-top: 16px;
}
.templatefoot-privacy-links a {
  color: var(--config-meta-text-color);
  padding: 0 8px;
}
.templatefoot-privacy-links a:hover {
  color: var(--config--main-color-brand);
}

.thread-sticky-flag:after {
  border: 6px solid var(--config-thread-list-sticky-topic-flag-color);
  border-bottom: 4px solid transparent;
}

@media (min-width: 450px) {
  .thread-list-block__header {
    padding-top: 24px;
    padding-bottom: 8px;
  }
}

.topic-list-view .pill {
  margin-right: 5px;
  font-weight: var(--config--main-font-base-weight);
}
.topic-list-view .tooltip--thread-type {
  margin-left: 8px;
}
.topic-list-view .thread-meta-item--parent-forum {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
}
.topic-list-view .thread-list-block__footer {
  padding-top: 0;
  padding-bottom: 24px;
}
.topic-list-view .thread-meta-item--likes--liked .thread-meta-item__icon,
.topic-list-view .thread-meta-item--likes--liked .thread-meta-item__text {
  color: var(--config--main-color-brand);
}
.topic-list-view .thread-list-item.thread--feature-sticky {
  border-top: 1px solid var(--config-thread-list-sticky-topic-border-color);
  border-bottom: 1px solid var(--config-thread-list-sticky-topic-border-color);
  background: var(--config-thread-list-sticky-topic-background);
}

.thread-meta-link-rank {
  padding-left: 8px;
}

.Sidebarmodule {
  margin-top: 32px;
}
.twig_page-topic .Sidebarmodule, .twig_default-inbox-overview .Sidebarmodule, .twig_default-inbox-conversation .Sidebarmodule, .twig_default-member-profile .Sidebarmodule {
  margin-top: 0;
}
.twig_page-knowledgebase-overview .Sidebarmodule, .twig_page-custom-page-overview .Sidebarmodule, .category-page .Sidebarmodule, .twig_site-index .Sidebarmodule {
  margin-top: 24px;
}
.twig_page-knowledgebase-overview .Sidebarmodule.Sidebarmodule--no-margin, .twig_page-custom-page-overview .Sidebarmodule.Sidebarmodule--no-margin, .category-page .Sidebarmodule.Sidebarmodule--no-margin, .twig_site-index .Sidebarmodule.Sidebarmodule--no-margin {
  margin-top: 24px;
}
@media (min-width: 1025px) {
  .twig_page-knowledgebase-overview .Sidebarmodule.Sidebarmodule--no-margin, .twig_page-custom-page-overview .Sidebarmodule.Sidebarmodule--no-margin, .category-page .Sidebarmodule.Sidebarmodule--no-margin, .twig_site-index .Sidebarmodule.Sidebarmodule--no-margin {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .twig_page-knowledgebase-overview .Sidebarmodule, .twig_page-custom-page-overview .Sidebarmodule, .category-page .Sidebarmodule, .twig_site-index .Sidebarmodule {
    margin-top: 42px;
  }
}
.widget-container--general_sidebar .Sidebarmodule {
  margin-top: 0;
}

.Sidebarmodule {
  margin-top: 32px;
}
.Sidebarmodule .custom-html {
  margin-bottom: 24px;
}
.Sidebarmodule .widget-container:first-of-type .widget.box {
  margin-top: 0;
}
.Sidebarmodule .widget.box {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 24px;
}
.Sidebarmodule .widget .username {
  color: var(--config--main-color-night);
}
.Sidebarmodule .widget .username:hover {
  color: var(--config--main-color-brand);
}
.Sidebarmodule .widget .box__pad, .Sidebarmodule .col {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1025px) {
  .Sidebarmodule .widget .box__pad, .Sidebarmodule .col {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.Sidebarmodule .widget .widget-title, .Sidebarmodule .widget__heading {
  font-family: var(--config-sidebar-widget-font-family);
  font-weight: var(--config-sidebar-widget-font-weight);
  padding-bottom: 12px;
  margin-bottom: 0;
  color: var(--config-header-color);
}
@media (max-width: 767px) {
  .Sidebarmodule .widget .widget-title, .Sidebarmodule .widget__heading {
    padding-bottom: 12px;
  }
}
.Sidebarmodule .widget--notification {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 1025px) {
  .Sidebarmodule .widget--notification {
    margin: 0;
  }
}
.Sidebarmodule .widget--notification .featuredSide {
  margin-bottom: 32px;
}
@media (min-width: 1025px) {
  .Sidebarmodule .widget--imagelink .box__pad {
    padding-right: 0;
    padding-left: 0;
  }
}

/******************************************************************************/
/* Handle the layout differences between Home/Topic pages and Category pages: */
@media (min-width: 768px) and (max-width: 1024px) {
  .Template-content .Sidebarmodule .widget .box__pad {
    padding: 0;
  }
  .Template-content .Sidebarmodule .widget--notification {
    margin: 0;
  }
}
.notification {
  background-color: var(--config-notification-widget-background-color);
  padding-bottom: 0;
  border-bottom: none;
}
.notification .notification-title {
  font-weight: var(--config-sidebar-widget-font-weight);
}
.notification .notification-link {
  color: var(--config-notification-widget-color);
  font-size: 16px;
}
.notification .avatar {
  margin-right: 8px;
}
.notification .thread-meta-item__date {
  font-size: 14px;
}
.notification.banner-notification {
  margin-bottom: 0;
}
.notification.banner-notification .thread-meta-item:last-child {
  margin-right: 20px;
}
.notification.banner-notification .notification-title {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: center;
}
.notification.banner-notification .box__content {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.simple-topic-list {
  padding-left: 0;
  margin: 0 0 12px;
}

.simple-topic-list--item {
  list-style-type: none;
  margin-bottom: 12px !important;
}

.simple-topic-list--item:last-child {
  margin-bottom: 0 !important;
}

.simple-topic-list--title {
  margin-bottom: 4px !important;
  word-break: break-word;
}

.widget__heading {
  color: var(--config-header-color);
}

@media (max-width: 449px) {
  .tabs--navigation .widget__content .user {
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 8px;
  }
}

.tabs--navigation .widget.box__content {
  border-width: 1px 0 0 0;
}

.Template-brand-cta {
  border-bottom: 1px solid var(--config--main-border-base-color);
  background-color: var(--config-widget-cta-background-color);
}
@media (min-width: 1025px) {
  .Template-brand-cta {
    margin-top: 0;
    max-height: 90px;
  }
}
.Template-brand-cta .cta-widget {
  width: calc(100% - 30px);
}
@media (min-width: 1280px) {
  .Template-brand-cta .cta-widget {
    width: 100%;
  }
}
.Template-brand-cta .cta-widget .sitewidth {
  position: relative;
}
.Template-brand-cta .close {
  cursor: pointer;
  position: absolute;
  right: -16px;
  top: calc(50% - 0.75em);
  z-index: 1;
  color: var(--config-cta-close-button-color);
}
@media (max-width: 767px) {
  .Template-brand-cta .close {
    top: 16px;
  }
}
@media (min-width: 450px) {
  .Template-brand-cta .close {
    opacity: 1;
  }
}

.widget--cta {
  margin-bottom: 0;
  background-color: transparent;
}
.widget--cta .box__pad {
  padding: 16px;
}
@media (max-width: 767px) {
  .widget--cta .list {
    margin-bottom: 16px;
  }
}
@media (min-width: 450px) {
  .widget--cta .list {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }
}
.widget--cta .list li {
  font-size: 14px;
}
@media (max-width: 767px) {
  .widget--cta .list li {
    line-height: 3em;
  }
}
@media (min-width: 450px) {
  .widget--cta .list li {
    margin-bottom: 0;
  }
  .widget--cta .list li:nth-child(2) {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 450px) and (max-width: 767px) {
  .widget--cta .list li:nth-child(2) {
    margin: 0;
  }
}
@media (min-width: 450px) and (min-width: 450px) and (max-width: 1024px) {
  .widget--cta .list li:nth-child(2) {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .widget--cta .list li {
    float: none;
  }
}
@media (min-width: 450px) and (max-width: 1024px) {
  .widget--cta .list li {
    float: none;
  }
}
.widget--cta .list li .icon {
  margin-right: 8px;
  margin-left: 0;
  font-size: 1.4em;
  top: 0.4em;
}
@media (max-width: 767px) {
  .widget--cta .list li .icon {
    vertical-align: top;
  }
}
.widget--cta .list li .icon:before {
  background-color: var(--config--main-color-brand);
  color: var(--config-cta-icon-check);
  font-size: 12px;
}
.widget--cta .list li .list--label {
  line-height: normal;
  display: inline-block;
  color: var(--config-widget-cta-color);
}
@media (max-width: 767px) {
  .widget--cta .list li .list--label {
    width: 85%;
  }
}
@media (min-width: 450px) {
  .widget--cta .list li:first-child i {
    margin-left: 0;
  }
}
@media (min-width: 450px) {
  .widget--cta .box__content,
  .widget--cta .list__item {
    display: flex;
    align-items: center;
  }
  .widget--cta .icon--replace {
    width: 1.25em;
    height: 2.05em;
  }
}
@media (max-width: 449px) {
  .widget--cta .icon--replace {
    width: 25px;
  }
}
@media (min-width: 1025px) {
  .widget--cta .box__pad {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  .widget--cta .btn, .widget--cta .btn--cta {
    float: none;
  }
}
@media (min-width: 450px) {
  .widget--cta .btn, .widget--cta .btn--cta {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    float: right;
  }
}

.widget--featured-topics .pure-carousel {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  overflow-x: auto;
  padding-top: 8px;
  padding-bottom: 24px;
  margin-bottom: -24px;
  gap: 16px;
}
@media screen and (max-width: 1025px) {
  .widget--featured-topics .pure-carousel {
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.widget--featured-topics .pure-carousel.pure-carousel--snap {
  scroll-snap-type: x mandatory;
  scroll-padding: 16px;
}
.widget--featured-topics .pure-carousel.pure-carousel--snap > * {
  scroll-snap-align: center;
  position: relative;
  grid-column: auto/span 4;
}
.widget--featured-topics .featured-topic {
  padding-bottom: 32px;
  min-width: 250px;
}
.widget--featured-topics .featured-topic .pill {
  position: absolute;
  left: 16px;
  top: 16px;
}
.widget--featured-topics .featured-topic .username {
  line-height: 1;
  font-weight: normal;
  font-size: 14px;
}
.widget--featured-topics .link--featured-attachment {
  display: block;
  position: relative;
  overflow: hidden;
}
.widget--featured-topics .link--featured-attachment .thread-list-block__featured-image {
  height: 160px;
}
.widget--featured-topics .link--featured-description {
  display: block;
}
.widget--featured-topics .pill--featured-label {
  background-color: var(--config--main-color-brand);
  font-size: 13px;
  margin-right: 32px;
  margin-left: 32px;
}
.widget--featured-topics h3 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}
.widget--featured-topics .list {
  margin-top: 10px;
  font-size: 13px;
  position: absolute;
  bottom: 16px;
}
.widget--featured-topics .list .list__item:first-child {
  margin-right: 24px;
}
.widget--featured-topics .list .icon {
  font-size: 14px;
  top: -2px;
}
.widget--featured-topics .list .icon:before {
  top: -2px;
}
.widget--featured-topics .list .topic-meta-icon,
.widget--featured-topics .list .topic-text--meta {
  display: inline-block;
}
.widget--featured-topics .list .topic-meta-icon {
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 4px;
}
.widget--featured-topics .list .topic-text--meta {
  vertical-align: top;
}

.widget--base-shadow {
  box-shadow: var(--config-widget-box-shadow);
}

.Template-brand-featured .m-b-0 {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 24px;
  margin-right: 24px;
}

.tabs--navigation,
.sections__nav .tabs--navigation,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation {
  border: none;
}
.tabs--navigation .tabs__item > a,
.tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs .table .user_data h4 a {
  font-weight: var(--config-widget-tabs-font-weight);
}
.tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--navigation .tabs .table .user_data h4 a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs .table .user_data h4 a {
  font-size: 16px;
}

.sections__nav ul.tabs--navigation, .sections__nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--nav__container .tabs--nav ul.tabs--navigation,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item > a {
  font-size: 16px;
}
@media (min-width: 450px) {
  .sections__nav ul.tabs--navigation,
  .sections__nav .tabs--nav__container .tabs--nav ul.tabs--navigation {
    padding-top: 16px;
    padding-right: 0;
    padding-bottom: 8px;
    padding-left: 0;
  }
}
.sections__nav ul.tabs--navigation li.tabs__item,
.sections__nav .tabs--nav__container .tabs--nav ul.tabs--navigation li.tabs__item {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 8px;
  margin-right: 8px;
}
.custom-content-stream .sections__nav ul.tabs--navigation,
.custom-content-stream .sections__nav .tabs--nav__container .tabs--nav ul.tabs--navigation {
  padding-top: 0;
}
.sections__nav .tabs--navigation .tabs__item > a,
.sections__nav .tabs--nav__container .tabs--nav .tabs--navigation .tabs__item > a {
  padding: 0;
  line-height: 2;
}

@media (min-width: 450px) {
  .tabs .widget--popular-topics {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  .sections__nav.sections__nav--accordion-S .tabs--nav__container {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container:not(.twig_site-index .sections__nav.sections__nav--accordion-S .tabs--nav__container) {
    height: 50px;
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav {
    overflow: auto;
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav:not(.twig_site-index .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav) {
    height: 90px;
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav:after, .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 100%;
    z-index: 1;
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav:before {
    left: 0;
    background-image: linear-gradient(right, rgba(255, 255, 255, 0) -50%, var(--config-body-background-color) 100%);
  }
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav:after {
    right: 0;
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) -50%, var(--config-body-background-color) 100%);
  }
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation {
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid var(--config--main-border-base-color);
    display: flex;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation {
    border-bottom: none;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767px) {
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation > .tabs__item,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation > .tabs__item {
    padding-right: 1em;
    padding-left: 0;
    border: none;
  }
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation > .tabs__item > a,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation > .tabs__item > a {
    padding-left: 0;
    padding-right: 0;
    border: none;
    white-space: nowrap;
  }
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation > .tabs__item > a:focus-visible,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation > .tabs__item > a:focus-visible {
    outline: 1px solid;
  }
  .sections__nav.sections__nav--accordion-S > ul.tabs--navigation > .tabs__item > a.is-active,
  .sections__nav.sections__nav--accordion-S .tabs--nav__container .tabs--nav > ul.tabs--navigation > .tabs__item > a.is-active {
    border-bottom: 2px solid var(--config--main-color-brand);
    margin-bottom: 8px;
  }
}
@media (min-width: 450px) and (max-width: 1024px) {
  .sections__nav.sections__nav--accordion-S .tabs--nav__container:not(.twig_site-index .sections__nav.sections__nav--accordion-S .tabs--nav__container) {
    height: 74px;
  }
}
.widget--tabs .tabs--navigation .tabs__item {
  display: inline-block;
}
@media (max-width: 449px) {
  .widget--tabs {
    margin-top: 0;
  }
  .sections__nav.sections__nav--accordion-S {
    border-bottom: 1px solid var(--config--main-border-base-color);
  }
}
@media (max-width: 767px) {
  .twig_default-member-profile .box--user-activities {
    padding-left: 8px;
    padding-right: 8px;
  }
  .twig_default-member-profile .box--user-activities .usertitle {
    display: none;
  }
}
.twig_default-member-profile .box--user-activities .tabs {
  margin-left: -24px;
  margin-right: -24px;
}
@media (max-width: 767px) {
  .twig_default-member-profile .box--user-activities .tabs {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.twig_default-member-profile .box--user-activities .tabs .table .table__cell {
  padding-right: 40px;
  padding-left: 32px;
}
@media (max-width: 767px) {
  .twig_default-member-profile .box--user-activities .tabs .table .table__cell {
    padding-right: 8px;
    padding-left: 16px;
  }
}

.twig_default-settings-general .sections__nav ul.tabs--navigation, .twig_default-settings-general .sections__nav .tabs--navigation .tabs__item > a,
.twig_default-setting-profile .sections__nav ul.tabs--navigation,
.twig_default-setting-profile .sections__nav .tabs--navigation .tabs__item > a,
.twig_default-settings-email .sections__nav ul.tabs--navigation,
.twig_default-settings-email .sections__nav .tabs--navigation .tabs__item > a {
  background-color: #fff;
}
.twig_default-settings-general .sections__nav > ul > li:first-child,
.twig_default-setting-profile .sections__nav > ul > li:first-child,
.twig_default-settings-email .sections__nav > ul > li:first-child {
  margin-left: 16px;
}

.twig_page-topic .box__content > .box {
  border: 1px solid var(--config--main-border-base-color);
}
@media (max-width: 767px) {
  .twig_page-topic .box__content > .box {
    border-left: none;
    border-right: none;
  }
}
.twig_page-topic .box__content > .box .list__items--header {
  border-right: none;
  border-left: none;
}

.list__items--sort .selectize-input {
  border: none;
  box-shadow: none;
}
.list__items--sort .selectize-dropdown {
  border-top: 1px solid var(--config--main-border-base-color);
}
.list__items--sort .selectize-dropdown .option.active {
  background-color: transparent;
  color: var(--config--main-color-brand);
}

.post--bestanswer,
.answer-field,
.post--pinned {
  border-left: none;
  border-right: none;
}

.post--pinned-field {
  padding-left: 32px;
  padding-right: 32px;
}
.post--pinned-field .best-answer-label {
  padding-left: 24px;
}
.post--pinned-field .link {
  color: var(--config--main-color-brand);
  text-decoration: none;
}
.post--pinned-field .link:hover {
  text-decoration: underline;
}

.answer-field {
  padding-left: 32px;
  padding-right: 32px;
}
.answer-field .best-answer-label {
  padding-left: 24px;
}
.answer-field .icon--checkmark {
  top: 19px;
  left: 25px;
}
.answer-field .icon--checkmark:before {
  background: var(--config-topic-page-answered-field-icon-color);
}
.answer-field .link {
  color: var(--config-topic-page-answered-field-link-color);
  text-decoration: none;
}
.answer-field .link:hover {
  text-decoration: underline;
}

.post__user__meta time {
  font-size: 12px;
  color: var(--config-meta-text-color);
}
.post__user__meta time:hover {
  color: var(--config-meta-link-hover-color);
}
.post__user__meta .link {
  font-weight: normal;
  color: var(--config--main-color-brand);
}

.topic__header .text--meta {
  color: var(--config-meta-text-color);
  font-size: 14px;
}
.topic__header .text--meta li:before {
  color: var(--config-meta-text-color);
}
.topic__header .text--meta a {
  font-size: inherit;
  color: inherit;
}
.topic__header .text--meta a:hover {
  color: var(--config-meta-link-hover-color);
}

.post__actions > li {
  line-height: 1.3;
}
.post__actions > li .is-active, .post__actions > li .is-active.icon--b::before {
  color: var(--config-topic-page-post-actions-active);
}
.post:hover .post__actions > li .is-active, .post:hover .post__actions > li .is-active.icon--b::before {
  color: var(--config-topic-page-post-actions-active);
}
.post__actions .icon--b::before {
  color: var(--config-topic-page-post-actions-icon-color);
  line-height: 1.3;
}
.post:hover .post__actions .icon--b::before {
  color: inherit;
}

.voteContainer {
  margin-bottom: 16px;
}
.voteContainer:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.voteContainer .btn--toggle {
  float: left;
}
.voteContainer .post__vote-list {
  padding-left: 8px;
  padding-right: 8px;
  float: left;
  display: inline-block;
}
.voteContainer .post__vote-list .post-like-list {
  align-items: center;
  height: 48px;
}

/**
  Resetting tag styling
**/
.public-tags .canEditTags {
  border-radius: 2px;
  margin-left: 0;
  padding-top: 9px;
  padding-bottom: 8px;
  line-height: 1;
}
@media (max-width: 767px) {
  .public-tags .canEditTags {
    margin-left: 0;
  }
}
.public-tags .canEditTags .link {
  color: var(--config--main-color-dusk);
}
.public-tags .canEditTags .link:before {
  content: "+";
}
.public-tags .canEditTags .link.tag--modify {
  color: var(--config-tag-modify-link-color);
}

.tooltip--day.tooltip .tooltip__content,
.tooltip--day.tooltip .tooltip__content--left {
  top: 100%;
}

/*
 mixin setMargin and setPadding

A list (1 to 4 values) will set margin/padding rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setMargin(3px)  : renders "margin: 3px;"
    setPadding(3px) : renders "padding: 3px;"
    shorthands for: setMP(margin,3px) and setMP(padding,3px)
    setMargin(n 3px : renders "margin-left: 3px; margin-right:3px;"
    setMargin(0 3px): renders "margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 3px"

Styleguide 2.3
*/
/*
 mixin setPosition

A list (4 values [top,right,bottom,left]) will set top,right,bottom,left rules on multiple sides. n abbreviates null and creates no rule.
Reused from: http://davidtheclark.github.io/scut/margin.html

    setPosition(3px n n n)  : renders "top: 3px;"
    setPosition(n 2px 2px n) : renders "right:2px;bottom:2px"

Styleguide 2.3.2
*/
/*
 mixin createBorder

Creates border(s) for the element. The first parameter defines what sides should be bordered. 'All' styles them all.
If more than one side is defined (eg. top bottom), the other parameters should be either a single value or a list of values for each side.

    parameters: sides,color,width,style. Each can be a single value, empty or a list (space-seperated).
    The sides parameter takes top,right,bottom or left, or a list of these.
        createBorder(all,red,1px,solid)  : renders "border:solid 1px red;"
        createBorder(bottom,red,1px,solid) : renders "border-bottom-color:red;border-bottom-style:solid;border-bottom-width:1px;"
        createBorder(bottom top,red green,1px 10px,solid): renders a solid red bottom-border of 1px and a solid green top-border of 10px.

Styleguide 2.3.3
*/
.dl--tabular dt, .dl--tabular dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* this creates a list with all icons in use. This lists will be used in Styleguide-comments below */
/*
 mixin createIcon

This mixin creates the ::after or ::before pseudo-class with the unicode as content. To add or remove icons, you can change
the $icons variable that lives in _settings.scss. To assign an icon to an element which doesn't have the icon--XXX class,
you can @extend the classname, like .mydiv { @extend %icon--star-full; @extend %icnfont;}
List of icon-names in use:
     | caret-up | caret-right | caret-down | caret-left | arrow-up | arrow-right | arrow-down | arrow-left | arrow2-up | arrow2-right | arrow2-down | arrow2-left | arrow3-up | arrow3-right | arrow3-down | arrow3-left | arrow-above | arrow-below | reply | bullet | bullet2 | search | gear | home | share | heart | heart-full | flag | flag-full | vote-up | thumb-up | thumb-down | link | pen | settings | image | video | smiley | question | question-circle | info | idea | idea-new | star | star-full | comment | user | checkmark | checkbox | checkbox-checked | radio | radio-checked | wait | cross | cut | plus | minus | tag | ellipsis | quote | poll | menu | dot | warning | calendar | clock | desktop | mobile | dislike | dropdown | facebook | googleplus | linkedin | mail | twitter | whatsapp | folder | topic | topic-new | lock | participants | s-arrow-down | s-arrow-left | s-arrow-right | s-arrow-up | bbcode | bold | underline | italic | trashcan | create | filter | eye | activity | first-page | flags | food | last-page | mention | nature | next-page | objects | previous-page | symbols | thread-solved | travel | caret-up | caret-right | caret-down | caret-left | arrow-up | arrow-right | arrow-down | arrow-left | arrow2-up | arrow2-right | arrow2-down | arrow2-left | arrow3-up | arrow3-right | arrow3-down | arrow3-left | arrow-above | arrow-below | reply | bullet | bullet2 | search | gear | home | share | heart | heart-full | flag | flag-full | vote-up | thumb-up | thumb-down | link | pen | settings | image | video | smiley | question | question-circle | info | idea | idea-new | star | star-full | comment | user | checkmark | checkbox | checkbox-checked | radio | radio-checked | wait | cross | cut | plus | minus | tag | ellipsis | quote | poll | menu | dot | warning | calendar | clock | desktop | mobile | dislike | dropdown | facebook | googleplus | linkedin | mail | twitter | whatsapp | folder | topic | topic-new | lock | participants | s-arrow-down | s-arrow-left | s-arrow-right | s-arrow-up | bbcode | bold | underline | italic | trashcan | create | filter | eye | activity | first-page | flags | food | last-page | mention | nature | next-page | objects | previous-page | symbols | thread-solved | travel

    Parameter 1: the icon-name (see above and/or variable $icons in _settings.scss)
    Parameter 2: whether to use :before or :after (optional, defaults to $default-pseudo [current default: before] )

        createIcon(photo) : becomes :before{content:"\1f4f7";}
        createIcon(check,after) : becomes :after{content:"\2713";}

Styleguide 3.3.2
*/
/*
 mixin iconLocation

This mixin positions the icon-pseudo element at the end or the beginning or replaces the elements text. To assign an icon to an element which doesn't have the icon--XXX class,
you can @extend the classname, like .mydiv { @extend %icon--star-full; @extend %icon--b; @extend %icnfont;}

    Parameter: before, after, replace

        iconLocation(after) : becomes :before{declarations to move the pseudo after the content of the selector }
        iconLocation(before) : becomes :before{declarations to move the pseudo before the content of the selector }
        iconLocation(replace) : becomes :before{declarations to hide the selector's content and display the pseudo }

Styleguide 3.3.3
*/
/*
 Mixin setIcon (deprecated use '@mixin attachIcon' for the new (easy) approach)

If you want to add an icon to an element which does NOT have an .iconXXXX class, you can add it using this mixin in the CSS.
Inside a mediaquery, this shorcut won't work (because it heavily relies on extend). In that case enter 'true' for the last selector.

    Parameter 1: null                           the icon-name (see above and/or variable $icons in _settings.scss)
    Parameter 2: before | after | replace       Should the icon display before or after the text (or replace it)
    Parameter 3: null | width                   Width of the pseudo element, use 'null' for generic width
    Parameter 4: absolute | relative | fixed    Position of the parent of the pseudo
    Parameter 5: center | right | left          Text-alignment of icon within pseudo
    Parameter 6: false | true                   Use true from within a mediaquery, so the mixin won't use @extends

        setIcon(photo) : sets the photo-icon in front of the element


Styleguide 3.3.5
*/
/*
 Iconfont

For icons on the platform, we use an iconfont. It lives in /css/fonts/insided-icons/ and is called 'insided-icons'.
The font is created through http://icomoon.io/app. To change it, you'll find a folder called 'iconfont' in your theme-folder
that contains the complete icomoon output. To change anything to the font,

1. go to http://icomoon.io/app
2.   then click on the hamburger menu, select 'Manage projects',
3.   then click 'import project' and find the 'insided icons project.json' file in barebones/utilities/iconfont.

You can then use icomoon as expected. Don't forget to save the 'project' in your theme!

    hamburger > manage projects > download

Styleguide 3.3
*/
/*
 the icon-font is created using the createFontface mixin */
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, [class^=icon]:before, [class*=" icon"]:before, .icon--dot-small, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .btn.btn--facebook, .btn.btn--twitter, .btn.btn--linkedin, .btn.btn--whatsapp, .btn.btn--mail, .list--icon--bullet > li, .list--icon--bullet > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .selectize-control.multi .selectize-input > div .remove, .answer-field__title, .poll__result-votes, .new .forum-icon, .forum-ideation .forum-icon, .new.forum-ideation .forum-icon, .closed .forum-icon { /*  sets fontstyles for iconfonts (regardless of which font) */
  speak: none;
  font-style: normal;
  font-weight: var(--config--main-font-base-weight);
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon], [class*=" icon"] { /*  sets up styles for elements with a class of .icon-XXXX  */ }
.fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .answer-field__title {
  position: relative;
}
.fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before, .answer-field__title:before {
  text-align: left;
  display: inline-block;
  position: absolute;
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, [class^=icon], [class*=" icon"], .icon--dot-small, .btn.btn--facebook, .btn.btn--twitter, .btn.btn--linkedin, .btn.btn--whatsapp, .btn.btn--mail, .list--icon--bullet > li, .list--icon--bullet > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .selectize-control.multi .selectize-input > div .remove, .poll__result-votes, .new .forum-icon, .forum-ideation .forum-icon, .new.forum-ideation .forum-icon, .closed .forum-icon {
  position: relative;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, [class^=icon]:before, [class*=" icon"]:before, .icon--dot-small:before, .btn.btn--facebook:before, .btn.btn--twitter:before, .btn.btn--linkedin:before, .btn.btn--whatsapp:before, .btn.btn--mail:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .selectize-control.multi .selectize-input > div .remove:before, .poll__result-votes:before, .new .forum-icon:before, .forum-ideation .forum-icon:before, .new.forum-ideation .forum-icon:before, .closed .forum-icon:before {
  text-align: center;
  display: inline-block;
  position: absolute;
}

/*
 utility classes iconLocation

For the iconLocation mixin we create some extra (silent) classes, which can be eaily used.

Markup:
<span class="icon icon--caret-right">sometext</span>
<a href="" class="icon icon--caret-right {$modifiers}">sometext</a>
<h1><a href="" class="icon icon--caret-right {$modifiers}">sometext</a></h1>

.icon--b    - An element with and icon before
.icon--a    - An element with and icon after
.icon--replace  - An element replaced by an icon

Styleguide 3.3.4
*/
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss, .react-modal-container .react-modal .react-modal_close-button, .icon--b, .fancyselect input[type=checkbox] + label,
.fancyselect input[type=radio] + label, .btn.btn--facebook, .btn.btn--twitter, .btn.btn--linkedin, .btn.btn--whatsapp, .btn.btn--mail, .list--icon--bullet > li, .list--icon--bullet > .list__item, .list--icon--bullet2 > li, .list--icon--bullet2 > .list__item, .list--icon--caret-right > li, .list--icon--caret-right > .list__item, .list--icon--arrow-right > li, .list--icon--arrow-right > .list__item, .list--icon--checkmark > li, .list--icon--checkmark > .list__item, .answer-field__title, .poll__result-votes, .new .forum-icon, .forum-ideation .forum-icon, .new.forum-ideation .forum-icon, .closed .forum-icon {
  padding-left: 1.25em;
  display: inline-block;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .icon--b:before, .fancyselect input[type=checkbox] + label:before,
.fancyselect input[type=radio] + label:before, .btn.btn--facebook:before, .btn.btn--twitter:before, .btn.btn--linkedin:before, .btn.btn--whatsapp:before, .btn.btn--mail:before, .list--icon--bullet > li:before, .list--icon--bullet > .list__item:before, .list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before, .list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before, .list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before, .list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .answer-field__title:before, .poll__result-votes:before, .new .forum-icon:before, .forum-ideation .forum-icon:before, .new.forum-ideation .forum-icon:before, .closed .forum-icon:before {
  left: 0;
  width: 1.25em;
}

.icon--a, .icon--dot-small {
  padding-right: 1.25em;
}
.icon--a:before, .icon--dot-small:before {
  right: 0;
  width: 1.25em;
}

.icon--replace, .selectize-control.multi .selectize-input > div .remove {
  text-indent: -9999px;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
}
.icon--replace:before, .selectize-control.multi .selectize-input > div .remove:before {
  text-indent: 0;
  width: 100%;
  left: 0;
  text-align: center;
}

.list--icon--caret-right > li:before, .list--icon--caret-right > .list__item:before {
  font-family: insided;
  content: "\f107";
}

.list--icon--arrow-right > li:before, .list--icon--arrow-right > .list__item:before {
  font-family: insided;
  content: "→";
}

.list--icon--bullet > li:before, .list--icon--bullet > .list__item:before {
  font-family: insided;
  content: "•";
}

.list--icon--bullet2 > li:before, .list--icon--bullet2 > .list__item:before {
  font-family: insided;
  content: "\f103";
}

.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f11f";
}

.new.forum-ideation .forum-icon:before {
  font-family: insided;
  content: "\f120";
}

.icon--star:hover:before, .post__action-link.is-active.icon--star:before {
  font-family: insided;
  content: "\f141";
}

.list--icon--checkmark > li:before, .list--icon--checkmark > .list__item:before, .answer-field__title:before {
  font-family: insided;
  content: "\f10b";
}

.fancyselect input[type=checkbox] + label:before {
  font-family: insided;
  content: "\f109";
}

.fancyselect input[type=checkbox]:checked + label:before {
  font-family: insided;
  content: "\f10a";
}

.fancyselect input[type=radio] + label:before {
  font-family: insided;
  content: "\f135";
}

.fancyselect input[type=radio]:checked + label:before {
  font-family: insided;
  content: "\f136";
}

.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss:before, .react-modal-container .react-modal .react-modal_close-button:before, .selectize-control.multi .selectize-input > div .remove:before {
  font-family: insided;
  content: "\f110";
}

.icon--dot-small:before, .poll__result-votes:before {
  font-family: insided;
  content: "\f113";
}

.btn.btn--facebook:before {
  font-family: insided;
  content: "\f117";
}

.btn.btn--linkedin:before {
  font-family: insided;
  content: "\f125";
}

.btn.btn--mail:before {
  font-family: insided;
  content: "\f127";
}

.btn.btn--twitter:before {
  font-family: insided;
  content: "\f14a";
}

.btn.btn--whatsapp:before {
  font-family: insided;
  content: "\f150";
}

.new .forum-icon:before {
  font-family: insided;
  content: "\f147";
}

.closed .forum-icon:before {
  font-family: insided;
  content: "\f126";
}

/*
 Default icons

By default, all icons are a unicode character in the PUA range. See http://unicode.johnholtripley.co.uk/all/ for a nice compatibility list.

Markup:
<span class="icon {$modifiers}">x</span><br />
<span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  <span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  <span class='icon icon--caret-up'> </span><span>caret-up, \f108</span><br>  <span class='icon icon--caret-right'> </span><span>caret-right, \f107</span><br>  <span class='icon icon--caret-down'> </span><span>caret-down, \f105</span><br>  <span class='icon icon--caret-left'> </span><span>caret-left, \f106</span><br>  <span class='icon icon--arrow-up'> </span><span>arrow-up, ↑ insided</span><br>  <span class='icon icon--arrow-right'> </span><span>arrow-right, → insided</span><br>  <span class='icon icon--arrow-down'> </span><span>arrow-down, ↓ insided</span><br>  <span class='icon icon--arrow-left'> </span><span>arrow-left, ← insided</span><br>  <span class='icon icon--arrow2-up'> </span><span>arrow2-up, ⇑ insided</span><br>  <span class='icon icon--arrow2-right'> </span><span>arrow2-right, ⇒ insided</span><br>  <span class='icon icon--arrow2-down'> </span><span>arrow2-down, ⇓ insided</span><br>  <span class='icon icon--arrow2-left'> </span><span>arrow2-left, ⇐ insided</span><br>  <span class='icon icon--arrow3-up'> </span><span>arrow3-up, ⇡ insided</span><br>  <span class='icon icon--arrow3-right'> </span><span>arrow3-right, ⇢ insided</span><br>  <span class='icon icon--arrow3-down'> </span><span>arrow3-down, ⇣ insided</span><br>  <span class='icon icon--arrow3-left'> </span><span>arrow3-left, ⇠ insided</span><br>  <span class='icon icon--arrow-above'> </span><span>arrow-above, ↥ insided</span><br>  <span class='icon icon--arrow-below'> </span><span>arrow-below, ↧ insided</span><br>  <span class='icon icon--reply'> </span><span>reply, \f137</span><br>  <span class='icon icon--bullet'> </span><span>bullet, • insided</span><br>  <span class='icon icon--bullet2'> </span><span>bullet2, \f103</span><br>  <span class='icon icon--search'> </span><span>search, \f13c</span><br>  <span class='icon icon--gear'> </span><span>gear, ⚙ insided</span><br>  <span class='icon icon--home'> </span><span>home, ⌂ insided</span><br>  <span class='icon icon--share'> </span><span>share, \f178</span><br>  <span class='icon icon--heart'> </span><span>heart, \f11d</span><br>  <span class='icon icon--heart-full'> </span><span>heart-full, \f11e</span><br>  <span class='icon icon--flag'> </span><span>flag, ⚐ insided</span><br>  <span class='icon icon--flag-full'> </span><span>flag-full, ⚑ insided</span><br>  <span class='icon icon--vote-up'> </span><span>vote-up, \f14d</span><br>  <span class='icon icon--thumb-up'> </span><span>thumb-up, \f145</span><br>  <span class='icon icon--thumb-down'> </span><span>thumb-down, 👎 insided</span><br>  <span class='icon icon--link'> </span><span>link, \f124</span><br>  <span class='icon icon--pen'> </span><span>pen, \f12f</span><br>  <span class='icon icon--settings'> </span><span>settings, \f13d</span><br>  <span class='icon icon--image'> </span><span>image, \f121</span><br>  <span class='icon icon--video'> </span><span>video, 𕎥 insided</span><br>  <span class='icon icon--smiley'> </span><span>smiley, \f13f</span><br>  <span class='icon icon--question'> </span><span>question, \f132</span><br>  <span class='icon icon--question-circle'> </span><span>question-circle, \f133</span><br>  <span class='icon icon--info'> </span><span>info, \f122</span><br>  <span class='icon icon--idea'> </span><span>idea, \f11f</span><br>  <span class='icon icon--idea-new'> </span><span>idea-new, \f120</span><br>  <span class='icon icon--star'> </span><span>star, \f140</span><br>  <span class='icon icon--star-full'> </span><span>star-full, \f141</span><br>  <span class='icon icon--comment'> </span><span>comment, \f10e</span><br>  <span class='icon icon--user'> </span><span>user, \f14c</span><br>  <span class='icon icon--checkmark'> </span><span>checkmark, \f10b</span><br>  <span class='icon icon--checkbox'> </span><span>checkbox, \f109</span><br>  <span class='icon icon--checkbox-checked'> </span><span>checkbox-checked, \f10a</span><br>  <span class='icon icon--radio'> </span><span>radio, \f135</span><br>  <span class='icon icon--radio-checked'> </span><span>radio-checked, \f136</span><br>  <span class='icon icon--wait'> </span><span>wait, \f14e</span><br>  <span class='icon icon--cross'> </span><span>cross, \f110</span><br>  <span class='icon icon--cut'> </span><span>cut, ✂ insided</span><br>  <span class='icon icon--plus'> </span><span>plus, \f130</span><br>  <span class='icon icon--minus'> </span><span>minus, \f12a</span><br>  <span class='icon icon--tag'> </span><span>tag, \f143</span><br>  <span class='icon icon--ellipsis'> </span><span>ellipsis, \f115</span><br>  <span class='icon icon--quote'> </span><span>quote, \f134</span><br>  <span class='icon icon--poll'> </span><span>poll, \f131</span><br>  <span class='icon icon--menu'> </span><span>menu, \f129</span><br>  <span class='icon icon--dot'> </span><span>dot, \f113</span><br>  <span class='icon icon--warning'> </span><span>warning, \f14f</span><br>  <span class='icon icon--calendar'> </span><span>calendar, \f104</span><br>  <span class='icon icon--clock'> </span><span>clock, \f10c</span><br>  <span class='icon icon--desktop'> </span><span>desktop, \f111</span><br>  <span class='icon icon--mobile'> </span><span>mobile, \f12b</span><br>  <span class='icon icon--dislike'> </span><span>dislike, \f112</span><br>  <span class='icon icon--dropdown'> </span><span>dropdown, \f114</span><br>  <span class='icon icon--facebook'> </span><span>facebook, \f117</span><br>  <span class='icon icon--googleplus'> </span><span>googleplus, \f11c</span><br>  <span class='icon icon--linkedin'> </span><span>linkedin, \f125</span><br>  <span class='icon icon--mail'> </span><span>mail, \f127</span><br>  <span class='icon icon--twitter'> </span><span>twitter, \f14a</span><br>  <span class='icon icon--whatsapp'> </span><span>whatsapp, \f150</span><br>  <span class='icon icon--folder'> </span><span>folder, \f11a</span><br>  <span class='icon icon--topic'> </span><span>topic, \f146</span><br>  <span class='icon icon--topic-new'> </span><span>topic-new, \f147</span><br>  <span class='icon icon--lock'> </span><span>lock, \f126</span><br>  <span class='icon icon--participants'> </span><span>participants, \f12e</span><br>  <span class='icon icon--s-arrow-down'> </span><span>s-arrow-down, \f138</span><br>  <span class='icon icon--s-arrow-left'> </span><span>s-arrow-left, \f139</span><br>  <span class='icon icon--s-arrow-right'> </span><span>s-arrow-right, \f13a</span><br>  <span class='icon icon--s-arrow-up'> </span><span>s-arrow-up, \f13b</span><br>  <span class='icon icon--bbcode'> </span><span>bbcode, \f101</span><br>  <span class='icon icon--bold'> </span><span>bold, \f102</span><br>  <span class='icon icon--underline'> </span><span>underline, \f14b</span><br>  <span class='icon icon--italic'> </span><span>italic, \f123</span><br>  <span class='icon icon--trashcan'> </span><span>trashcan, \f148</span><br>  <span class='icon icon--create'> </span><span>create, \f10f</span><br>  <span class='icon icon--filter'> </span><span>filter, \f118</span><br>  <span class='icon icon--eye'> </span><span>eye, \f116</span><br>  <span class='icon icon--activity'> </span><span>activity, \f100</span><br>  <span class='icon icon--first-page'> </span><span>first-page, \f1e3</span><br>  <span class='icon icon--flags'> </span><span>flags, \f119</span><br>  <span class='icon icon--food'> </span><span>food, \f11b</span><br>  <span class='icon icon--last-page'> </span><span>last-page, \f1e4</span><br>  <span class='icon icon--mention'> </span><span>mention, \f128</span><br>  <span class='icon icon--nature'> </span><span>nature, \f12c</span><br>  <span class='icon icon--next-page'> </span><span>next-page, \f1e5</span><br>  <span class='icon icon--objects'> </span><span>objects, \f12d</span><br>  <span class='icon icon--previous-page'> </span><span>previous-page, \f1e6</span><br>  <span class='icon icon--symbols'> </span><span>symbols, \f142</span><br>  <span class='icon icon--thread-solved'> </span><span>thread-solved, \f144</span><br>  <span class='icon icon--travel'> </span><span>travel, \f149</span><br>  

Styleguide 3.3.1
*/
.icon--auto-width {
  display: inline-block !important;
}
.icon--auto-width:before {
  vertical-align: middle;
  display: inline-block !important;
  position: relative !important;
  width: auto;
}

.icon--thread-solved {
  color: var(--config--main-color-success);
}

.icon--question-circle {
  color: var(--config-topic-question-color);
}

.react-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  align-items: center;
  z-index: 9000;
}
.react-modal-container .react-modal-opacity {
  background-color: black;
  opacity: 0.1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-modal-container .react-modal {
  position: relative;
  z-index: 9;
  padding: 24px 32px;
  width: 570px;
  background: #fff;
  line-height: 21px;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
}
.react-modal-container .react-modal .react-modal_close-button-container {
  position: absolute;
  top: 15px;
  right: 15px;
}
.react-modal-container .react-modal .react-modal_close-button {
  display: flex;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.8;
}
.react-modal-container .react-modal .react-modal_close-button:before {
  position: initial;
}

.ask-question-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ask-question-modal .ask-question-title .ask-question-title__text {
  display: flex;
  justify-content: center;
}
.ask-question-modal .ask-question-title .ask-question-title__description {
  display: flex;
  justify-content: center;
  color: var(--config--main-color-dusk);
}
.ask-question-modal .ask-question_required-field {
  color: var(--config--main-color-alert);
}
.ask-question-modal .ask-question-optional-description-container {
  border: 1px dashed var(--config--main-border-base-color);
  color: var(--config--main-color-dusk);
  margin: 10px 0 20px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.ask-question-modal .ask-question-optional-description-container .ask-question-optional-description {
  padding: 8px;
}
.ask-question-modal .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button.icon-poll, .ask-question-modal .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button.icon-image {
  display: none;
}
.ask-question-modal .wysiwyg-editor__submenu li:last-child {
  display: none;
}
.ask-question-modal .selectize-dropdown {
  width: 100%;
}
.ask-question-modal .selectize-dropdown .ask-question-subforum {
  cursor: pointer;
}
.ask-question-modal .ask-question_label {
  font-weight: bold;
}
.ask-question-modal .ask-question-buttons {
  margin-top: 10px;
}
.ask-question-modal .button-topic-create:disabled {
  background-color: var(--config--main-color-dusk);
  border-color: var(--config--main-color-dusk);
  box-shadow: none;
}
.ask-question-modal .btn--cancel {
  margin-left: 8px;
}

.ask-question-widget__widget {
  display: grid;
  grid-template-columns: 1fr minmax(0, 240px);
  grid-template-rows: max-content;
  align-items: center;
  border: 1px solid var(--config--main-border-base-color);
  background-color: #fff;
}
@media (max-width: 1024px) {
  .ask-question-widget__widget {
    border-left: none;
    border-right: none;
  }
}
.ask-question-widget__widget .ask-question-widget__title {
  font-size: 16px;
  font-weight: 500;
  padding: 16px;
  align-self: center;
}
.ask-question-widget__widget .ask-question-widget__button {
  font-size: 16px;
  padding: 16px;
  align-self: center;
}
.ask-question-widget__widget .ask-question-widget__button a {
  padding: 10px 16px !important;
  white-space: normal;
  line-height: 2;
}

@media (max-width: 767px) {
  .ask-question-widget__widget {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr max-content;
    text-align: center;
    border-width: 1px 0px;
  }
  .ask-question-widget__widget .ask-question-widget__button {
    padding-top: 0px;
  }
  .ask-question-widget__widget .ask-question-widget__button .btn--new-topic {
    float: none !important;
  }
}
.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  color: #24292e;
  background: #f6f6f6;
  border-radius: 8px;
}

.hljs-comment,
.hljs-quote {
  color: #6a737d;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #d73a49;
}

.hljs-string,
.hljs-attr {
  color: #032f62;
}

.hljs-number,
.hljs-literal {
  color: #005cc5;
}

.hljs-variable,
.hljs-name {
  color: #e36209;
}

.hljs-function,
.hljs-title {
  color: #6f42c1;
}

.hljs-subst {
  color: #24292e;
}

#code-preview {
  background: #282c34 !important;
  color: #abb2bf !important;
  padding: 10px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 12px;
  max-height: 150px;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.code-preview-line {
  display: flex;
}

.code-preview-line-num {
  color: #636d83 !important;
  min-width: 2em;
  text-align: right;
  margin-right: 0.5em;
}

.code-preview-line-content {
  white-space: pre-wrap;
  word-break: break-word;
  color: #abb2bf !important;
}

body.dark-theme .hljs,
[data-theme=dark] .hljs {
  color: #abb2bf;
  background: #282c34;
}
body.dark-theme .hljs-comment,
body.dark-theme .hljs-quote,
[data-theme=dark] .hljs-comment,
[data-theme=dark] .hljs-quote {
  color: #5c6370;
  font-style: italic;
}
body.dark-theme .hljs-keyword,
body.dark-theme .hljs-selector-tag,
body.dark-theme .hljs-type,
[data-theme=dark] .hljs-keyword,
[data-theme=dark] .hljs-selector-tag,
[data-theme=dark] .hljs-type {
  color: #c678dd;
}
body.dark-theme .hljs-string,
body.dark-theme .hljs-attr,
[data-theme=dark] .hljs-string,
[data-theme=dark] .hljs-attr {
  color: #98c379;
}
body.dark-theme .hljs-number,
body.dark-theme .hljs-literal,
[data-theme=dark] .hljs-number,
[data-theme=dark] .hljs-literal {
  color: #d19a66;
}
body.dark-theme .hljs-variable,
body.dark-theme .hljs-name,
[data-theme=dark] .hljs-variable,
[data-theme=dark] .hljs-name {
  color: #e06c75;
}
body.dark-theme .hljs-function,
body.dark-theme .hljs-title,
[data-theme=dark] .hljs-function,
[data-theme=dark] .hljs-title {
  color: #61aeee;
}
body.dark-theme .hljs-subst,
[data-theme=dark] .hljs-subst {
  color: #e6c07b;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.attachments-component .file-attachment {
  font-family: var(--config--main-font-base-stack);
  font-weight: var(--config--main-font-base-weight);
  font-style: var(--config--main-font-base-style);
  color: var(--config--main-color-night);
}
.attachments-component .file-attachment:hover {
  color: var(--config--main-color-brand);
}
.attachments-component .file-attachment:before {
  display: inline-block;
  width: 30px;
  height: 44px;
  position: relative;
  top: 7px;
}
.attachments-component .file-attachment.csv:before {
  content: url("../images/file-type-icons/csv.svg");
}
.attachments-component .file-attachment.doc:before, .attachments-component .file-attachment.docx:before {
  content: url("../images/file-type-icons/doc.svg");
}
.attachments-component .file-attachment.pdf:before {
  content: url("../images/file-type-icons/pdf.svg");
}
.attachments-component .file-attachment.ppt:before, .attachments-component .file-attachment.pptx:before {
  content: url("../images/file-type-icons/ppt.svg");
}
.attachments-component .file-attachment.txt:before {
  content: url("../images/file-type-icons/txt.svg");
}
.attachments-component .file-attachment.xls:before, .attachments-component .file-attachment.xlsx:before {
  content: url("../images/file-type-icons/xls.svg");
}
.attachments-component .file-attachment.xml:before {
  content: url("../images/file-type-icons/xml.svg");
}
.attachments-component .file-attachment.zip:before {
  content: url("../images/file-type-icons/zip.svg");
}

.avatar-uploader {
  position: relative;
}
.avatar-uploader:hover {
  cursor: pointer;
}

.avatar, .avatar-uploader__edit {
  float: left;
}

.avatar-uploader__edit {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .avatar-uploader__edit {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 8px;
  }
}
.avatar-uploader__edit .btn, .avatar-uploader__edit a {
  margin-right: 8px;
}

.modal--crop .mfp-inline-holder .mfp-content {
  width: 260px;
}

.modal-crop__top {
  padding-top: 16px;
  padding-bottom: 32px;
  text-align: center;
}
.modal-crop__top .cropper-mask {
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 16px;
  border: solid 1px var(--config--main-border-base-color);
}
.modal-crop__top .cropper-container {
  position: relative;
}
.modal-crop__top .cropper-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.75;
  box-shadow: inset 0 0 0 8px white, inset 0 0 0 8px rgba(0, 0, 0, 0.1), inset 0 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  pointer-events: none;
}
.modal-crop__top .cropper-container .cropFrame {
  overflow: visible;
  top: 7px;
}
.modal-crop__top .cropper-container .cropControls {
  display: none;
  z-index: 0;
  visibility: hidden;
}
.modal-crop__top .icon--minus, .modal-crop__top .icon--plus {
  display: inline-block;
  color: var(--config--main-color-dusk-light);
}
.modal-crop__top .icon--minus:before, .modal-crop__top .icon--plus:before {
  position: relative;
}
.modal-crop__top .icon--minus {
  margin-right: 8px;
}
.modal-crop__top .icon--plus {
  margin-left: 8px;
}

.modal-crop__bottom .save-avatar-crop {
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 16px;
}

.noUi-horizontal {
  height: 6px;
  display: inline-block;
  width: 120px;
  text-align: center;
  top: -3px;
}

.noUi-connect {
  background: var(--config--main-color-dusk-light);
}

.noUi-target.noUi-connect {
  background: var(--config--main-color-dusk-light);
  box-shadow: none;
}

.noUi-target {
  border: 0;
}

.noUi-horizontal .noUi-handle {
  top: -7px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-width: 1px;
  box-shadow: none;
  border-radius: 50%;
}
.noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before {
  display: none;
}

.wysiwyg-editor {
  position: relative;
  margin: 10px 0;
  min-height: 280px;
  border-radius: 2px;
}
.wysiwyg-editor .wysiwyg-editor__textarea {
  font-size: 14px;
  min-height: 230px;
  border: solid 1px var(--config--main-border-base-color);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.wysiwyg-editor .wysiwyg-editor__textarea.has-error {
  border: solid 1px var(--config--main-color-alert);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor {
  min-height: 230px;
  z-index: 10;
  color: var(--config--main-color-night);
  font-family: var(--config--main-font-base-stack);
  font-weight: var(--config--main-font-base-weight);
  font-style: var(--config--main-font-base-style);
  resize: vertical;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor.ql-blank {
  color: var(--config--main-color-dusk);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor.ql-blank::before {
  left: 10px;
  font-style: normal;
  font-size: 14px;
  color: var(--config-main-navigation-search-placeholder-color);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item {
  padding-left: 21px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote {
  font-style: italic;
  border-left: 2px solid var(--config-topic-page-quote-border-color);
  padding-left: 14px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-spoiler-item {
  padding-left: 21px;
  border-left: 2px solid var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-1:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-1:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-2:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-3:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-4:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-5:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-6:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-7:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-8:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-8 {
  padding-left: 14px;
  border-left: 2px solid var(--config-topic-page-quote-border-color);
  position: relative;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-2:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-2:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-2 {
  padding-left: 28px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-3:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-3:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-3 {
  padding-left: 42px !important;
  border-color: var(--config-topic-page-quote-border-color);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-4:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-4:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-4 {
  padding-left: 56px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-5:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-5:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-5 {
  padding-left: 70px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-6:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-6:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-6 {
  padding-left: 84px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-7:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-7:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-7 {
  padding-left: 98px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-8:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-8:not(li),
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-8 {
  padding-left: 112px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-8:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-8:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-8:not(li):before {
  content: "";
  border-left: 2px solid var(--config--main-border-base-color);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-right: 14px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-2:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-2:before {
  left: 14px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-3:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-3:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-3:before {
  left: 28px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-4:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-4:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-4:before {
  left: 42px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-5:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-5:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-5:before {
  left: 56px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-6:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-6:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-6:before {
  left: 70px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-7:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-7:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-7:before {
  left: 84px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-8:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-8:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-quote-spoiler-item.ql-nested-8:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-quote-spoiler-item.ql-nested-8:before {
  left: 98px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-spoiler-item:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-spoiler-item:not(li):before {
  border-left: 2px solid var(--config-topic-page-quote-border-color) !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  margin-right: 14px !important;
  left: 7px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item.ql-nested-2:not(li):before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor blockquote.ql-nested-2:not(li):before {
  left: 14px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-spoiler-item:before, .wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-spoiler-item {
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item:before, .wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item {
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-2:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-2:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-3:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-3:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-4:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-4:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-5:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-5:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-6:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-6:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-7:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-7:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-8:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-8:before {
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-3,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-4,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-5,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-6,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-7,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-8,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor li.ql-quote-spoiler-item.ql-nested-8 {
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol {
  padding-left: 40px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-spoiler-item {
  padding-left: 47px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-nested-1 {
  padding-left: 54px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-nested-2 {
  padding-left: 68px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item.ql-nested-1 {
  padding-left: 21px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-quote-spoiler-item {
  border-left: 2px solid var(--config-topic-page-quote-border-color);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item {
  padding-left: 61px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item.ql-nested-1 > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item.ql-nested-1 > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-quote-spoiler-item > li {
  padding-left: 0;
  list-style-position: inside;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-quote-spoiler-item > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-quote-spoiler-item > li {
  padding-left: 40px;
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ul.ql-blockquote-item.ql-spoiler-item.ql-nested-1 > li,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor ol.ql-blockquote-item.ql-spoiler-item.ql-nested-1 > li {
  border-left: none;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-spoiler-item img, .wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-spoiler-item .ql-embed, .wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item img, .wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-blockquote-item .ql-embed {
  margin-bottom: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-spoiler-item.ql-embed {
  margin-bottom: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor .ql-embed.loaded {
  height: 500px !important;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax {
  padding-left: 7px;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
  margin: 0;
  font-family: Courier New, Courier, monospace;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-spoiler-item {
  padding-left: 14px;
  background-color: var(--config--main-color-day);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax:not(.ql-blockquote-item):not(.ql-quote-spoiler-item):not(ql-spoiler-item) {
  background-color: var(--config--main-color-day);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-nested-2,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-quote-spoiler-item.ql-nested-1,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-spoiler-item.ql-nested-1 {
  background-color: transparent;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-nested-1 {
  padding-left: 21px;
  background-color: var(--config--main-color-day);
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-quote-spoiler-item {
  padding-left: 28px;
  z-index: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-spoiler-item {
  padding-left: 35px;
  z-index: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-spoiler-item:before,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item:not(.ql-quote-spoiler-item):before {
  background-color: white;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-spoiler-item:before {
  width: 7px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item:before {
  width: 14px;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-quote-spoiler-item:after,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-quote-spoiler-item:after,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-spoiler-item:after {
  background-color: var(--config--main-color-day);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21px;
  width: calc(100% - 21px);
  z-index: -1;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-nested-2:after {
  background-color: var(--config--main-color-day);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 28px;
  width: calc(100% - 28px);
  z-index: -1;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor pre.ql-syntax.ql-blockquote-item.ql-nested-2 {
  padding-left: 35px;
  z-index: 0;
}
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor h1.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor h2.ql-quote-spoiler-item,
.wysiwyg-editor .wysiwyg-editor__textarea .ql-editor h3.ql-quote-spoiler-item {
  padding-left: 21px;
}
.wysiwyg-editor .wysiwyg-editor__textarea img {
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
}
.wysiwyg-editor .wysiwyg-editor__textarea img.emojione {
  display: inline-block;
  max-width: 100%;
  margin: 0 2px;
}
.wysiwyg-editor .wysiwyg-editor__textarea h2 {
  font-size: 19px;
}
.wysiwyg-editor .wysiwyg-editor__textarea h3 {
  font-size: 16px;
}
.wysiwyg-editor .add-poll {
  border-bottom: solid 1px var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__modal .wysiwyg-editor__modal--embed .btn {
  height: 38px;
  line-height: 38px;
  padding: 0 16px;
}
.wysiwyg-editor .wysiwyg-editor__toolbar {
  height: 48px;
  line-height: 48px;
  border: solid 1px var(--config--main-border-base-color);
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fdfdfd;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__button-group {
  display: block;
  float: left;
  height: 48px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__actions {
  float: right;
  height: 48px;
  line-height: 47px;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__actions .btn {
  height: 48px;
  border-radius: 0;
  box-shadow: none;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button {
  border: none;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon] path, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon] g {
  fill: var(--config--main-color-night);
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon]:hover path, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon]:hover g, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=active] path, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=active] g {
  fill: var(--config--main-color-brand);
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon].disabled:hover path, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button[class*=icon].disabled:hover g, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button.disabled path, .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button.disabled g {
  fill: var(--config--main-color-dusk);
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:first-child {
  margin-left: 5px;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__toolbar-button:last-child {
  margin-right: 5px;
}
.wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__submenu--trigger .wysiwyg-editor__toolbar-button {
  margin: 0 6px 0 0;
}
.wysiwyg-editor .wysiwyg-editor__submenu {
  background-color: #fff;
  border: solid 1px var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wysiwyg-editor .wysiwyg-editor__submenu ul li {
  padding: 5px;
  border-bottom: solid 1px var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__submenu ul li:last-child {
  border: none;
  padding-bottom: 7px;
}
.wysiwyg-editor .wysiwyg-editor__submenu ul li button {
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
}
.wysiwyg-editor .wysiwyg-editor__submenu ul li button:not(.disabled):hover {
  color: var(--config--main-color-brand);
}
.wysiwyg-editor .wysiwyg-editor__submenu ul li button[class*=active] {
  color: var(--config--main-color-brand);
}
.wysiwyg-editor .wysiwyg-editor__image-uploader {
  display: block;
  position: relative;
  width: 200px;
  height: 200px;
  background: var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__image-uploader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.wysiwyg-editor .add-attachment {
  min-height: 60px;
}
.wysiwyg-editor .add-attachment__show input[type=checkbox] + label {
  width: auto;
}
.wysiwyg-editor .wysiwyg-editor__submit-button,
.wysiwyg-editor .wysiwyg-editor__form-submit {
  min-width: 70px;
  padding: 12px;
  line-height: 14px;
}
.wysiwyg-editor .wysiwyg-editor__cancel-button {
  display: none;
}
.wysiwyg-editor .progressive-editor {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 278px;
}
.wysiwyg-editor.wysiwyg-editor-profile__forum_new {
  margin-top: 0;
}
.wysiwyg-editor.wysiwyg-editor-profile__forum_new .progressive-editor {
  min-height: 338px;
}
.wysiwyg-editor .progressive-editor__toolbar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border: solid 1px var(--config--main-border-base-color);
  background-color: #fff;
}
.wysiwyg-editor .progressive-editor__button {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 70px;
  height: 48px;
  font-size: 14px;
  line-height: 14px;
  color: var(--config--main-border-base-color);
  background: var(--config--main-border-base-color);
  box-shadow: none;
  border: none;
}
.wysiwyg-editor .progressive-editor__button:hover {
  background: var(--config--main-border-base-color);
  color: var(--config--main-border-base-color);
}
.wysiwyg-editor .wysiwyg-editor__emoji {
  display: block;
  opacity: 1;
  width: 352px;
  max-width: 352px;
  margin-top: -13px;
  text-align: left;
  pointer-events: auto;
  background-color: #fff;
}
.wysiwyg-editor .wysiwyg-editor__emoji hr {
  color: var(--config--main-color-day);
}
.wysiwyg-editor .wysiwyg-editor__emoji hr:first-child {
  margin-top: -0.5em;
}
.wysiwyg-editor .wysiwyg-editor__emoji .arrow {
  left: 181px;
}
.wysiwyg-editor .wysiwyg-editor__emoji .arrow:after {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.wysiwyg-editor .wysiwyg-editor__emoji .emoji-category-btn:hover path {
  fill: var(--config--main-color-brand);
}
.wysiwyg-editor .wysiwyg-editor__link--selector {
  position: static;
  color: var(--config--main-color-night);
  width: 480px;
  max-width: 480px;
  margin-top: 3px;
  padding: 3px 10px;
  line-height: 40px;
  font-size: 14px;
  text-align: left;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  opacity: 1;
  transform: none;
}
.wysiwyg-editor .wysiwyg-editor__link--selector .arrow {
  top: -5px;
  left: 20px;
}
.wysiwyg-editor .wysiwyg-editor__link--selector .arrow::after {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.wysiwyg-editor .wysiwyg-editor__link--selector.right .arrow {
  left: 460px;
}
.wysiwyg-editor .wysiwyg-editor__link--selector label {
  width: 35px;
  font-weight: normal;
  white-space: nowrap;
}
.wysiwyg-editor .wysiwyg-editor__link--selector input {
  width: 310px;
  outline: none;
  border-radius: 0;
}
.wysiwyg-editor .wysiwyg-editor__link--selector .btn {
  min-width: 100px;
  height: 30px;
  line-height: 0.5;
  margin-top: 5px;
  background-color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .wysiwyg-editor .wysiwyg-editor__toolbar .wysiwyg-editor__submenu--trigger .wysiwyg-editor__toolbar-button {
    margin: 0 5px;
  }
  .wysiwyg-editor .wysiwyg-editor__emoji {
    display: none;
  }
  .wysiwyg-editor .wysiwyg-editor__mention--tooltip {
    width: 100%;
    max-width: none;
  }
  .wysiwyg-editor .wysiwyg-editor__mention--tooltip .arrow {
    display: none;
  }
  .wysiwyg-editor .wysiwyg-editor__mention--tooltip ul > li {
    width: 100%;
    max-width: none;
  }
  .wysiwyg-editor #wysiwyg-editor__link--selector {
    width: 100% !important;
  }
  .wysiwyg-editor #wysiwyg-editor__link--selector .wysiwyg-editor__link--selector {
    width: 100% !important;
  }
  .wysiwyg-editor #wysiwyg-editor__link--selector .wysiwyg-editor__link--selector .group {
    margin-top: 10px;
    line-height: 20px;
  }
  .wysiwyg-editor #wysiwyg-editor__link--selector .wysiwyg-editor__link--selector .group input {
    width: 100% !important;
  }
  .wysiwyg-editor #wysiwyg-editor__link--selector .wysiwyg-editor__link--selector .group button {
    float: left;
    margin: 5px 0;
  }
}
#wysiwyg-editor__emoji {
  width: 352px;
}

.wysiwyg-editor__mention--tooltip {
  display: block;
  padding: 0;
  opacity: 1;
  max-width: 260px;
  max-height: 230px;
  transform: none;
  transition: none;
  pointer-events: auto;
}
.wysiwyg-editor__mention--tooltip .arrow {
  top: -8px;
  left: 12px;
}
.wysiwyg-editor__mention--tooltip .arrow.bottom {
  top: auto;
  bottom: -8px;
  transform: rotate(180deg);
}
.wysiwyg-editor__mention--tooltip .wysiwyg-editor__mention--tooltip--scroll--container {
  max-height: 230px;
  overflow: hidden;
}
.wysiwyg-editor__mention--tooltip ul {
  max-height: 230px;
  margin: 4px;
  padding: 0;
  overflow-y: auto;
}
.wysiwyg-editor__mention--tooltip ul li {
  max-width: 244px;
  height: 46px;
  padding: 8px;
  padding-right: 24px;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
}
.wysiwyg-editor__mention--tooltip ul li:hover, .wysiwyg-editor__mention--tooltip ul li.selected {
  color: var(--config-mention-selector-hover-selected-color);
  background: var(--config--main-color-brand);
}
.wysiwyg-editor__mention--tooltip ul li .profile-picture {
  border-radius: 50%;
  overflow: hidden;
}
.wysiwyg-editor__mention--tooltip ul li .profile-picture img {
  vertical-align: middle;
}
.wysiwyg-editor__mention--tooltip ul li span {
  height: 30px;
  max-width: 200px;
}

@media (max-width: 767px) {
  .wysiwyg-editor__mention--tooltip {
    width: 100%;
    left: 0 !important;
    max-width: none;
  }
  .wysiwyg-editor__mention--tooltip .arrow {
    display: none;
  }
  .wysiwyg-editor__mention--tooltip ul > li {
    width: 100%;
    max-width: none;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #505050;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.translation--switch--container .slider {
  background-color: #5f6c7a;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.translation--switch--container .slider:before {
  background-color: #acb4bd;
}

.switch.on .slider {
  background-color: #A2D14E;
}
.translation--switch--container .switch.on .slider {
  background-color: #8ac048;
}
.translation--switch--container .switch.on .slider:before {
  background-color: #fff;
}

.switch:focus .slider {
  box-shadow: 0 0 1px #A2D14E;
}

.switch.on .slider:before {
  transform: translateX(22px);
}

.live-edit__form {
  margin-top: -120px;
  position: fixed;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
  top: 0;
  width: 100%;
  padding: 12px 20px 20px;
  border: 1px solid #c8c9c9;
  transition: margin-top 0.6s ease-in-out;
  box-shadow: -2px 2px 10px rgba(7, 7, 33, 0.15);
}
.live-edit__form.loading, .live-edit__form.loading input, .live-edit__form.sending, .live-edit__form.sending input {
  color: transparent;
}
.live-edit__form.active,
.live-edit__form .sending,
.live-edit__form .loading {
  margin-top: 0;
  display: block;
}
.live-edit__form__inputs {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-top: 8px;
}
.live-edit__form__inputs .live-edit__form__language-container {
  height: 32px;
  padding: 8px 0;
}
.live-edit__form__inputs .live-edit__form__language-container .live-edit__form__language {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  background: #25313b;
  color: #fff;
  white-space: nowrap;
}
.live-edit__form__inputs button {
  line-height: 39px;
}
.live-edit__form__inputs input {
  padding-top: 8px;
  padding-bottom: 8px;
}
.live-edit__form .btn--close {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  line-height: 0.1em;
  padding: 0;
  position: absolute;
  right: 20px;
  font-size: 10px;
}
.live-edit__form .btn--close::before {
  left: 5px;
}
.live-edit__form strong {
  margin-right: 2px;
}

.js-phrase-container,
.selectize-control .selectize-input.js-phrase-container {
  position: relative;
}
.js-phrase-container .js-phrase_edit-btn,
.selectize-control .selectize-input.js-phrase-container .js-phrase_edit-btn {
  position: absolute;
  right: 9px;
  top: 9px;
  margin: 0;
  border: 1px solid var(--config--main-color-alert);
  width: auto;
  height: auto;
  z-index: 3;
}

.js-phrase_edit-btn {
  background: white;
  border: 1px solid var(--config--main-color-alert);
  border-radius: 4px;
  color: var(--config--main-color-alert);
  cursor: pointer;
  font-size: 9px;
  height: 20px;
  line-height: 14px;
  margin-left: 5px;
  padding: 2px 4px;
  text-transform: lowercase;
  position: relative;
  z-index: 100;
}

.js-phrase[data-translationkey]:hover,
.js-phrase-container:hover {
  color: var(--config--main-color-alert);
}
.js-phrase[data-translationkey] .js-phrase_edit-btn,
.js-phrase-container .js-phrase_edit-btn {
  background: white;
  border: 1px solid var(--config--main-color-alert);
  border-radius: 4px;
  color: var(--config--main-color-alert);
  cursor: pointer;
  font-size: 9px;
  height: 20px;
  line-height: 14px;
  margin-left: 5px;
  padding: 2px 4px;
  text-transform: lowercase;
}
.js-phrase[data-translationkey].btn--cta,
.js-phrase-container.btn--cta {
  display: flex;
  align-items: center;
}

.live-edit .mfp-content {
  width: 260px;
}
.live-edit .cropper-mask {
  display: none;
}
.live-edit .cropper-zoom {
  display: none;
}
.live-edit .modal-crop__top {
  padding-top: 1px;
}

.translation-form_translation-language-icon {
  height: 30px;
  width: 30px;
  flex-shrink: 0;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.translation-form_translation-language-icon--en {
  background-image: url("../images/language-icon-en.png");
}
.translation-form_translation-language-icon--nl {
  background-image: url("../images/language-icon-nl.png");
}
.translation-form_translation-language-icon--de {
  background-image: url("../images/language-icon-de.png");
}
.translation-form_translation-language-icon--fr {
  background-image: url("../images/language-icon-fr.png");
}
.translation-form_translation-language-icon--ja {
  background-image: url("../images/language-icon-ja.png");
}
.translation-form_translation-language-icon--cs {
  background-image: url("../images/language-icon-cs.png");
}
.translation-form_translation-language-icon--da {
  background-image: url("../images/language-icon-da.png");
}
.translation-form_translation-language-icon--es {
  background-image: url("../images/language-icon-es.png");
}
.translation-form_translation-language-icon--fi {
  background-image: url("../images/language-icon-fi.png");
}
.translation-form_translation-language-icon--hr {
  background-image: url("../images/language-icon-hr.png");
}
.translation-form_translation-language-icon--pt {
  background-image: url("../images/language-icon-pt.png");
}
.translation-form_translation-language-icon--br {
  background-image: url("../images/language-icon-br.png");
}
.translation-form_translation-language-icon--uk {
  background-image: url("../images/language-icon-uk.png");
}
.translation-form_translation-language-icon--it {
  background-image: url("../images/language-icon-it.png");
}
.translation-form_translation-language-icon--ru {
  background-image: url("../images/language-icon-ru.png");
}
.translation-form_translation-language-icon--sl {
  background-image: url("../images/language-icon-sl.png");
}
.translation-form_translation-language-icon--sv {
  background-image: url("../images/language-icon-sv.png");
}
.translation-form_translation-language-icon--en_ca {
  background-image: url("../images/language-icon-ca.png");
}
.translation-form_translation-language-icon--zh {
  background-image: url("../images/language-icon-zh.png");
}
.translation-form_translation-language-icon--ko {
  background-image: url("../images/language-icon-ko.png");
}

.translation--switch {
  display: flex;
  font-size: 12px;
}
.translation--switch a {
  margin-right: 8px;
  line-height: 30px;
}
.translation--switch a.translation--switch_edit-layout-button {
  display: flex;
  column-gap: 8px;
  margin-right: 16px;
}
.translation--switch a.translation--switch_edit-layout-button .icon {
  display: inline-flex !important;
  font-size: 14px;
  color: #a2c7f7;
}
.translation--switch div.switch-container {
  margin-left: 0;
  padding: 0;
}
.translation--switch div.switch-container span {
  padding: 0 8px;
}
.translation--switch div.switch-container .switcher {
  margin-left: 0;
}
.translation--switch .btn--S {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  padding: 10px 12px;
}

.translation--switch {
  position: fixed;
  bottom: 24px;
  right: 80px;
  padding: 8px;
  color: #e6e9ec;
  background-color: #181f26;
  z-index: 5400;
  border-radius: 8px;
  box-shadow: -2px 2px 5px rgba(7, 7, 33, 0.15);
  transition: 0.2s;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: flex;
  align-items: center;
}
.translation--switch a {
  font-family: inherit;
}
.translation--switch button {
  font-family: inherit;
}
.translation--switch:hover {
  box-shadow: -2px 2px 10px rgba(7, 7, 33, 0.2);
}
.translation--switch .divider {
  height: 30px;
  border-left: 1px solid #d5d9de;
}
.translation--switch .translation--switch--locale-container {
  height: 32px;
  padding: 8px 12px;
  border-right: 1px solid #25313b;
  margin-right: 12px;
}
.translation--switch .translation--switch--locale-container .translation--switch--locale {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  background: #e3e4e4;
  color: #25313b;
}
.translation--switch .translation--switch--container {
  display: flex;
}
.translation--switch .translation--switch_button-icon {
  color: #a2c7f7;
}
.translation--switch .button-control-new--dark.customization-toolbar-button {
  box-sizing: border-box;
  border: 1px solid #3c4a57;
}
.translation--switch .personalisation-preview-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.translation--switch .personalisation-preview-container p {
  display: flex;
  margin-bottom: 0;
  margin-right: 8px;
  font-weight: 600;
}
.translation--switch .personalisation-preview-container .tooltip-container {
  margin-right: 4px;
}
.translation--switch .personalisation-preview-container .tooltip-message.tooltip-message--top {
  width: 200px;
  line-height: normal;
  bottom: calc(100% + 20px);
}
.translation--switch .switch-container {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-left: 10px;
  font-weight: bold;
}
.translation--switch .switch-container .switcher {
  margin-left: 5px;
  float: none;
  padding: 0;
}
.translation--switch .switch-container .switcher .switch {
  display: block;
}
@media (max-width: 767px) {
  .translation--switch {
    display: none;
  }
}
.translation--switch .toolbar-toggle-button {
  display: flex;
  background: transparent;
  border: none;
  color: #e6e9ec;
  cursor: pointer;
  font-size: 1.2em;
  margin: 8px 4px;
  transition: transform 0.2s;
}
.translation--switch.collapsed .toolbar-content {
  display: none;
}
.translation--switch .toolbar-content {
  display: flex;
  align-items: center;
}
.translation--switch.toolbar-left {
  left: 80px;
  right: auto;
}

.widget__js-wrapper {
  overflow: hidden;
  margin: 0 auto;
  min-height: 100px;
}
.widget__js-wrapper .loader {
  font-size: 8px;
  margin: 10px auto;
  position: relative;
  color: #fff;
  transform: translateZ(0);
}
.widget__js-wrapper .loader:before, .widget__js-wrapper .loader:after, .widget__js-wrapper .loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  box-shadow: 0 2.5em;
  animation: spinLoader 1.6s infinite ease-in-out;
}
.widget__js-wrapper .loader:before {
  left: -2.5em;
  animation-delay: -0.2s;
}
.widget__js-wrapper .loader:after {
  left: 2.5em;
  animation-delay: 0.2s;
}
.widget__js-wrapper .loader:before, .widget__js-wrapper .loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.algolia-search--opacity {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: var(--elevation-overlay);
  opacity: 0.2;
  top: 0;
  left: 0;
}

.algolia-search-container {
  --base-elevation: 50;
  --elevation-overlay: var(--base-elevation);
  --elevation-search-results: calc(var(--base-elevation) + 1);
  --elevation-search-box: calc(var(--base-elevation) - 1);
  --elevation-search-box-open: var(--elevation-search-results);
  --elevation-reset-button: 2;
  position: relative;
}

.algolia-search-container--title {
  margin-bottom: 8px;
  font-weight: normal;
}

.algolia-hit-container {
  position: absolute;
  z-index: var(--elevation-search-results);
  background: #fff;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .main-navigation--search-wrapper .algolia-hit-container {
    top: 88%;
  }
}
.algolia-hit-container a {
  line-height: 20px;
}

.algolia-search-container--open-popup .algolia-hit-container {
  position: relative;
  border: none;
  box-shadow: none;
  padding: 0;
  width: auto;
}

.algolia-hit-container__header {
  padding: 8px 16px;
}
@media (max-width: 767px) {
  .algolia-hit-container__header {
    padding-top: 4px;
  }
}

.algolia-hit-container__header-text {
  color: var(--config-meta-text-color);
}

.algolia-search-submit-link {
  display: block;
  padding-top: 8px;
  color: var(--config--main-color-night);
  word-break: break-word;
}

.algolia-search__action {
  padding: 12px 16px;
  color: var(--config--main-color-brand);
  display: flex;
  align-items: center;
}

.algolia-search__action:hover {
  background-color: #f0f0f0;
}

.algolia-search__action-link {
  padding-left: 8px;
}

.algolia-search__action-icon {
  min-width: 20px;
  vertical-align: middle;
}

.search-box {
  position: relative;
  z-index: var(--elevation-search-box);
}

.search-box--open {
  z-index: var(--elevation-search-box-open);
}

input[type=search].search-box__input {
  padding-left: 40px !important;
  padding-right: 40px !important;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  font-family: var(--config--main-font-base-stack);
}
input[type=search].search-box__input.search-box--new-style {
  border-radius: 4px;
  height: 40px;
}
.algolia-search--forum input[type=search].search-box__input {
  box-shadow: none;
}

input[type=search].search-box__input--focused {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  border: 1px solid #fff;
  border-bottom-color: #d5d9de;
}

.algolia-search-container--open-popup input[type=search].search-box__input {
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 3px;
  box-shadow: none;
}

input[type=search].search-box__input--focused::-ms-clear {
  display: none;
}

.search-box__submit {
  position: absolute;
  background: transparent;
  border: none;
  height: 100%;
  left: 0;
  width: 32px;
  cursor: pointer;
  padding: 16px 0 16px 16px;
  color: var(--config-meta-text-color);
}
.search-box__submit svg {
  display: block;
}

.insided-control button.search-box__submit,
.widget-configurator button.search-box__submit,
.homepage-widget-configurator button.search-box__submit {
  padding: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-box__reset {
  position: absolute;
  background: transparent;
  border: none;
  height: 100%;
  right: 0;
  width: 32px;
  cursor: pointer;
  transition: opacity 0.2s;
  z-index: var(--elevation-reset-button);
  padding: 16px 16px 16px 0;
  color: var(--config-meta-text-color);
}

.insided-control button.search-box__reset,
.widget-configurator button.search-box__reset,
.homepage-widget-configurator button.search-box__reset {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  top: 0;
}

.algolia-search-results {
  padding-left: 0;
  margin: 8px 0 0;
}

.algolia-search-result {
  list-style: none;
  font-weight: normal;
}

.algolia-hit-item,
.algolia-search-results-section__title {
  color: var(--config--main-color-night) !important;
  word-break: break-word;
}

.algolia-hit-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}

.algolia-hit-item--icon {
  min-width: 20px;
  color: var(--config--main-color-brand);
}

.algolia-hit-item--name {
  padding-left: 8px;
}

.algolia-search-results-section__title {
  display: block;
  color: #9599a2 !important;
  font-size: 12px;
  border-bottom: 1px solid var(--config--main-border-base-color);
  margin: 24px 16px 0;
  line-height: 16px;
  padding-bottom: 8px;
}

.algolia-search-results-section__title--answer {
  border-bottom: none;
  display: flex;
  justify-content: space-between;
}

.algolia-search-results-section__title-label {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}

.algolia-search-results-section__title-link {
  color: inherit;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  float: right;
}

.search-transition-enter {
  opacity: 0.01;
  transform: translateY(-10%) scale(0.95);
  transition: all 0.15s;
}

.search-transition-enter.search-transition-enter-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.search-transition-leave {
  opacity: 1;
  transform: translate(0) scale(1);
  transition: all 0.15s;
}

.search-transition-leave.search-transition-leave-active {
  opacity: 0.01;
  transform: translateY(-5%) scale(0.95);
}

.ais-Highlight {
  margin-right: 10px;
}

.hit-item--meta {
  color: var(--config-meta-text-color);
  display: inline-block;
}
.hit-item--meta .icon {
  margin-right: 3px;
}

.algolia-search-container--open-popup .algolia-answer.algolia-search-results-section__title {
  margin: 16px 0 0;
}

.algolia-answer-result {
  display: block;
  color: inherit;
  border: 1px solid #d5d9de;
  margin-top: 8px;
  border-radius: 3px;
  padding: 16px;
}

.algolia-answer-result__title-with-show-more {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.algolia-answer-result__title-with-show-more .link {
  display: flex;
  align-items: center;
  color: var(--config--main-color-brand);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .algolia-answer-result__title-with-show-more .link span {
    display: none;
  }
}

.algolia-answer-result--loading {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  color: var(--config--main-color-brand);
}
.algolia-answer-result--loading.algolia-answer-result:hover {
  color: var(--config--main-color-brand);
}
.algolia-answer-result--loading .icon-loading-animation {
  right: 32px;
  left: auto;
}

.algolia-answer-result--highlighted {
  background: #f0f0f0;
  color: inherit;
}

.algolia-answer-result:hover {
  color: inherit;
}

.algolia-answer-result__content em {
  font-weight: bold;
}

.algolia-answer-result__user-info {
  display: flex;
  align-content: center;
  margin-top: 8px;
  margin-bottom: -4px;
}

.algolia-answer-result__user-info-avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

@keyframes iconLoadingAnimation {
  0%, 80%, 100% {
    background: rgba(0, 0, 0, 0);
  }
  40% {
    background: rgba(0, 0, 0, 0.3);
  }
}
@keyframes iconLoadingAnimationWhite {
  0%, 80%, 100% {
    background: #fff;
  }
  40% {
    background: #fff;
    opacity: 0.3;
  }
}
@keyframes iconLoadingAnimationBlack {
  0%, 80%, 100% {
    background: #25313b;
  }
  40% {
    background: #25313b;
    opacity: 0.3;
  }
}
@keyframes iconLoadingAnimationRed {
  0%, 80%, 100% {
    background: #f75d4f;
  }
  40% {
    background: #f75d4f;
    opacity: 0.3;
  }
}
@keyframes iconLoadingAnimationBrand {
  0%, 80%, 100% {
    background: var(--config--main-color-brand);
  }
  40% {
    background: var(--config--main-color-brand);
    opacity: 0.3;
  }
}
.icon-loading-animation {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 6px;
  margin-top: -3px;
  margin-left: -3px;
}

.icon-loading-animation,
.icon-loading-animation:before,
.icon-loading-animation:after {
  border-radius: 50%;
  transform-origin: center center;
  width: 6px;
  height: 6px;
  animation: iconLoadingAnimation 1s infinite ease-in-out;
  animation-fill-mode: both;
}

.icon-loading-animation:before,
.icon-loading-animation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.icon-loading-animation:before {
  margin-left: -10px;
  animation-delay: -0.1s;
}

.icon-loading-animation:after {
  margin-left: 10px;
  animation-delay: 0.1s;
}

.button-control-new--save .icon-loading-animation,
.button-control-new--save .icon-loading-animation:before,
.button-control-new--save .icon-loading-animation:after,
.button-control-new--brand .icon-loading-animation,
.button-control-new--brand .icon-loading-animation:before,
.button-control-new--brand .icon-loading-animation:after,
.button-control--primary .icon-loading-animation,
.button-control--primary .icon-loading-animation:before,
.button-control--primary .icon-loading-animation:after,
.button-control--brand .icon-loading-animation,
.button-control--brand .icon-loading-animation:before,
.button-control--brand .icon-loading-animation:after,
.button-control--success .icon-loading-animation,
.button-control--success .icon-loading-animation:before,
.button-control--success .icon-loading-animation:after,
.button-control--danger .icon-loading-animation,
.button-control--danger .icon-loading-animation:before,
.button-control--danger .icon-loading-animation:after {
  animation: iconLoadingAnimationWhite 1.6s infinite ease-in-out;
}

.button-control--secondary .icon-loading-animation,
.button-control--secondary .icon-loading-animation:before,
.button-control--secondary .icon-loading-animation:after {
  animation: iconLoadingAnimationBlack 1.6s infinite ease-in-out;
}

.button-control--warning .icon-loading-animation,
.button-control--warning .icon-loading-animation:before,
.button-control--warning .icon-loading-animation:after {
  animation: iconLoadingAnimationRed 1.6s infinite ease-in-out;
}

.icon-loading--with-brand-color .icon-loading-animation,
.icon-loading--with-brand-color .icon-loading-animation:before,
.icon-loading--with-brand-color .icon-loading-animation:after {
  animation: iconLoadingAnimationBrand 1.6s infinite ease-in-out;
}

.svg-key {
  min-width: 48px;
}
.svg-key.key-green path {
  fill: #13ad68;
}
.svg-key.key-pink path {
  fill: #ea3477;
}
.svg-key.key-purple path {
  fill: #ea3477;
}
.svg-key.key-blue path {
  fill: #0369e9;
}

.award-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
.award-badge .award-badge--panel {
  width: 744px;
}
.award-badge .award-badge--panel label {
  margin-bottom: 8px;
  font-weight: 700;
}
.award-badge .award-badge--panel textarea {
  min-height: 32px;
  max-height: 240px;
  resize: none;
}
.award-badge .award-badge--panel textarea.error {
  border: 1px solid #f75d4f;
}
.award-badge .award-badge--panel span.error {
  display: inline-block;
  margin-bottom: 8px;
  clear: left;
  color: #f75d4f;
}

.control-modal-body .control-dropdown__list {
  max-height: 200px;
}

.badge-selector-wrapper {
  width: 320px;
}
.badge-selector-wrapper span.error {
  display: inline-block;
  margin-bottom: 8px;
  clear: left;
  color: #f75d4f;
}

.badge-selector {
  width: 320px;
  padding: 8px;
  height: auto;
  text-align: left;
}
.badge-selector.error {
  border: 1px solid #f75d4f;
}
.badge-selector .selected {
  display: flex;
  margin-right: 20px;
}
.badge-selector .selected .truncated {
  align-self: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.badge-selector svg {
  min-width: 16px;
  margin-left: auto;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.badge-selector svg path {
  fill: #828080;
}
.badge-selector span.error {
  display: inline-block;
  margin-bottom: 8px;
  clear: left;
  color: #f75d4f;
}

.badge-overview__panel-header {
  height: 24px;
  border-bottom: solid 1px #c7c7c7;
  background-image: linear-gradient(to top, #f3f3f3, #fff);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
}
.badge-overview__panel-header.panel-heading {
  padding: 8px;
}
.badge-overview__panel-header span {
  display: block;
  float: left;
  margin: 8px 0 0 8px;
  font-weight: bold;
}

.badge-overview__panel-body {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0;
}
.badge-overview__panel-body a {
  color: #43ade5;
}
.badge-overview__panel-body.panel-body--collapse {
  margin: 0;
}
.badge-overview__panel-body.panel-body > :last-child {
  margin-bottom: 0;
}
.badge-overview__panel-body.panel-body > :first-child {
  margin-top: 0;
}
.badge-overview__panel-body .badge-block {
  display: flex;
  text-align: left;
  width: 20%;
  text-overflow: ellipsis;
  white-space: normal;
  align-items: center;
  margin: 0 0 8px;
}
.badge-overview__panel-body .badge-block .badge-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-right: 8px;
}
.badge-overview__panel-body .badge-block img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 8px;
  position: relative;
}

.selector-buttons {
  width: max-content;
  margin: 8px;
  display: flex;
  position: relative;
}
.selector-buttons button:first-child {
  width: 152px;
}
.selector-buttons button:first-child:not(.selector-button--hide-arrow) {
  border-top-right-radius: 0;
  margin-right: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.selector-buttons .button-control-new--icon,
.selector-buttons .button-control--icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px;
  margin: 0;
}
.selector-buttons .control-dropdown__list {
  top: 100%;
  left: 0;
}

.button-control {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 12px;
  line-height: 14px;
  min-width: 80px;
  padding: 8px 16px;
  margin-right: 8px;
  white-space: nowrap;
}
.button-control, .button-control-new:focus {
  outline: 0;
}
.button-control:last-child {
  margin-right: 0;
}
.button-control-new {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-size: 12px;
  padding: 0 12px;
  margin-right: 8px;
  background-color: #0369e9;
  cursor: pointer;
}
.button-control-new--no-margin {
  margin-right: unset;
}
.button-control-new[disabled] {
  cursor: default;
}
.button-control-new > div {
  display: inline-grid;
  place-items: center;
  height: 100%;
}
.button-control-new--text {
  border-color: transparent;
  background-color: transparent;
  color: #181f26;
}
.button-control-new--text:hover, .button-control-new--text:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.button-control-new--icon {
  padding-left: 8px;
  padding-right: 8px;
}
.button-control-new--startIcon > div, .button-control-new--endIcon > div {
  grid-auto-flow: column;
  gap: 4px;
}
.button-control-new--startIcon svg, .button-control-new--endIcon svg {
  vertical-align: middle;
}
.button-control-new--endIcon svg {
  margin-right: -4px;
}
.button-control-new--startIcon svg {
  margin-left: -4px;
}
.button-control-new--small {
  height: 32px;
}
.button-control-new--small div {
  line-height: 1;
}
.button-control-new--full-width {
  width: 100%;
}
.button-control-new--medium {
  font-size: 14px;
  height: 40px;
  padding: 8px 16px;
}
.button-control-new--primary, .button-control-new--brand {
  background-color: #0369e9;
  color: #fff;
  font-weight: 600;
}
.button-control-new--primary--outlined, .button-control-new--brand--outlined {
  border: none;
  color: #0369e9;
  background-color: #fff;
}
.button-control-new--primary--outlined:hover, .button-control-new--primary--outlined:focus, .button-control-new--brand--outlined:hover, .button-control-new--brand--outlined:focus {
  background-color: #f2f8ff;
}
.button-control-new--primary:hover, .button-control-new--primary:focus, .button-control-new--brand:hover, .button-control-new--brand:focus {
  color: #fff;
  background-color: color-mix(in srgb, #0369e9, black 5%);
}
.button-control-new--primary:active, .button-control-new--brand:active {
  background-color: color-mix(in srgb, #0369e9, black 7%);
}
.button-control-new--primary[disabled], .button-control-new--primary[disabled]:hover, .button-control-new--brand[disabled], .button-control-new--brand[disabled]:hover {
  background-color: color-mix(in srgb, #0369e9, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
  background-color: color-mix(in srgb, #0369e9, transparent 60%);
}
.button-control-new--primary:focus, .button-control-new--brand:focus {
  box-shadow: 0 0 0 2px #d2e4fb;
}
.button-control-new--save {
  background-color: #13ad68;
  color: #fff;
  font-weight: 600;
}
.button-control-new--save--outlined {
  border: none;
  color: #13ad68;
  background-color: #fff;
}
.button-control-new--save:hover, .button-control-new--save:focus {
  color: #fff;
  background-color: color-mix(in srgb, #13ad68, black 5%);
}
.button-control-new--save:active {
  background-color: color-mix(in srgb, #13ad68, black 7%);
}
.button-control-new--save[disabled], .button-control-new--save[disabled]:hover {
  background-color: color-mix(in srgb, #13ad68, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control-new--save:focus {
  box-shadow: 0 0 0 2px #d5f5db;
}
.button-control-new--secondary {
  background-color: #fff;
  border-color: #d5d9de;
  color: #181f26;
  font-weight: 600;
}
.button-control-new--secondary:hover, .button-control-new--secondary:active {
  border-color: #0369e9;
  color: #0369e9;
}
.button-control-new--secondary:hover svg path, .button-control-new--secondary:active svg path {
  fill: #0369e9;
}
.button-control-new--secondary:active {
  background: #f5f9fe;
  color: #0369e9;
}
.button-control-new--secondary:focus {
  box-shadow: 0 0 0 2px #d5d9de;
}
.button-control-new--secondary[disabled], .button-control-new--secondary[disabled]:hover, .button-control-new--secondary[disabled]:active {
  background: #fff;
  border-color: #d5d9de;
  color: color-mix(in srgb, #181f26, transparent 40%);
}
.button-control-new--secondary[disabled] svg path, .button-control-new--secondary[disabled]:hover svg path, .button-control-new--secondary[disabled]:active svg path {
  fill: color-mix(in srgb, #181f26, transparent 40%);
}
.button-control-new--secondary-reversed {
  background-color: #acb4bd;
  color: #fff;
  font-weight: 600;
}
.button-control-new--secondary-reversed--outlined {
  border: none;
  color: #acb4bd;
  background-color: #fff;
}
.button-control-new--secondary-reversed:hover, .button-control-new--secondary-reversed:focus {
  color: #fff;
  background-color: color-mix(in srgb, #acb4bd, black 5%);
}
.button-control-new--secondary-reversed:active {
  background-color: color-mix(in srgb, #acb4bd, black 7%);
}
.button-control-new--secondary-reversed[disabled], .button-control-new--secondary-reversed[disabled]:hover {
  background-color: color-mix(in srgb, #acb4bd, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control-new--danger {
  background-color: #f75d4f;
  color: #fff;
  font-weight: 600;
}
.button-control-new--danger--outlined {
  border: none;
  color: #f75d4f;
  background-color: #fff;
}
.button-control-new--danger:hover, .button-control-new--danger:focus {
  color: #fff;
  background-color: color-mix(in srgb, #f75d4f, black 5%);
}
.button-control-new--danger:active {
  background-color: color-mix(in srgb, #f75d4f, black 7%);
}
.button-control-new--danger[disabled], .button-control-new--danger[disabled]:hover {
  background-color: color-mix(in srgb, #f75d4f, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control-new--warning {
  background-color: #fff;
  border-color: #d5d9de;
  color: #f75d4f;
  font-weight: 600;
}
.button-control-new--warning:hover, .button-control-new--warning:active {
  border-color: #f75d4f;
  color: #f75d4f;
}
.button-control-new--warning:hover svg path, .button-control-new--warning:active svg path {
  fill: #f75d4f;
}
.button-control-new--warning:active {
  background: #fff3f8;
  color: #f75d4f;
}
.button-control-new--warning:focus {
  box-shadow: 0 0 0 2px #d5d9de;
}
.button-control-new--warning[disabled], .button-control-new--warning[disabled]:hover, .button-control-new--warning[disabled]:active {
  background: #fff;
  border-color: #d5d9de;
  color: color-mix(in srgb, #f75d4f, transparent 40%);
}
.button-control-new--warning[disabled] svg path, .button-control-new--warning[disabled]:hover svg path, .button-control-new--warning[disabled]:active svg path {
  fill: color-mix(in srgb, #f75d4f, transparent 40%);
}
.button-control-new--success {
  background-color: #13ad68;
  color: #fff;
  font-weight: 600;
}
.button-control-new--success--outlined {
  border: none;
  color: #13ad68;
  background-color: #fff;
}
.button-control-new--success:hover, .button-control-new--success:focus {
  color: #fff;
  background-color: color-mix(in srgb, #13ad68, black 5%);
}
.button-control-new--success:active {
  background-color: color-mix(in srgb, #13ad68, black 7%);
}
.button-control-new--success[disabled], .button-control-new--success[disabled]:hover {
  background-color: color-mix(in srgb, #13ad68, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control-new--success:focus {
  box-shadow: 0 0 0 2px #d5f5db;
}
.button-control-new--approval {
  background-color: #fff;
  border-color: #d5d9de;
  color: #13ad68;
  font-weight: 600;
}
.button-control-new--approval:hover, .button-control-new--approval:active {
  border-color: #13ad68;
  color: #13ad68;
}
.button-control-new--approval:hover svg path, .button-control-new--approval:active svg path {
  fill: #13ad68;
}
.button-control-new--approval:active {
  background: #f6fdfa;
  color: #13ad68;
}
.button-control-new--approval:focus {
  box-shadow: 0 0 0 2px #d5d9de;
}
.button-control-new--approval[disabled], .button-control-new--approval[disabled]:hover, .button-control-new--approval[disabled]:active {
  background: #fff;
  border-color: #d5d9de;
  color: color-mix(in srgb, #13ad68, transparent 40%);
}
.button-control-new--approval[disabled] svg path, .button-control-new--approval[disabled]:hover svg path, .button-control-new--approval[disabled]:active svg path {
  fill: color-mix(in srgb, #13ad68, transparent 40%);
}
.button-control-new--dark {
  background-color: #181f26;
  color: #fff;
  font-weight: 600;
}
.button-control-new--dark--outlined {
  border: none;
  color: #181f26;
  background-color: #fff;
}
.button-control-new--dark:hover, .button-control-new--dark:focus {
  color: #fff;
  background-color: color-mix(in srgb, #181f26, black 5%);
}
.button-control-new--dark:active {
  background-color: color-mix(in srgb, #181f26, black 7%);
}
.button-control-new--dark[disabled], .button-control-new--dark[disabled]:hover {
  background-color: color-mix(in srgb, #181f26, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control-new--dark:hover, .button-control-new--dark:focus, .button-control-new--dark:active {
  background-color: #3c4a57;
}
.button-control-new--cta {
  background-color: var(--config-button-cta-background-color);
  color: var(--config-button-cta-color);
  font-weight: 600;
  border-color: var(--config-button-cta-border-color);
  border-radius: var(--config-button-cta-border-radius);
  font-weight: var(--config--main-button-base-font-weight);
  text-transform: var(--config--main-button-base-texttransform);
}
.button-control-new--cta--outlined {
  border: none;
  color: var(--config-button-cta-background-color);
  background-color: var(--config-button-cta-color);
}
.button-control-new--cta:hover, .button-control-new--cta:focus {
  color: var(--config-button-cta-color);
  background-color: color-mix(in srgb, var(--config-button-cta-background-color), black 5%);
}
.button-control-new--cta:active {
  background-color: color-mix(in srgb, var(--config-button-cta-background-color), black 7%);
}
.button-control-new--cta[disabled], .button-control-new--cta[disabled]:hover {
  background-color: color-mix(in srgb, var(--config-button-cta-background-color), transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}
.button-control--icon {
  height: 32px;
  width: 32px;
  min-width: 0;
  padding: 0;
}
.button-control--icon svg {
  vertical-align: middle;
}
.button-control--icon[disabled] > svg, .button-control--icon[disabled]:hover > svg {
  fill: color-mix(in srgb, #25313b, transparent 40%);
}
.button-control--full-width {
  width: 100%;
}

.control-header__button-wrapper .button-control {
  margin-right: 8px;
}

.control-header__button-wrapper:last-child .button-control {
  margin-right: 0;
}

.button-control--primary {
  background-color: #43ade5;
  color: #fff;
  font-weight: 600;
}
.button-control--primary--outlined {
  border: none;
  color: #43ade5;
  background-color: #fff;
}
.button-control--primary:hover, .button-control--primary:focus {
  color: #fff;
  background-color: color-mix(in srgb, #43ade5, black 5%);
}
.button-control--primary:active {
  background-color: color-mix(in srgb, #43ade5, black 7%);
}
.button-control--primary[disabled], .button-control--primary[disabled]:hover {
  background-color: color-mix(in srgb, #43ade5, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}

.button-control--success {
  background-color: #a2cf6b;
  color: #fff;
  font-weight: 600;
}
.button-control--success--outlined {
  border: none;
  color: #a2cf6b;
  background-color: #fff;
}
.button-control--success:hover, .button-control--success:focus {
  color: #fff;
  background-color: color-mix(in srgb, #a2cf6b, black 5%);
}
.button-control--success:active {
  background-color: color-mix(in srgb, #a2cf6b, black 7%);
}
.button-control--success[disabled], .button-control--success[disabled]:hover {
  background-color: color-mix(in srgb, #a2cf6b, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}

.button-control--secondary {
  background-color: #fff;
  color: #181f26;
  font-weight: 600;
}
.button-control--secondary--outlined {
  border: none;
  color: #fff;
  background-color: #181f26;
}
.button-control--secondary:hover, .button-control--secondary:focus {
  color: #181f26;
  background-color: color-mix(in srgb, #fff, black 5%);
}
.button-control--secondary:active {
  background-color: color-mix(in srgb, #fff, black 7%);
}
.button-control--secondary[disabled], .button-control--secondary[disabled]:hover {
  background-color: color-mix(in srgb, #fff, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
  color: color-mix(in srgb, #181f26, transparent 40%);
}

.button-control--warning {
  background-color: #fff;
  color: #f75d4f;
  font-weight: 600;
}
.button-control--warning--outlined {
  border: none;
  color: #fff;
  background-color: #f75d4f;
}
.button-control--warning:hover, .button-control--warning:focus {
  color: #f75d4f;
  background-color: color-mix(in srgb, #fff, black 5%);
}
.button-control--warning:active {
  background-color: color-mix(in srgb, #fff, black 7%);
}
.button-control--warning[disabled], .button-control--warning[disabled]:hover {
  background-color: color-mix(in srgb, #fff, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
  color: color-mix(in srgb, #f75d4f, transparent 40%);
}

.button-control--danger {
  background-color: #f75d4f;
  color: #fff;
  font-weight: 600;
}
.button-control--danger--outlined {
  border: none;
  color: #f75d4f;
  background-color: #fff;
}
.button-control--danger:hover, .button-control--danger:focus {
  color: #fff;
  background-color: color-mix(in srgb, #f75d4f, black 5%);
}
.button-control--danger:active {
  background-color: color-mix(in srgb, #f75d4f, black 7%);
}
.button-control--danger[disabled], .button-control--danger[disabled]:hover {
  background-color: color-mix(in srgb, #f75d4f, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}

.button-control--brand {
  background-color: #0369e9;
  color: #fff;
  font-weight: 600;
}
.button-control--brand--outlined {
  border: none;
  color: #0369e9;
  background-color: #fff;
}
.button-control--brand--outlined:hover, .button-control--brand--outlined:focus {
  background-color: #f2f8ff;
}
.button-control--brand:hover, .button-control--brand:focus {
  color: #fff;
  background-color: color-mix(in srgb, #0369e9, black 5%);
}
.button-control--brand:active {
  background-color: color-mix(in srgb, #0369e9, black 7%);
}
.button-control--brand[disabled], .button-control--brand[disabled]:hover {
  background-color: color-mix(in srgb, #0369e9, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
  background-color: color-mix(in srgb, #0369e9, transparent 60%);
}

.button-control--purple {
  background-color: #ab2692;
  color: #fff;
  font-weight: 600;
}
.button-control--purple--outlined {
  border: none;
  color: #ab2692;
  background-color: #fff;
}
.button-control--purple:hover, .button-control--purple:focus {
  color: #fff;
  background-color: color-mix(in srgb, #ab2692, black 5%);
}
.button-control--purple:active {
  background-color: color-mix(in srgb, #ab2692, black 7%);
}
.button-control--purple[disabled], .button-control--purple[disabled]:hover {
  background-color: color-mix(in srgb, #ab2692, transparent 40%);
  border-color: rgba(0, 0, 0, 0.2);
}

.button-control__title--hide {
  opacity: 0;
}

.button-control__title-image {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
  box-sizing: border-box;
}

.button-control__ai-primary {
  background: linear-gradient(238deg, #55ADFF 2.95%, #B972FF 49.48%, #FF8F6B 97.91%);
  color: #fff;
  position: relative;
  border: none;
}
.button-control__ai-primary:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.button-control__ai-primary[disabled] {
  background: #d5d9de;
}
.button-control__ai-primary[disabled]:hover {
  background: #d5d9de;
}
.button-control__ai-primary:not([disabled]):hover {
  background: linear-gradient(238deg, #4d9ce5 2.95%, #a667e5 49.48%, #e58160 97.91%);
}
.button-control__ai-primary.button-control-new--startIcon > div {
  gap: 8px;
}
.button-control__ai-primary.button-control-new--startIcon svg {
  margin-left: 0;
}

.button-control__ai-secondary {
  background: #fff;
  color: #181f26;
}
.button-control__ai-secondary.button-control-new--startIcon > div {
  gap: 8px;
}
.button-control__ai-secondary.button-control-new--startIcon svg {
  margin-left: 0;
}
.button-control__ai-secondary:focus, .button-control__ai-secondary:active {
  background: #fff;
  color: #181f26;
}
.button-control__ai-secondary:hover {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to top right, #FF8F6B, #B972FF, #55ADFF) border-box;
  border-color: transparent;
}
.button-control__ai-secondary:hover .button-control__title-text {
  background: linear-gradient(to top right, #FF8F6B, #B972FF, #55ADFF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subtle-button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
  outline: none;
  position: relative;
  color: var(--config-meta-text-color);
  padding: 0 8px;
  line-height: 20px;
  border-radius: 8px;
}
.insided-control .subtle-button {
  color: #5f6c7a;
}
.subtle-button.subtle-button--small {
  height: 24px;
  min-width: 24px;
  width: auto;
  font-size: 12px;
}
.subtle-button.subtle-button--medium {
  height: 32px;
  min-width: 32px;
  width: auto;
  font-size: 14px;
}
.subtle-button.subtle-button--large {
  height: 40px;
  min-width: 40px;
  width: auto;
  font-size: 16px;
}
.subtle-button:hover:not(.subtle-button--disabled) {
  background-color: color-mix(in srgb, var(--config--main-color-night), transparent 96%);
}
.insided-control .subtle-button:hover:not(.subtle-button--disabled) {
  background-color: color-mix(in srgb, #181f26, transparent 96%);
}
.subtle-button:active:not(.subtle-button--disabled) {
  background-color: color-mix(in srgb, var(--config--main-color-night), transparent 92%);
}
.insided-control .subtle-button:active:not(.subtle-button--disabled) {
  background-color: color-mix(in srgb, #181f26, transparent 92%);
}
.subtle-button:focus-visible:not(.subtle-button--disabled) {
  background: color-mix(in srgb, var(--config--main-color-night), transparent 0);
  outline: 2px solid var(--config--main-color-brand);
}
.subtle-button.subtle-button--selected {
  color: var(--config--main-color-brand);
}
.insided-control .subtle-button.subtle-button--selected {
  color: #0369e9;
}
.subtle-button.subtle-button--disabled {
  cursor: not-allowed;
  color: #B8BBC2;
}
.subtle-button.subtle-button--disabled:hover, .subtle-button.subtle-button--disabled:focus, .subtle-button.subtle-button--disabled:active {
  background-color: transparent;
  color: #B8BBC2;
  box-shadow: none;
}
.subtle-button > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.subtle-button__icon-before, .subtle-button__icon-after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.subtle-button__label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: inherit;
}
.subtle-button__label--hide {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.subtle-button__icon-before + .subtle-button__label, .subtle-button__label + .subtle-button__icon-after {
  margin-left: 8px;
}
.subtle-button__icon-before + .subtle-button__icon-after {
  margin-left: 8px;
}

.card-widget-wrapper {
  border-radius: var(--config-card-border-radius);
  border: var(--config-card-border-width) solid var(--config-card-border-color);
  background: var(--config-card-background-color);
  box-shadow: var(--config-card-shadow);
}
.card-widget-wrapper:hover {
  border: var(--config-card-border-width) solid var(--config-card-hover-border-color);
  background: var(--config-card-hover-background-color);
  box-shadow: var(--config-card-hover-shadow);
}
.card-widget-wrapper:hover .card-widget-text {
  color: var(--config-card-hover-text-color);
}
.card-widget-wrapper:hover .card-widget-title {
  color: var(--config-card-hover-title-color);
}
.card-widget-wrapper .card_url:focus {
  outline: none;
}
.card-widget-wrapper .card_url:focus .card-widget-title {
  color: var(--config--main-color-brand);
  outline: 2px solid var(--config--main-color-brand);
}
.card-widget-wrapper .card_url:focus .card-widget-text {
  color: var(--config-card-hover-text-color);
}
.card-widget-wrapper .card_url:focus:focus:not(:focus-visible) .card-widget-title {
  color: var(--config-card-active-title-color);
  outline: none;
}
.card-widget-wrapper .card_url:focus:focus:not(:focus-visible) .card-widget-text {
  color: var(--config-card-active-text-color);
}
.card-widget-wrapper:active {
  border: var(--config-card-border-width) solid var(--config-card-active-border-color);
  background: var(--config-card-active-background-color);
  box-shadow: var(--config-card-active-shadow);
}
.card-widget-wrapper:active .card-widget-text {
  color: var(--config-card-active-text-color);
}
.card-widget-wrapper:active .card-widget-title {
  color: var(--config-card-active-title-color);
}
.card-widget-wrapper .card-widget-title {
  color: var(--config-card-title-color);
}
.card-widget-wrapper .card-widget-title:hover {
  color: var(--config-card-hover-title-color);
}
.card-widget-wrapper .card-widget-title:active {
  color: var(--config-card-active-title-color);
}
.card-widget-wrapper .card-widget-text {
  color: var(--config-card-text-color);
}
.card-widget-wrapper .card-widget-text:hover {
  color: var(--config-card-hover-text-color);
}
.card-widget-wrapper .card-widget-text:active {
  color: var(--config-card-active-text-color);
}

.featured-topic__url-link:hover + .card-widget-wrapper {
  border: var(--config-card-border-width) solid var(--config-card-hover-border-color);
  background: var(--config-card-hover-background-color);
  box-shadow: var(--config-card-hover-shadow);
}
.featured-topic__url-link:hover + .card-widget-wrapper .card-widget-text {
  color: var(--config-card-hover-text-color);
}
.featured-topic__url-link:hover + .card-widget-wrapper .card-widget-title {
  color: var(--config-card-hover-title-color);
}

.featured-topic__url-link:active + .card-widget-wrapper,
.featured-topic__url-link:focus + .card-widget-wrapper {
  border: var(--config-card-border-width) solid var(--config-card-active-border-color);
  background: var(--config-card-active-background-color);
  box-shadow: var(--config-card-active-shadow);
}
.featured-topic__url-link:active + .card-widget-wrapper .card-widget-text,
.featured-topic__url-link:focus + .card-widget-wrapper .card-widget-text {
  color: var(--config-card-active-text-color);
}
.featured-topic__url-link:active + .card-widget-wrapper .card-widget-title,
.featured-topic__url-link:focus + .card-widget-wrapper .card-widget-title {
  color: var(--config-card-active-title-color);
}

.category-page_container--mobile-only {
  display: none;
}

.category-page_container {
  margin-top: 32px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .category-page_container.category-page_container--mobile-only {
    display: block;
  }
}
.category-page_container .show-more {
  margin-bottom: 24px;
  padding-left: 10px;
  color: var(--config--main-color-brand);
  cursor: pointer;
}
.category-page_container .category-page_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 0;
}
@media (max-width: 767px) {
  .category-page_container .category-page_list {
    padding: 0;
  }
}
.category-page_container .category-page_list .category-page_list-item {
  display: flex;
  margin-bottom: 16px;
  height: 70px;
  list-style: none;
  margin-right: 16px;
}
.category-page_container .category-page_list .category-page_list-item:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .category-page_container .category-page_list .category-page_list-item:nth-child(3n) {
    margin-right: 16px;
  }
  .category-page_container .category-page_list .category-page_list-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .category-page_container .category-page_list .category-page_list-item {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--config--main-border-base-color);
    margin-right: 0;
  }
  .category-page_container .category-page_list .category-page_list-item:last-child {
    border: none;
    margin-bottom: 16px;
  }
  .category-page_container .category-page_list .category-page_list-item:nth-child(3n) {
    margin-right: 0;
  }
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  padding: 0 16px;
  height: 100%;
  width: 100%;
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link--with-thumbnail {
  justify-content: flex-start;
  gap: 16px;
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link:hover .icon--caret-right::before {
  color: inherit;
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link .icon--caret-right::before {
  top: -10px;
  color: var(--config-meta-text-color);
  left: -16px;
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link span {
  margin-right: 16px;
  flex: 1;
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-link span .navigation-card-metadata {
  font-weight: var(--config-meta-link-font-weight);
}
.category-page_container .category-page_list .category-page_list-item .category-page_list-item-thumbnail {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
}
.category-page_container .category-page_list > * {
  width: calc(33% - 8px);
}
.category-page_container .category-page_list > *:first-child:nth-last-child(2), .category-page_container .category-page_list > *:first-child:nth-last-child(2) ~ *, .category-page_container .category-page_list > *:first-child:nth-last-child(4), .category-page_container .category-page_list > *:first-child:nth-last-child(4) ~ * {
  width: calc(50% - 8px);
}
.category-page_container .category-page_list > *:first-child:nth-last-child(2):nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(2) ~ *:nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(4):nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(4) ~ *:nth-child(3n) {
  margin-right: 16px;
}
.category-page_container .category-page_list > *:first-child:nth-last-child(2):nth-child(2n), .category-page_container .category-page_list > *:first-child:nth-last-child(2) ~ *:nth-child(2n), .category-page_container .category-page_list > *:first-child:nth-last-child(4):nth-child(2n), .category-page_container .category-page_list > *:first-child:nth-last-child(4) ~ *:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .category-page_container .category-page_list > *:first-child:nth-last-child(2), .category-page_container .category-page_list > *:first-child:nth-last-child(2) ~ *, .category-page_container .category-page_list > *:first-child:nth-last-child(4), .category-page_container .category-page_list > *:first-child:nth-last-child(4) ~ * {
    width: 100%;
  }
  .category-page_container .category-page_list > *:first-child:nth-last-child(2):nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(2) ~ *:nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(4):nth-child(3n), .category-page_container .category-page_list > *:first-child:nth-last-child(4) ~ *:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 450px) {
  .category-page_container .category-page_list > * {
    width: calc(50% - 8px);
  }
}
@media (min-width: 1025px) {
  .category-page_container .category-page_list > * {
    width: calc(33% - 8px);
  }
}
@media (max-width: 767px) {
  .category-page_container .category-page_list > * {
    width: 100%;
  }
}
@media (max-width: 449px) {
  .category-page_container .category-page_list > * {
    min-height: 0;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
    width: calc(50% - 4px);
  }
}

.category-manager_add-category-button {
  text-align: center;
}

.category-manager_category-container {
  padding-left: 0;
}

.category-manager_union-icon {
  display: flex;
  justify-content: center;
  width: 32px;
}

.category-manager_category-overview {
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  background-color: #fff;
  list-style: none;
  min-height: 32px;
  display: flex;
  align-items: stretch;
  margin-bottom: 8px;
  justify-content: space-between;
}
.category-manager_category-overview:last-child {
  margin-bottom: 0;
}
.category-manager_category-overview .category-manager_category-overview-right {
  background-color: #f5f7f9;
}
.category-manager_category-overview .category-manager_category-overview-right > a {
  border-left: 1px solid #c7c7c7;
  padding: 0 10px;
  color: #25313b;
}
.category-manager_category-overview .category-manager_category-overview-right > a:hover {
  text-decoration: none;
}
.category-manager_category-overview .category-manager_category-overview-left,
.category-manager_category-overview .category-manager_category-overview-right {
  display: flex;
  align-items: stretch;
}
.category-manager_category-overview .category-manager_category-overview-left > *,
.category-manager_category-overview .category-manager_category-overview-right > * {
  display: flex;
  align-items: center;
}
.category-manager_category-overview .category-manager_link-icon path {
  fill: #25313b;
}
.category-manager_category-overview .category-manager_panel-title {
  display: flex;
}

.category-manager_panel-title {
  display: flex;
  justify-content: space-between;
}
.category-manager_panel-title .category-manager_panel-title-right a {
  padding-left: 10px;
  font-weight: 400;
}
.category-manager_panel-title .category-manager_panel-title-right a:hover {
  text-decoration: none;
}
.category-manager_panel-title .category-manager_panel-title-right,
.category-manager_panel-title .category-manager_panel-title-left {
  display: flex;
  align-items: stretch;
}
.category-manager_panel-title .category-manager_panel-title-right > *,
.category-manager_panel-title .category-manager_panel-title-left > * {
  display: flex;
  align-items: center;
}
.category-manager_panel-title .category-manager_panel-title-right .category-manager_union-icon,
.category-manager_panel-title .category-manager_panel-title-left .category-manager_union-icon {
  justify-content: flex-start;
  width: 16px;
}

.image-cropper_footer, .image-cropper_title {
  background-color: #fff;
  height: 56px;
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  left: 0;
}

.image-cropper_uploader .component-uploader__image-wrapper {
  position: relative;
  background: #c7c7c7;
  box-shadow: 0 0 0 1px #c7c7c7 inset, 0 0 0 2px #fff inset;
  padding: 0;
  max-width: 100%;
}
.image-cropper_uploader .component-uploader__style {
  text-align: center;
  overflow: hidden;
  color: #fff;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}

.image-cropper_modal.react-modal-container .react-modal {
  background-color: #f6f6f6;
  width: auto;
  min-width: 400px;
  padding: 56px 16px 63px;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.image-cropper_modal.react-modal-container .react-modal .react-modal_close-button-container {
  top: 16px;
}
.image-cropper_modal .image-cropper {
  padding: 50px 0;
  max-width: 500px;
  max-height: 500px;
  text-align: center;
  overflow: hidden;
  display: flex;
}
.image-cropper_modal .image-cropper .ReactCrop {
  max-height: 468px;
}
.image-cropper_modal .image-cropper .ReactCrop img {
  max-height: inherit;
}

.image-cropper_title {
  top: 0;
  z-index: -1;
  font-size: 20px;
  line-height: 24px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-weight: 700;
  height: 72px;
}

.widget-configurator .widget-configurator__controls a.component-uploader__image-details,
.widget-configurator .homepage-widget-configurator__controls a.component-uploader__image-details,
.homepage-widget-configurator .widget-configurator__controls a.component-uploader__image-details,
.homepage-widget-configurator .homepage-widget-configurator__controls a.component-uploader__image-details {
  bottom: 5px;
}

.image-cropper_footer {
  justify-content: space-between;
  height: 63px;
  bottom: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.image-cropper_footer .btn {
  box-shadow: none;
  margin-top: 0;
}
.image-cropper_footer .btn-default {
  margin-left: 8px;
}

.image-cropper_footer-buttons-group {
  display: flex;
}
.image-cropper_footer-buttons-group .btn--insided-brand {
  margin-right: 8px;
}
.image-cropper_footer-buttons-group .btn--insided-brand.is-loading .btn--loader {
  position: absolute;
  display: block;
}
.image-cropper_footer-buttons-group .btn--insided-brand.is-loading .btn__hide-when-loading {
  display: none;
}

.cke_editable_is_control {
  color: inherit;
}

.post__content--control.post__content {
  font-family: var(--config--main-font-base-stack);
  line-height: 1.5;
}
.post__content--control.post__content hr {
  margin-left: 0;
  margin-right: 0;
}
.post__content--control.post__content h1 {
  font-size: 34px;
}
.post__content--control.post__content h2 {
  font-size: 19px;
}
.post__content--control.post__content h3 {
  font-size: 16px;
}
.post__content--control.post__content h1,
.post__content--control.post__content h2,
.post__content--control.post__content h3 {
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.post__content--control.post__content ul {
  padding-left: 40px;
  list-style-type: disc;
}
.post__content--control.post__content table {
  display: block;
  overflow-x: auto;
  border: 0 !important;
  background-color: #fff;
}
.post__content--control.post__content table th {
  background-color: #f6f6f6;
}
.post__content--control.post__content table td,
.post__content--control.post__content table th {
  padding: 12px 16px !important;
  border: 1px solid #d5d6da;
}
.post__content--control.post__content figure {
  padding: 0;
  margin: 0 0 7px;
}
.post__content--control.post__content figure.right-aligned-image {
  float: right;
  max-width: 200px;
}
.post__content--control.post__content figure figcaption {
  padding: 7px 5px 10px;
  background: var(--config-body-background-color);
  text-align: center;
  margin: 0;
}
.post__content--control.post__content figure > img {
  display: block;
  max-width: 100%;
}
.post__content--control.post__content blockquote {
  font-style: italic;
}
.post__content--control.post__content img {
  max-width: 100%;
}
.post__content--control.post__content code {
  line-height: 1;
  color: #e01e5a;
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 1px;
  border-radius: 3px;
}
.post__content--control.post__content img[src*=emojione] {
  background: none !important;
  width: 16px;
  height: 16px;
}
.post__content--control.post__content--new-editor h1 {
  font-weight: 300;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.25px;
}
.post__content--control.post__content--new-editor h2 {
  font-weight: normal;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.01em;
}
.post__content--control.post__content--new-editor figure img {
  margin: 0 auto;
}
.post__content--control.post__content--new-editor blockquote {
  border-left: 2px solid #d5d9de;
}
.post__content--control.post__content--new-editor code {
  background: #f6f6f6;
  color: #f84e78;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px;
  border-radius: 0px;
}
.post__content--control.post__content--new-editor a {
  color: #1e9cdf;
}
.post__content--control.post__content--new-editor figure figcaption {
  background: none;
  color: var(--config-meta-text-color);
}
.post__content--control.post__content--new-editor table {
  display: block;
  overflow-x: auto;
  border: 0 !important;
}
.post__content--control.post__content--new-editor table th {
  background-color: #f6f6f6;
}
.post__content--control.post__content--new-editor table td,
.post__content--control.post__content--new-editor table th {
  padding: 12px 16px !important;
  border: 1px solid #d5d6da;
}
.post__content--control.post__content--new-editor p {
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 8px;
}

.post__content__best_answer {
  margin: 0;
  padding: 0;
}

.widget-container--container-2-1-column_1 .community-category-container .col,
.homepage-widget-container--container-2-1-column_1 .community-category-container .col {
  padding: 0;
}
@media (max-width: 1024px) {
  .widget-container--container-2-1-column_1 .community-category-container,
  .homepage-widget-container--container-2-1-column_1 .community-category-container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .widget-container--container-2-1-column_1 .community-category-container,
  .homepage-widget-container--container-2-1-column_1 .community-category-container {
    padding: 0 16px;
  }
}

.community-category-container .community-category-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}
.community-category-container .community-category-list .community-category-list_parent-child-component-wrapper {
  grid-column: auto/span 12;
}
.community-category-container .community-category-list .community-category-list_parent-child-component-wrapper .community-category-list_parent-child-component {
  margin-top: 16px;
}
.community-category-container .community-category-list .community-category-list_parent-child-component-wrapper .community-category-list_parent-child-component:first-child {
  margin-top: 0;
}
.community-category-container .community-category-list .community-category-list_parent-child-component-wrapper .community-category-list_parent-title {
  margin-bottom: 8px;
  font-size: 16px;
}
.community-category-container .community-category-list .card_url {
  color: var(--config--main-color-night);
}
.community-category-container .community-category-list .card_url .card_info:only-child {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .community-category-container .community-category-list .card_url .card_info:only-child {
    margin-top: 8px;
  }
}
.community-category-container .community-category-list .card_info {
  grid-gap: 4px;
  padding: 8px 24px 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .community-category-container .community-category-list .card_info {
    padding: 8px 16px 16px;
    grid-gap: 0;
  }
  .community-category-container .community-category-list .card_info > * {
    margin: 0;
  }
  .community-category-container .community-category-list .card_info .text--meta {
    display: none;
  }
}
.community-category-container .community-category-list .card_info > .card_info__title {
  padding: 0 0 4px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .community-category-container .community-category-list .card_info > .card_info__title {
    font-size: 16px;
  }
}
.community-category-container .community-category-list .card_info .community__card-metadata .text--meta {
  margin-bottom: 0;
}
.community-category-container .community-category-list .card_info .community-category__card-metadata {
  display: flex;
  justify-content: center;
}
.community-category-container .community-category-list .card_info .community-category__card-metadata .text--meta {
  margin-bottom: 0;
}
.community-category-container .community-category-list .card_image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 72px;
  background-size: auto 72px;
  margin-top: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media (max-width: 767px) {
  .community-category-container .community-category-list .card_image {
    margin-top: 16px;
  }
}
@media (max-width: 449px) {
  .community-category-container .community-category-list .card_image {
    height: 60px;
    background-size: auto 60px;
    margin-top: 15px;
  }
}
.community-category-container .community-category-list .community-category__card-small-card {
  text-align: left;
}
@media (max-width: 767px) {
  .community-category-container .community-category-list .community-category__card-small-card {
    grid-column: auto/span 12;
  }
  .community-category-container .community-category-list .community-category__card-small-card .card_info__title {
    padding-bottom: 0;
  }
}
.community-category-container .community-category-list .community-category__card-small-card .card_url {
  padding: 16px;
  display: flex;
  align-items: center;
  width: 100%;
}
.community-category-container .community-category-list .community-category__card-small-card .card_image {
  width: 72px;
  margin-top: 0;
  margin-right: 16px;
}
@media (max-width: 449px) {
  .community-category-container .community-category-list .community-category__card-small-card .card_image {
    width: 60px;
  }
}
.community-category-container .community-category-list .community-category__card-small-card .card-info__metadata {
  margin-bottom: 0;
}
.community-category-container .community-category-list .community-category__card-small-card .community-category__card-metadata {
  justify-content: flex-start;
}
.community-category-container .community-category-list .community-category__card-small-card .card_info {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.community-category-container .community-category-list .community-category__card-small-card .card_info:only-child {
  margin-top: 0;
}
.community-category-container .community-category-list > .community-category__card {
  overflow: hidden;
  grid-column: auto/span 4;
}
@media (max-width: 1024px) {
  .community-category-container .community-category-list > .community-category__card {
    grid-column: auto/span 6;
  }
}
@media (max-width: 767px) {
  .community-category-container .community-category-list > .community-category__card {
    grid-column: auto/span 12;
  }
}
@media (min-width: 1025px) {
  .widget-container--container-2-1-column_1 .community-category-container .community-category-list > .community-category__card, .homepage-widget-container--container-2-1-column_1 .community-category-container .community-category-list > .community-category__card {
    grid-column: auto/span 6;
  }
}
.community-category-container .community-category__card {
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.community-category-container .community-category__card.community-category__card-small-card a {
  display: flex;
  flex-direction: row;
}
@media (max-width: 449px) {
  .community-category-container .community-category__card {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 767px) {
  .community-category-container .community-category__card:only-child {
    grid-column: auto/span 12;
  }
}

.widget-configurator .widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tab-header {
  cursor: pointer;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content {
  display: flex;
  justify-content: space-between;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option {
  cursor: pointer;
  position: relative;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon {
  border: 1px solid #0069FF;
  border-radius: 4px;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon {
  display: block;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon {
  border: 1px solid #d5d6da;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: none;
}

.topic-curation__container .topic-curation__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .topic-curation__container .topic-curation__list {
    display: block;
    height: auto;
  }
}
.topic-curation__container .topic-curation__list .topic-curation__item {
  margin-bottom: 12px;
}
.topic-curation__container .topic-curation__list .topic-curation__item:last-child {
  margin-bottom: 0;
}
.topic-curation__container .topic-curation__item {
  display: flex;
  width: 50%;
}
@media (max-width: 767px) {
  .topic-curation__container .topic-curation__item {
    width: 100%;
  }
}
.topic-curation__container .topic-curation__item svg path,
.topic-curation__container .topic-curation__item svg {
  fill: var(--config--main-color-brand);
}
.topic-curation__container .topic-curation__item .topic-curation__item-link {
  margin-left: 12px;
}
.topic-curation__container .topic-curation__item-link {
  word-break: normal;
}

.topic-curation-destination__container {
  background: #fff;
  margin-bottom: 16px;
  border: 1px solid var(--config--main-border-base-color);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .topic-curation-destination__container {
    border-right: 0;
    border-left: 0;
  }
}
.topic-curation-destination__container .sitewidth div:first-child .topic-curation__item:first-child {
  border-top: 0;
}
.topic-curation-destination__container .topic-curation__header {
  display: flex;
  padding: 16px 0;
  justify-content: space-between;
  align-items: center;
}
.topic-curation-destination__container .topic-curation__widget-title {
  padding: 0 16px;
  color: var(--config-header-color);
  font-size: 16px;
}
.topic-curation-destination__container .topic-curation__header-link .topic-curation__header--knowledgeBase:hover .topic-curation__widget-title {
  color: var(--config--main-color-brand);
}
.topic-curation-destination__container .topic-curation__widget-toggle {
  background: none;
  border: 0;
  outline: none;
  cursor: pointer;
  margin: 0 16px;
  padding: 0;
  color: var(--config-meta-text-color);
}
.topic-curation-destination__container .topic-curation__widget-toggle:hover {
  color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .topic-curation-destination__container .topic-curation__widget-toggle:hover {
    color: var(--config-meta-text-color);
  }
}
.topic-curation-destination__container .topic-curation__widget-toggle .icon--caret-up, .topic-curation-destination__container .topic-curation__widget-toggle .js-scrollto, .topic-curation-destination__container .topic-curation__widget-toggle .Template-footer .scroll-to-top-sticky-button, .Template-footer .topic-curation-destination__container .topic-curation__widget-toggle .scroll-to-top-sticky-button,
.topic-curation-destination__container .topic-curation__widget-toggle .icon--caret-down {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topic-curation-destination__container .topic-curation__widget-toggle .icon--auto-width {
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  vertical-align: text-bottom;
}
.topic-curation-destination__container .topic-curation__widget-toggle .icon--auto-width:before {
  font-weight: 900;
}
.topic-curation-destination__container .topic-curation__list {
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.topic-curation-destination__container .topic-curation__item {
  margin: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-top: solid 1px var(--config--main-border-base-color);
}
.topic-curation-destination__container .topic-curation__item:first-child {
  justify-content: space-between;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-icon:hover ~ .topic-curation__item-body .topic-curation__title {
  color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .topic-curation-destination__container .topic-curation__item .topic-curation__item-icon:hover ~ .topic-curation__item-body .topic-curation__title {
    color: var(--config--main-button-base-font-color);
  }
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-link:hover ~ .topic-curation__item-body .topic-curation__title {
  color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .topic-curation-destination__container .topic-curation__item .topic-curation__item-link:hover ~ .topic-curation__item-body .topic-curation__title {
    color: var(--config--main-button-base-font-color);
  }
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-icon {
  display: flex;
  align-self: start;
  margin: 16px;
  height: 24px;
  width: 24px;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-icon path {
  fill: var(--config--main-color-brand);
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin: 16px 16px 16px 0;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .link:hover .topic-curation__title {
  color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .topic-curation-destination__container .topic-curation__item .topic-curation__item-body .link:hover .topic-curation__title {
    color: var(--config--main-button-base-font-color);
  }
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .topic-curation__title.thread-list-block__title {
  margin-top: -4px;
  font-size: 16px;
  line-height: 24px;
  color: var(--config-header-color);
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .topic-curation__item-type {
  color: var(--config-meta-text-color);
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .topic-curation__item-type .topic-curation__item-type-text {
  display: flex;
  align-items: center;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .topic-curation__item-type .topic-curation__item-type-link {
  position: relative;
  color: var(--config-meta-text-color);
  height: 24px;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-body .topic-curation__item-type .avatar {
  position: relative;
  top: 2px;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 8px;
}
.topic-curation-destination__container .topic-curation__item .topic-curation__item-image {
  width: 108px;
  height: 48px;
  margin-right: 16px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .topic-curation-destination__container .topic-curation__item .topic-curation__item-image {
    display: none;
  }
}
.topic-curation-destination__container .topic-curation__show-all-box {
  display: flex;
  height: 52px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e0e0e0;
}
.topic-curation-destination__container .topic-curation__show-all-text {
  margin: 0 16px;
  font-size: 16px;
  color: var(--config--main-color-brand);
}

.topic-curation-destination__container--overflowVisible {
  overflow: visible;
}

.content-curation-manager .content-curation-manager_visibility {
  display: flex;
}
.content-curation-manager .content-curation-manager_visibility .content-curation-manager_visibility-switch {
  margin-right: 40px;
}
.content-curation-manager .algolia-search-container {
  position: relative;
  height: 30px;
}
.content-curation-manager .algolia-hit-container {
  border: 1px solid #c7c7c7;
  top: 36px;
}
.content-curation-manager .search-box {
  position: relative;
  left: auto;
  width: auto;
  right: auto;
  top: auto;
}
.content-curation-manager input[type=search].search-box__input {
  width: 100%;
  box-shadow: none;
  border-color: #c7c7c7;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  padding-left: 31px !important;
  padding-right: 31px !important;
}
.content-curation-manager .search-box__submit {
  pointer-events: none;
}
.content-curation-manager .algolia-search-result.highlighted {
  background-color: #f0f0f0;
}
.content-curation-manager .algolia-search-result.disabled {
  background-color: var(--config--main-border-base-color);
}
.content-curation-manager .algolia-search-result.disabled .algolia-hit-item::after {
  content: " Already picked";
  color: var(--config--main-color-disabled);
}

.sortable-curated-topics-list {
  padding: 0;
}

.curated-topic-row {
  display: flex;
  margin: 0 -5px 5px;
}
.curated-topic-row .curated-topic-title {
  flex-grow: 1;
}
.curated-topic-row > * {
  margin: 0 5px;
}

.preact-drag-handle {
  background-color: #f7f7f7;
  color: #c7c7c7;
  padding-left: 4px;
  padding-right: 4px;
  cursor: move;
}
.preact-drag-handle:hover {
  color: #c7c7c7;
}

.sortable-curated-topic {
  list-style: none;
}
.sortable-curated-topic .curated-topic-row .preact-drag-handle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: -7px 6px -7px -11px;
  float: left;
}
.sortable-curated-topic .curated-topic-row .curated-topic-title {
  text-align: left;
}

.content-quote-container {
  display: block;
  border-left: 2px solid #e3e4ec;
  padding-left: 16px;
}
.content-quote-container .content-quote {
  font-style: italic;
}
.content-quote-container .content-quote .popup-component {
  font-style: normal;
}
.content-quote-container .content-quote-username {
  font-weight: bold;
  font-style: italic;
}

content-spoiler.spoiler-container {
  display: block;
  border-left: 2px solid var(--config--main-border-base-color);
  padding-left: 8px;
}
content-spoiler.spoiler-container .spoiler-toggle-button {
  cursor: pointer;
  text-decoration: underline;
}
content-spoiler.spoiler-container.content-hidden .content-spoiler {
  display: none;
}

.spoiler-container summary {
  list-style: none;
}

content-spoiler {
  display: none;
}

.html-editor content-spoiler {
  display: block;
  border-left: 2px solid var(--config--main-border-base-color);
  padding: 10px;
  margin: 5px;
}

.switcher {
  padding-top: 5px;
  padding-right: 10px;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.switcher .metadata {
  clear: left;
  font-size: smaller;
  line-height: 120%;
  color: var(--config-meta-text-color);
}

.switcher--full-width {
  display: block;
  float: none;
}

.control-switcher {
  position: absolute;
}
.control-switcher .toggle .icon-reorder:before {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
}
.control-switcher .ui-on,
.control-switcher .ui-off {
  display: block;
  color: rgba(0, 0, 0, 0.8);
  width: 30px;
  height: 30px;
  float: left;
}

.preact-switch.disable {
  cursor: not-allowed;
}
.preact-switch.disable a {
  pointer-events: none;
}

.control-switcher {
  position: relative;
  clear: both;
  width: 51px;
  height: 24px;
  float: left;
  margin: 2px 0.7em 2px 2px;
}
.control-switcher .toggle {
  background-color: white;
  border: 1px solid #aeacac;
  border-radius: 2px;
  position: absolute;
  top: -2px;
  left: 0;
  width: 26px;
  height: 24px;
  display: block;
  padding: 3px;
  z-index: 1;
  transition: all 200ms ease-in-out;
}
.control-switcher .toggle .icon-handler:before {
  position: absolute;
  font-size: 11px;
  color: #959898;
  top: 5px;
  left: 8px;
}
.control-switcher.on .toggle {
  left: 25px;
}
.control-switcher .ui-on,
.control-switcher .ui-off {
  position: relative;
  display: block;
  width: 25px;
  height: 20px;
  overflow: hidden;
}
.control-switcher .ui-on i:before,
.control-switcher .ui-off i:before {
  font-size: 18px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.control-switcher .ui-on {
  background-color: #0369e9;
  border: 1px solid #0369e9;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  color: #fff !important;
}
.control-switcher .ui-on i:before {
  top: 5px;
  left: 8px;
}
.control-switcher .ui-off {
  background-color: #d5d9de;
  border: 1px solid #c7c7c7;
  border-left: 0;
  border-radius: 0 2px 2px 0;
  position: absolute;
  left: 25px;
  color: #aeacac;
}
.control-switcher .ui-off i:before {
  top: 5px;
  left: 8px;
}

.switch-label {
  display: flex;
  align-items: center;
}

.customCss__note {
  margin-bottom: 16px;
  background: #f5f7f9;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  padding: 16px;
}

.customCss__note-text {
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.085px;
}

.customCss__note-text-bold {
  font-weight: 700;
}

.customCss__note-text-btn {
  background: none;
  border: none;
  padding: 0;
  color: #43ade5;
  outline: none;
}

.customCss__error {
  width: 100%;
  padding: 16px;
  margin-bottom: 16px;
  background: #f75d4f;
  border-radius: 2px;
  color: white;
  position: relative;
}

.customCss__error-text {
  margin: 0;
  white-space: pre-wrap;
}

.customCss__error-close {
  cursor: pointer;
  text-align: right;
  position: absolute;
  top: 5px;
  right: 5px;
}

.customCss__error-close svg path {
  fill: #fff;
}

.CodeMirror {
  min-height: calc(100vh - 280px);
}

.js-page-title {
  text-transform: capitalize;
}

.dropdown-wrapper button {
  width: 100%;
  min-width: 136px;
}
.dropdown-wrapper button button {
  padding: 2px 8px;
}
.dropdown-wrapper button button div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.dropdown-wrapper button button svg {
  min-width: 16px;
  margin-left: auto;
}
.dropdown-wrapper button button svg path {
  fill: #828080;
}

.dropdown-container ul {
  padding: 0;
  margin: 0;
}
.dropdown-container ul li {
  list-style: none;
}

.control-dropdown {
  position: relative;
}

.control-dropdown__list {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  margin-top: 4px;
  padding: 8px 0;
  position: absolute;
  z-index: 7000;
  max-height: 400px;
  overflow: auto;
}
.control-dropdown__list--up {
  bottom: calc(100% + 32px);
  margin-bottom: 4px;
}
.control-dropdown__list--button {
  max-width: 240px;
  min-width: 120px;
}
.control-dropdown__list--grouped:not(:last-child) {
  border-bottom: 1px solid #c7c7c7;
}
.control-dropdown__list--grouped:not(:first-child) .control-dropdown__list--group-name {
  margin-top: 8px;
}
.control-dropdown__list--group-name {
  padding: 8px;
  font-weight: 700;
}
.control-dropdown__list a,
.control-dropdown__list a:link {
  color: #25313b;
  display: block;
  font-size: 12px;
  padding: 8px;
  text-decoration: none;
}
.control-dropdown__list a:hover {
  background: #0369e9;
  color: #fff;
  text-decoration: none;
}
.control-dropdown__list .control-dropdown__item--danger {
  color: #f75d4f;
}
.control-dropdown__list .control-dropdown__item--danger:hover {
  background: #f75d4f;
}
.control-dropdown__list .control-dropdown__item--default:hover {
  color: #25313b;
  background: #f5f7f9;
}
.control-dropdown__list .dropdown-searchbox {
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0 8px 8px;
  display: flex;
  align-items: center;
}
.control-dropdown__list .dropdown-searchbox input {
  border: 0;
  width: 80%;
  height: 32px;
}
.control-dropdown__list .dropdown-searchbox svg {
  min-width: 16px;
  height: 16px;
  margin-left: 8px;
}
.control-dropdown__list .dropdown-searchbox svg path {
  fill: #828080;
}
.control-dropdown__list .dropdown-searchbox .btn-clear-searchbox {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  margin-left: 0;
}
.control-dropdown__list .dropdown-searchbox .btn-clear-searchbox:hover {
  cursor: pointer;
}
.control-dropdown__list .empty-list-message {
  color: #828080;
  margin-top: 18px;
  margin-bottom: 18px;
  width: 90%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.control-dropdown--brand .control-dropdown__list {
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.control-dropdown--brand .control-dropdown__list a {
  font-size: 14px;
  line-height: 1.5;
  padding: 12px 16px;
}
.control-dropdown--brand .control-dropdown__list a:hover {
  background: #f6f6f6;
  color: #25313b;
}
.control-dropdown--brand .control-dropdown__list .control-dropdown__list--grouped .control-dropdown__list--group-name {
  padding: 12px 16px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  color: #3c4a57;
}

.control-dropdown__list--right {
  right: 0;
}

.control-dropdown__list--left {
  left: 0;
}

.control-dropdown__list--adjust {
  width: 100%;
}

a.control-dropdown__item--with_image {
  display: flex;
  align-items: center;
}

.dropdown-image {
  display: inline-block;
  margin-right: 8px;
}
.dropdown-image img {
  height: 40px;
  width: 40px;
}

.preact-selectize-dropdown {
  width: 100%;
}

.preact-selectize-dropdown .item + input {
  margin-top: 4px !important;
}

.preact-selectize-dropdown input {
  width: 100%;
}

.preact-selectize-dropdown .option:hover {
  background: #43ade5;
  color: #fff;
}

.selectize-input.has-error {
  border-color: #f75d4f;
}

.selectize-control .dropdown-container .button-control--dropdown {
  width: 100%;
}

.button-control--dropdown div div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.button-control--dropdown div div svg {
  margin-left: 8px;
}

.control-dropdown--full-width > button {
  width: 100%;
}

.dropdown-selector-wrapper--destination {
  position: relative;
}
.dropdown-selector-wrapper--destination button {
  width: 100%;
}
.dropdown-selector-wrapper--destination button div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
  padding: 0 16px;
  color: var(--config--main-color-night);
}

.dropdown-selector-wrapper--control {
  position: relative;
}
.dropdown-selector-wrapper--control > button {
  width: 100%;
}
.dropdown-selector-wrapper--control .button-control-new > div {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}
.dropdown-selector-wrapper--control .button-control-new > div svg {
  width: 24px;
  height: 24px;
}

.dropdown-selector {
  position: absolute;
  z-index: 7000;
  background: #fff;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  padding: 8px 0;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}

.dropdown-selector__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
}
.dropdown-selector__item:hover {
  color: var(--config--main-color-brand);
}

.dropdown-icon--open {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}

.multi-dropdown {
  display: inline-flex;
  align-items: center;
}
.multi-dropdown__container {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 4px;
}
.multi-dropdown__container.has-actions {
  border-color: var(--config--main-border-base-color);
  background-color: #fff;
}
.insided-control .multi-dropdown__container.has-actions {
  border-color: #d5d9de;
}
.multi-dropdown__action-button {
  animation: slideIn 0.2s ease-in-out;
}
.multi-dropdown__more-wrapper {
  position: relative;
  display: inline-flex;
}
.multi-dropdown .c-dropdown .c-dropdown__content.c-dropdown__content-position-bottom {
  margin-top: 1px;
  top: calc(100% + 4px);
}
.multi-dropdown .c-dropdown--divider {
  height: 0;
}
.multi-dropdown .c-dropdown .c-dropdown__content.c-dropdown__content-align-right {
  right: -4px;
}
.multi-dropdown .tooltip-container .tooltip-message.tooltip-message--center {
  max-width: max-content;
}
.multi-dropdown .post__action-dropdown-link {
  padding: 0;
}
.multi-dropdown .post__action-dropdown-link:hover {
  text-decoration: none;
}

.cke_dialog_background_cover {
  background-color: rgba(0, 0, 0, 0.1) !important;
  opacity: 1 !important;
}

ul.cke_autocomplete_opened {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  padding: 4px;
  max-height: 230px;
  overflow-y: auto;
  border: none;
}
ul.cke_autocomplete_opened li:hover {
  background-color: var(--config--main-color-brand);
}

.mention-user {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mention-user.cke_autocomplete_selected {
  background-color: var(--config--main-color-brand);
  color: #fff;
}
.mention-user .avatar {
  margin-right: 8px;
}
.mention-user .avatar.avatar--S {
  min-width: 30px;
}

.html-editor + .content-attachments {
  border-top: 1px solid #d5d9de;
}

.content-attachments {
  padding: 16px;
  background-color: #fff;
}

.content-attachments__error {
  padding: 8px 12px;
  margin: 0 0 8px;
  background-color: var(--config--main-color-alert);
  color: #fff;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: space-between;
}

.content-attachments__error-close {
  cursor: pointer;
  color: inherit;
}

.content-attachments-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.content-attachments-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f7f9;
  padding: 8px 12px;
  margin-bottom: 8px;
  font-weight: bold;
}
.content-attachments-list__item svg {
  min-width: 16px;
}

.content-attachments-list__link,
.content-attachments-list__text--loading {
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-attachments-list__text--loading {
  color: #3c4a57;
}

.content-attachments__delete {
  color: #3c4a57;
  cursor: pointer;
}

.emojione {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/sprites/emojione.sprites.png");
}

.emoji-selector-positioner {
  position: absolute;
  left: 50%;
  top: 40px;
  background: #fff;
  padding: 10px;
  border: 1px solid #d5d9de;
  transform: translateX(-50%);
  z-index: 9;
}

.emoji-selector-positioner-background {
  position: absolute;
  bottom: 0;
  height: calc(100% - 38px);
  width: 100%;
  z-index: 1;
}

.emoji-selector {
  max-width: 345px;
}

.emoji-categories-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.emoji-selector-category svg {
  width: 32px;
  height: 32px;
}

.emoji-selector-items {
  max-height: 250px;
  overflow-y: scroll;
}

.emoji-selector-items .emoji-selector-item {
  cursor: pointer;
  outline: none;
  transform: scale(0.4);
  font-size: 28px;
}

.html-editor__wrapper .alert-notification {
  margin-bottom: 8px;
  padding: 16px;
}

.html-editor__buttons {
  margin-top: 8px;
}

.post__edit .html-editor__buttons {
  margin-bottom: 16px;
}

.post__edit .html-editor__buttons .btn {
  margin-right: 8px;
}
.post__edit .html-editor__buttons .btn:last-child {
  margin-right: 0;
}

.type-idea .poll-wrapper {
  display: none;
}

.html-editor {
  font-size: 14px;
  border: 1px solid var(--config--main-border-base-color);
  position: relative;
}
.html-editor.validation-error {
  border-color: var(--config--main-color-alert);
}
.html-editor .cke_top {
  padding: 4px 4px 0;
  border-bottom-color: var(--config--main-border-base-color) !important;
}
@media (max-width: 767px) {
  .html-editor .cke_combo__styles,
  .html-editor .cke_combo__callout,
  .html-editor .cke_button__textcolor,
  .html-editor .cke_button__bgcolor,
  .html-editor .cke_button__bulletedlist,
  .html-editor .cke_button__numberedlist,
  .html-editor .cke_button__insidedemoji,
  .html-editor .cke_button__insidedattachment,
  .html-editor .cke_button__more,
  .html-editor .cke_button__blockquote,
  .html-editor .cke_toolbar_separator {
    display: none !important;
  }
  .html-editor .cke_browser_gecko .cke_button__bold,
  .html-editor .cke_browser_gecko .cke_button__italic,
  .html-editor .cke_browser_gecko .cke_button__underline {
    display: none !important;
  }
  .html-editor .cke_browser_gecko .cke_button__strike + .cke_toolbar_separator {
    display: none !important;
  }
  .html-editor .cke_button__strike + .cke_toolbar_separator {
    display: block !important;
  }
}
.html-editor .cke_chrome {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}
.html-editor .cke_balloon {
  display: none;
}
.html-editor .cke_contents {
  border: none !important;
  border-radius: 0 !important;
}
.html-editor .cke_bottom {
  padding: 0 !important;
  border-top: none !important;
}
.html-editor .cke_resizer {
  margin-bottom: 0 !important;
}
.html-editor .cke_toolgroup {
  border: none !important;
}
.html-editor .cke_button__source_label {
  display: none !important;
}
.html-editor .cke_toolbar_separator {
  background: var(--config--main-border-base-color) !important;
  margin-left: 6px;
  margin-right: 6px;
}
.html-editor .cke_button + .cke_toolbar_separator {
  margin-left: 4px;
}
.html-editor .cke_button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  height: 20px;
  width: 20px;
  border-radius: 3px !important;
  margin-right: 2px;
}
.html-editor .cke_button__embed,
.html-editor .cke_button__codesnippet,
.html-editor .cke_button__horizontalrule,
.html-editor .cke_button__spoiler,
.html-editor .cke_button__table {
  display: none !important;
}
.html-editor .cke_button_expandable {
  width: 24px;
}
.html-editor .cke_button_arrow {
  margin-top: 3px;
}
.html-editor .cke_combo {
  position: relative;
}
.html-editor .cke_combo_arrow {
  margin-top: 8px;
}
.html-editor .cke_combo_button {
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  text-decoration: none;
  cursor: pointer;
  border: none !important;
}
.html-editor .cke_combo:after {
  content: "";
  position: absolute;
  height: 18px;
  width: 0;
  border-right: 1px solid var(--config--main-border-base-color);
  margin: 5px 6px 0;
  top: 0;
  right: 0;
}
.html-editor .cke_combo_off .cke_combo_button:hover,
.html-editor .cke_button_off:hover {
  background: #f6f6f6 !important;
  border-color: transparent;
  box-shadow: none;
}
.html-editor .cke_combo_on .cke_combo_arrow {
  border-top: 3px solid #fff;
}
.html-editor .cke_button_icon {
  background: none !important;
  display: block;
}
.html-editor .cke_button_icon,
.html-editor .cke_button_icon svg {
  width: 16px;
  height: 16px;
}
.html-editor .cke_toolgroup .cke_button:last-child {
  margin-right: 0;
}
.html-editor .cke_combo_text,
.html-editor .cke_combo_open,
.html-editor .cke_combo_arrow,
.html-editor .cke_button_icon svg,
.html-editor .cke_button_icon svg path {
  cursor: pointer;
}
.html-editor .cke_button__italic .cke_button_icon,
.html-editor .cke_button__bold .cke_button_icon,
.html-editor .cke_button__italic svg,
.html-editor .cke_button__bold svg {
  width: 12px;
  height: 12px;
}
.html-editor .cke_button_icon path:last-child {
  fill: #2b3346;
}
.html-editor .cke_combo_on .cke_combo_button,
.html-editor .cke_button_on {
  background: #2b3346 !important;
  color: #fff;
  box-shadow: none;
}
.html-editor .cke_combo_on .cke_combo_button path,
.html-editor .cke_button_on path {
  fill: #fff !important;
}
.html-editor .cke_combo_on .cke_combo_text {
  color: #fff;
}
.html-editor .cke_button_on .cke_button_label {
  color: #fff;
}
.html-editor .cke_button_on .cke_button_arrow {
  border-top-color: #fff;
}
.html-editor .cke_combo_text {
  font-family: var(--config--main-font-base-stack);
  font-size: 13px;
  text-shadow: none;
  width: auto;
  padding-left: 6px;
}
.html-editor .cke_combopanel {
  margin-top: 5px;
}
.html-editor .post--editor .button-control--warning {
  margin-right: 10px;
}
.html-editor .cke_button__textcolor .cke_button_arrow,
.html-editor .cke_button__bgcolor .cke_button_arrow,
.html-editor .cke_button__more .cke_button_arrow {
  display: none;
}
.html-editor .cke_toolgroup .cke_button:last-child.cke_button__variable {
  margin-right: -6px;
}
.html-editor .cke_button__variable .cke_button_arrow {
  display: none;
}
.html-editor .cke_button__variable .cke_button_icon,
.html-editor .cke_button__variable svg.editor-variable-icon {
  width: 20px;
  height: 20px;
}

.insided-control .cke_dialog select.cke_dialog_ui_input_select,
.insided-control .cke_dialog .cke_dialog_ui_input_text,
.insided-control .cke_dialog .cke_dialog_ui_checkbox label,
.insided-control .cke_dialog .cke_dialog_body .cke_dialog_contents_body p,
.insided-control .cke_dialog .cke_dialog_body .cke_dialog_ui_labeled_label,
.insided-control .cke_dialog .cke_dialog_body .cke_dialog_title,
.insided-control .cke_dialog .cke_dialog_ui_labeled_label {
  color: #181f26;
}

.cke_dialog {
  border-radius: 4px;
}
.cke_dialog .cke_dialog_body {
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: none;
  min-width: 480px;
}
@media (max-width: 767px) {
  .cke_dialog .cke_dialog_body {
    min-width: calc(100vw - 2px);
  }
}
.cke_dialog .cke_dialog_body .cke_dialog_title {
  font-size: 20px;
  padding: 24px;
  color: var(--config-header-color);
  border-bottom: 0;
}
.cke_dialog .cke_dialog_body .cke_dialog_close_button {
  right: 24px !important;
  top: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%239599A2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_labeled_label {
  font-size: 14px;
  font-weight: bold;
  color: var(--config--main-color-night);
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_labeled_label + .cke_dialog_ui_labeled_content {
  margin-top: 8px;
  width: 100% !important;
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_hbox_first {
  padding-right: 8px;
}
.cke_dialog .cke_dialog_body .cke_dialog_contents_body {
  padding: 0 24px;
  height: auto !important;
  width: auto !important;
}
.cke_dialog .cke_dialog_body .cke_dialog_contents_body p {
  color: var(--config--main-color-night);
  font-size: 14px;
  margin-bottom: 16px;
}
.cke_dialog .cke_dialog_body .cke_dialog_contents {
  width: 100%;
}
.cke_dialog .cke_dialog_body .cke_dialog_contents tr {
  background-color: #fff;
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_vbox {
  margin: 0;
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_vbox_child {
  padding: 0;
}
.cke_dialog .cke_dialog_body .cke_dialog_ui_vbox_child > div:not(.is-hidden) {
  margin: 8px 0;
}
.cke_dialog .cke_dialog_ui_input_text {
  box-shadow: none;
  border-radius: 4px;
  color: var(--config--main-color-night);
  font-size: 14px;
  height: 40px;
}
.cke_dialog input.cke_dialog_ui_input_text,
.cke_dialog select.cke_dialog_ui_input_select,
.cke_dialog textarea.cke_dialog_ui_input_textarea {
  border-color: var(--config--main-border-base-color);
}
.cke_dialog input.cke_dialog_ui_input_text:focus, .cke_dialog input.cke_dialog_ui_input_text:hover,
.cke_dialog select.cke_dialog_ui_input_select:focus,
.cke_dialog select.cke_dialog_ui_input_select:hover,
.cke_dialog textarea.cke_dialog_ui_input_textarea:focus,
.cke_dialog textarea.cke_dialog_ui_input_textarea:hover {
  border: 1px solid var(--config--main-color-brand);
  border-top-color: var(--config--main-color-brand);
}
.cke_dialog .js-ckeditor-link-url-options .cke_dialog_ui_hbox_first {
  display: none;
}
.cke_dialog .cke_dialog_ui_input_select {
  width: 100%;
}
.cke_dialog select.cke_dialog_ui_input_select,
.cke_dialog textarea.cke_dialog_ui_input_textarea {
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 12px;
  box-shadow: none;
}
.cke_dialog textarea.cke_dialog_ui_input_textarea {
  max-height: calc(100vh - 287px);
}
.cke_dialog select.cke_dialog_ui_input_select {
  height: 40px;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.58997L12 13.17L16.59 8.58997L18 9.99997L12 16L6 9.99997L7.41 8.58997Z' fill='%239599A2' /%3E%3C/svg%3E");
  background-position: calc(100% - 12px) 50%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  color: var(--config--main-color-night);
  line-height: 14px;
}
.cke_dialog select.cke_dialog_ui_input_select::-ms-expand {
  display: none;
}
.cke_dialog .cke_dialog_ui_checkbox label {
  color: var(--config--main-color-night);
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}

td.cke_dialog_footer {
  text-align: left;
  outline: 0;
}
td.cke_dialog_footer .cke_dialog_footer_buttons {
  margin: 24px;
  display: flex;
  justify-content: flex-end;
}
td.cke_dialog_footer .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first {
  padding-right: 8px;
}
td.cke_dialog_footer a.cke_dialog_ui_button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--config-button-cta-border-radius);
  box-shadow: none;
  text-shadow: none;
  padding: 12px 16px;
  box-sizing: border-box;
}
td.cke_dialog_footer a.cke_dialog_ui_button:hover {
  text-decoration: none;
}
td.cke_dialog_footer a.cke_dialog_ui_button span.cke_dialog_ui_button {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  text-shadow: none;
}
td.cke_dialog_footer a.cke_dialog_ui_button:active {
  box-shadow: none;
}
td.cke_dialog_footer a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
  background: var(--config-button-cta-background-color);
  border-color: var(--config-button-cta-border-color);
  color: var(--config-button-cta-color);
  box-shadow: var(--config-button-cta-box-shadow, transparent 0 0);
}
td.cke_dialog_footer a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover {
  color: var(--config-button-cta-hover-color);
  background: var(--config-button-cta-hover-background-color);
  border-color: var(--config-button-cta-hover-border-color);
  box-shadow: var(--config-button-cta-hover-box-shadow, transparent 0 0);
}
td.cke_dialog_footer a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {
  color: var(--config-button-secondary-color);
  background: var(--config-button-secondary-background-color);
  border-color: var(--config-button-secondary-border-color);
}
td.cke_dialog_footer a.cke_dialog_ui_button.cke_dialog_ui_button_cancel:hover {
  color: var(--config-button-secondary-hover-color);
  background: var(--config-button-secondary-hover-background-color);
}

.cke_button__strike {
  display: none !important;
}

.html-editor .content-errors {
  position: absolute;
  top: 37px;
  width: 100%;
}
.html-editor .content-errors .alert {
  border-radius: 0;
  line-height: 18px;
  padding: 8px 16px;
}

.cke_notifications_area {
  display: none;
}

.cke_contents {
  max-height: calc(100vh - 185px);
}

.poll-wrapper {
  background-color: #fff;
  padding: 16px;
  border: 1px solid #d5d9de;
  border-top: none;
}
.poll-wrapper .poll-question input {
  margin-top: 8px;
}
.poll-wrapper .poll-options {
  margin-top: 16px;
}
.poll-wrapper input {
  padding: 8px;
}
.poll-wrapper .input-wrapper {
  margin: 8px 0;
}
.poll-wrapper .input-icon-wrapper {
  cursor: pointer;
}
.poll-wrapper .drag-handle {
  display: flex;
  color: #2B3346;
}
.poll-wrapper .drag-handle svg {
  width: 10px;
  height: 15px;
}
.poll-wrapper .poll-delete {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.poll-wrapper .poll-delete .poll-delete-link {
  color: var(--config--main-color-alert);
  cursor: pointer;
  font-size: 12px;
}

.html-editor--control {
  border-color: #d5d9de;
  border-radius: 4px;
}
.html-editor--control .cke_toolbar_separator {
  background: #d5d9de !important;
}
.html-editor--control .cke_inner {
  border-radius: 4px;
}
.html-editor--control .cke_top {
  border-bottom-color: #d5d9de !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.html-editor--control .cke_contents {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.html-editor--control .cke_button__emailwidgets {
  text-decoration: none;
  width: 100px;
}
.html-editor--control .cke_button__emailwidgets.cke_button_disabled {
  opacity: 0.3;
}
.html-editor--control .cke_button__emailwidgets .cke_button__emailwidgets_icon,
.html-editor--control .cke_button__emailwidgets .cke_button_label {
  display: none;
}
.html-editor--control .cke_button__emailwidgets .cke_button__emailwidgets_label {
  cursor: pointer;
  font-size: 13px;
  text-shadow: none;
  padding-left: 8px;
  display: inherit;
}
.html-editor--control .cke_button__emailwidgets .cke_button_arrow {
  margin: 0 8px;
}

.add-topic-card-modal .no-results {
  text-align: center;
  color: #3c4a57;
}
.add-topic-card-modal .topic-result {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.add-topic-card-modal .topic-result .title {
  font-weight: 700;
}
.add-topic-card-modal .topic-result .meta {
  display: flex;
  align-items: center;
  color: #3c4a57;
}
.add-topic-card-modal .topic-result .meta .avatar {
  margin: 0 4px;
}
.add-topic-card-modal .topic-result button {
  margin-left: auto;
  margin-right: 0;
}

.editor-disable-attachments .cke_button__insidedattachment {
  display: none;
}

.control-modal-overlay,
.community-modal-overlay,
.language-preference-modal-overlay {
  z-index: 8000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.with-elevated-z-index .control-modal-overlay {
  z-index: 9001;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.3);
}
.with-elevated-z-index .control-modal,
.with-elevated-z-index .community-modal,
.with-elevated-z-index .language-preference-modal {
  z-index: 9002;
}
.with-elevated-z-index .community-modal-overlay,
.with-elevated-z-index .language-preference-modal-overlay {
  z-index: 9001;
  backdrop-filter: blur(10px);
  background: rgba(60, 74, 87, 0.64);
}

.control-modal-center,
.community-modal-center,
.language-preference-modal-center {
  top: 50%;
  left: 50%;
}

.control-modal-top-right,
.community-modal-top-right,
.language-preference-modal-top-right {
  top: 14%;
  left: 80%;
}

.control-modal,
.community-modal,
.language-preference-modal {
  z-index: 9000;
  position: fixed;
  transform: translate(-50%, -50%);
  max-width: 100%;
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  font-size: 14px;
}
.control-modal-small,
.community-modal-small,
.language-preference-modal-small {
  width: 452px;
}
.control-modal-medium,
.community-modal-medium,
.language-preference-modal-medium {
  width: 560px;
}
.control-modal-large,
.community-modal-large,
.language-preference-modal-large {
  width: 800px;
}
.control-modal-fullscreen,
.community-modal-fullscreen,
.language-preference-modal-fullscreen {
  right: 5%;
  left: 5%;
  top: 5%;
  bottom: 5%;
  transform: translate(0, 0);
}
.control-modal .control-modal-header,
.community-modal .control-modal-header,
.language-preference-modal .control-modal-header {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "title close";
  padding: 24px 24px 0 24px;
}
.control-modal .control-modal-header .control-modal-header-title,
.community-modal .control-modal-header .control-modal-header-title,
.language-preference-modal .control-modal-header .control-modal-header-title {
  grid-area: title;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #25313b;
  font-size: 20px;
  font-weight: 700;
}
.control-modal .control-modal-header .control-header-close,
.community-modal .control-modal-header .control-header-close,
.language-preference-modal .control-modal-header .control-header-close {
  align-self: start;
  grid-area: close;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.control-modal .control-modal-header .control-header-close svg,
.community-modal .control-modal-header .control-header-close svg,
.language-preference-modal .control-modal-header .control-header-close svg {
  vertical-align: middle;
}
.control-modal .control-modal-header .control-header-close svg path,
.community-modal .control-modal-header .control-header-close svg path,
.language-preference-modal .control-modal-header .control-header-close svg path {
  fill: #959898;
}
.control-modal .control-modal-body,
.community-modal .control-modal-body,
.language-preference-modal .control-modal-body {
  padding: 24px;
}
.control-modal .control-modal-footer,
.community-modal .control-modal-footer,
.language-preference-modal .control-modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 24px 24px 24px;
}
.control-modal .control-modal-footer button,
.community-modal .control-modal-footer button,
.language-preference-modal .control-modal-footer button {
  margin-left: 8px;
}
.control-modal .control-modal-footer button:first-child,
.community-modal .control-modal-footer button:first-child,
.language-preference-modal .control-modal-footer button:first-child {
  margin-left: 0;
}
.control-modal .control-modal-footer button:last-child,
.community-modal .control-modal-footer button:last-child,
.language-preference-modal .control-modal-footer button:last-child {
  margin-right: 0;
}
.control-modal p,
.community-modal p,
.language-preference-modal p {
  margin: 0;
}

.community-modal {
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  color: var(--config--main-color-night);
}
.community-modal .control-modal-header .control-modal-header-title {
  color: var(--config-header-color);
}
.community-modal a {
  color: var(--config--main-color-brand);
}

.language-preference-modal {
  background: var(--config-body-background-color);
  border-radius: var(--config-card-border-radius);
  border: var(--config-card-border-width) solid var(--config-card-border-color);
  color: var(--config--main-color-night);
}
.language-preference-modal .control-modal-header .control-modal-header-title {
  color: var(--config-header-color);
}

.label-component {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 16px;
  color: #FFF;
  padding: 0 4px;
  border-radius: 4px;
}

.label-component {
  font-family: var(--config--main-font-base-stack);
}
.label-component.label--emphasis-high {
  color: #fff;
}
.label-component.label--emphasis-high.label--success {
  background-color: var(--config--main-color-success);
}
.label-component.label--emphasis-high.label--brand {
  background-color: var(--config--main-color-brand);
}
.label-component.label--emphasis-high.label--discovery {
  background-color: var(--config--main-color-brand);
}
.label-component.label--emphasis-high.label--question {
  background-color: var(--config-topic-question-color);
}

.emailManagementContainer .row {
  margin: 0 0 10px 0;
}
.emailManagementContainer h3 {
  margin-top: 0;
}
.emailManagementContainer label {
  width: 150px;
  margin-right: 10px;
}
.emailManagementContainer select {
  height: 33px;
}
.emailManagementContainer select,
.emailManagementContainer input[type=text],
.emailManagementContainer input[type=email] {
  width: 300px;
  margin-right: 3px;
}
.emailManagementContainer .btn {
  margin-right: 3px;
}
.emailManagementContainer .btn:last-child {
  margin-right: 0;
}
.emailManagementContainer .email-setup {
  margin-bottom: 40px;
}
.emailManagementContainer .emails-verification {
  border: dashed 1px #c8c9c9;
}
.emailManagementContainer .emails-failed {
  background: rgba(217, 96, 76, 0.3);
}
.emailManagementContainer .emails-pending {
  background: rgba(234, 139, 43, 0.3);
}
.emailManagementContainer .emails-success {
  background: rgba(142, 200, 40, 0.3);
}
.emailManagementContainer .emails-verification,
.emailManagementContainer .emails-failed,
.emailManagementContainer .emails-pending,
.emailManagementContainer .emails-success {
  margin-bottom: 40px;
  padding: 20px;
}

.control_empty {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.control_empty--full-height {
  margin-top: 0;
  height: calc(100vh - 128px);
}
.control_empty .control_empty_image {
  max-height: 280px;
  max-width: 400px;
}
.control_empty .control_empty_message_description {
  max-width: 480px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 24px;
  white-space: pre-line;
}

.twig_page-event-overview .event-sitewidth,
.twig_page-event .event-sitewidth {
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .twig_page-event-overview .event-sitewidth,
  .twig_page-event .event-sitewidth {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .twig_page-event-overview .event-sitewidth,
  .twig_page-event .event-sitewidth {
    padding: 0;
  }
}
.twig_page-event-overview .tooltip-container .tooltip-message.events_subscribe-btn--message,
.twig_page-event .tooltip-container .tooltip-message.events_subscribe-btn--message {
  background-color: #fff;
  color: var(--config--main-color-night);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid var(--config--main-border-base-color);
  top: calc(100% + 2px);
  min-width: 200px;
  right: 0;
  font-size: 12px;
}

.twig_page-event-overview.twig_page-event-overview-new .main-navigation--breadcrumb-wrapper .breadcrumb {
  margin-top: 16px;
  margin-bottom: 16px;
}
.twig_page-event-overview.twig_page-event-overview-new .back-to-top-button {
  margin-bottom: 40px;
}

.twig_page-event-overview .main-navigation--breadcrumb-wrapper .breadcrumb {
  margin-top: 12px;
  margin-bottom: 0;
}

.twig_page-event .main-navigation--breadcrumb-wrapper .breadcrumb {
  margin: 12px 0;
}

.event-header-container,
.event-details-container,
.event-content-container,
.event-attendees-container,
.event-featured-topics-container,
.event-featured-topics-error-container {
  color: var(--config--main-color-night);
  background: #fff;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
@media (max-width: 767px) {
  .event-header-container,
  .event-details-container,
  .event-content-container,
  .event-attendees-container,
  .event-featured-topics-container,
  .event-featured-topics-error-container {
    border-radius: 0;
  }
}

.event-details-container,
.event-content-container,
.event-attendees-container,
.event-featured-topics-container,
.event-featured-topics-error-container {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .event-details-container,
  .event-content-container,
  .event-attendees-container,
  .event-featured-topics-container,
  .event-featured-topics-error-container {
    margin: 24px 16px 0 16px;
  }
}
@media (max-width: 767px) {
  .event-details-container,
  .event-content-container,
  .event-attendees-container,
  .event-featured-topics-container,
  .event-featured-topics-error-container {
    margin: 16px 0 0 0;
    border-width: 1px 0;
  }
}

.event-header-container {
  /* stylelint-disable-line no-duplicate-selectors */
  margin-top: 0;
  display: grid;
  grid-template-columns: 45% 55%;
  grid-template-areas: "event-title event-image";
  grid-template-rows: auto max-content;
}
.event-header-container .event-pill__type {
  background: var(--config--main-color-brand);
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 12px;
  top: calc(50% - 6px);
  margin-bottom: 16px;
}
.event-header-container .event__title {
  font-size: 24px;
}
.event-header-container .event__date {
  color: var(--config--main-color-brand);
  font-size: 16px;
  font-weight: 700;
}
.event-header-container .event__date.event__date_past {
  color: var(--config--main-color-dusk-dark);
}
.event-header-container .event-header-wrapper {
  padding: 32px;
  grid-area: event-title;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.event-header-container .event-header-wrapper .event-header__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.event-header-container .event-header-wrapper .event-pill__past {
  background: var(--config--main-color-night);
}
.event-header-container .event-header-wrapper .btn--event,
.event-header-container .event-header-wrapper .btn--event:hover,
.event-header-container .event-header-wrapper .event__attending,
.event-header-container .event-header-wrapper .event__attending:hover {
  margin-top: 24px;
}
.event-header-container .event-header-wrapper .event__ended,
.event-header-container .event-header-wrapper .event__ended:hover,
.event-header-container .event-header-wrapper .event__attended,
.event-header-container .event-header-wrapper .event__attended:hover {
  color: var(--config--main-color-dusk-dark);
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: none;
  cursor: default;
}
.event-header-container .event-header-wrapper .event__attending,
.event-header-container .event-header-wrapper .event__attending:hover {
  border: 1px solid var(--config--main-border-base-color);
  color: var(--config--main-color-brand);
  background-color: #fff;
  box-shadow: none;
  cursor: default;
}
.event-header-container .event-header-wrapper .icon-checkmark {
  top: 5px;
}
.event-header-container .event-header-wrapper .event__signed-up-text,
.event-header-container .event-header-wrapper .event__attended-text {
  padding-left: 12px;
}
.event-header-container .event-header-wrapper .event__attended-text {
  color: var(--config--main-color-dusk-dark);
}
.event-header-container .event-header-wrapper .event-attending-wrapper {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.event-header-container .event-header-wrapper .event-attending-wrapper .event__edit-rsvp {
  padding: 0 0 0 16px;
  color: var(--config-anchor-base-color);
  margin: 0;
  border: none;
  background-color: unset;
  cursor: pointer;
}
.event-header-container .react-modal-container .react-modal {
  width: 560px;
}
.event-header-container .react-modal-container .react-modal .react-modal_close-button {
  top: 7px;
  font-size: 16px;
}
.event-header-container .edit-rsvp__form {
  margin-top: 26px;
}
.event-header-container .edit-rsvp__form .radio-inline {
  display: block;
  font-weight: normal;
}
.event-header-container .edit-rsvp__form .radio-inline input {
  margin-top: 1px;
  margin-right: 16px;
}
.event-header-container .edit-rsvp__form .radio-inline + .radio-inline {
  margin-top: 19px;
}
.event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container {
  border: none;
}
.event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-details__header_label {
  border-bottom: none;
  padding-left: 0;
  font-weight: 700;
}
.event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-calendar-links {
  flex-direction: column;
  padding: 0;
}
.event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-calendar-links .event-calendar-link:last-child {
  padding-bottom: 16px;
  height: 40px;
}
.event-header-container .confirmation-modal-title {
  padding-bottom: 24px;
}
.event-header-container .event-calendar-row {
  display: flex;
  margin-bottom: 16px;
  margin-right: 8px;
  line-height: 1.5;
}
.event-header-container .event-calendar-icon-wrapper {
  margin-right: 8px;
}
.event-header-container .confirmation-modal-message {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--config--main-color-brand), transparent 70%);
  padding: 16px;
  background-color: color-mix(in srgb, var(--config--main-color-brand), transparent 90%);
  margin-bottom: 16px;
}
.event-header-container .confirmation-modal-message .post__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.event-header-container .confirmation-modal-button .btn--confirm {
  margin: 0;
}
.event-header-container .event__image {
  grid-area: event-image;
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  margin: 32px 32px 32px 0;
  border-radius: 0;
  aspect-ratio: 9/4;
}
.event-header-container .event-cta-wrapper {
  display: flex;
  align-items: baseline;
}
.event-header-container .event-cta-wrapper .social-sharing button.tooltip-container {
  margin-left: 8px;
  background: none;
  border: none;
  padding: 0;
}
.event-header-container .event-cta-wrapper .social-sharing button.tooltip-container .tooltip-trigger .share-button {
  margin-left: 0;
}
.event-header-container .event-cta-wrapper .social-sharing button.tooltip-container .tooltip-message {
  display: block;
  pointer-events: none;
  opacity: 0;
  height: 0;
}
.event-header-container .event-cta-wrapper .social-sharing button.tooltip-container .tooltip-message:focus-within {
  display: block;
  pointer-events: auto;
  opacity: 1;
  height: auto;
}
.event-header-container .event-cta-wrapper .social-sharing button.tooltip-container:hover .tooltip-message, .event-header-container .event-cta-wrapper .social-sharing button.tooltip-container:focus .tooltip-message {
  display: block;
  pointer-events: auto;
  opacity: 1;
  height: auto;
}
@media (max-width: 1024px) {
  .event-header-container {
    margin: 0 16px;
    grid-template-columns: 1fr 450px;
    grid-template-areas: "event-title event-image";
  }
  .event-header-container .event-header-wrapper {
    padding: 16px;
  }
  .event-header-container .event-header-wrapper h2 {
    font-size: 20px;
  }
  .event-header-container .event__date {
    font-size: 14px;
  }
  .event-header-container .event__image {
    margin: 16px 16px 16px 0;
  }
}
@media (max-width: 767px) {
  .event-header-container {
    margin: 0;
    border-width: 1px 0;
    grid-template-areas: "event-image" "event-title";
    grid-template-columns: 1fr;
    grid-template-rows: 160px max-content;
  }
  .event-header-container .event-pill__type {
    margin-bottom: 8px;
  }
  .event-header-container .event-header-wrapper {
    padding: 16px;
    justify-content: initial;
  }
  .event-header-container .event-header-wrapper h2 {
    font-size: 20px;
  }
  .event-header-container .event-header-wrapper .event-cta-wrapper,
  .event-header-container .event-header-wrapper .event-attending-wrapper,
  .event-header-container .event-header-wrapper .event-engagement-wrapper {
    width: 100%;
  }
  .event-header-container .event-header-wrapper .event-attending-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .event-header-container .event-header-wrapper .event-attending-wrapper .event__attending {
    margin-bottom: 6px;
  }
  .event-header-container .event-header-wrapper .btn--event,
  .event-header-container .event-header-wrapper .btn--event:hover {
    margin-top: 16px;
    width: 100%;
  }
  .event-header-container .event-header-wrapper .btn--confirm,
  .event-header-container .event-header-wrapper .btn--confirm:hover {
    width: 100%;
  }
  .event-header-container .event-header-wrapper .event__signed-up-text,
  .event-header-container .event-header-wrapper .event__attended-text {
    padding-left: 10px;
  }
  .event-header-container .event__date {
    font-size: 14px;
  }
  .event-header-container .react-modal-container .react-modal {
    width: 320px;
  }
  .event-header-container .event__image {
    margin: 16px 16px 16px 16px;
  }
}

.event-header-container-full-width {
  grid-template-columns: 1fr;
  grid-template-rows: max-content max-content;
}
@media (max-width: 767px) {
  .event-header-container-full-width {
    grid-template-areas: "event-title";
    grid-template-rows: max-content max-content;
  }
}

.event-body-container {
  display: grid;
  grid-template-columns: 1fr 307px;
  grid-template-areas: "event-content event-details";
  column-gap: 16px;
}
@media (max-width: 1024px) {
  .event-body-container {
    grid-template-areas: "event-details" "event-content";
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .event-body-container {
    grid-template-areas: "event-details" "event-content";
    grid-template-columns: 1fr;
  }
}

.event-details-wrapper {
  grid-area: event-details;
}

.event-calendar-links {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.event-calendar-links .event-calendar-link {
  display: flex;
  justify-content: flex-start;
  height: 40px;
  padding: 0 0 16px;
  color: var(--config-anchor-base-color);
  margin: 0;
  border: none;
  background-color: unset;
  cursor: pointer;
}
.event-calendar-links .event-calendar-link .event-calendar-link-icon {
  height: 24px;
  width: 24px;
  object-fit: scale-down;
}
.event-calendar-links .event-calendar-link .event-calendar-link-label {
  height: 24px;
  padding-left: 8px;
  line-height: 24px;
}
.event-calendar-links .event-calendar-link:last-child {
  padding-bottom: 0;
  height: 24px;
}

.event-details-container {
  grid-template-rows: max-content max-content;
}
@media (min-width: 1025px) {
  .event-details-container {
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.event-details-container .event-detail-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 0;
  border-bottom: none;
}
.event-details-container .event-detail-row:last-child {
  padding-bottom: 16px;
}
.event-details-container .event-detail__label {
  font-size: 14px;
  font-weight: 500;
}
.event-details-container .event-detail__google_calendar_link,
.event-details-container .event-detail__text {
  padding-top: 4px;
}
.event-details-container .event-detail-icon {
  text-align: center;
  margin: 17px 10px 0 17px;
}
.event-details-container .event-detail-info {
  margin: 16px 16px 0 0;
}
.event-details-container .event-detail__link {
  cursor: pointer;
  word-break: break-word;
}
.event-details-container .event-group-url {
  color: var(--config--main-button-base-font-color);
}
.event-details-container .event-group-detail-row {
  padding: 16px;
  display: flex;
  flex-direction: row;
}
.event-details-container .event-group-detail-row .event-group-details {
  align-self: center;
}
.event-details-container .event-group-detail-row .event-group__title {
  font-size: 16px;
  font-weight: 700;
}
.event-details-container .event-group-detail-row .event-group__type {
  padding-top: 4px;
}
.event-details-container .event-group-detail-row .event-group-thumbnail {
  padding-right: 16px;
}
.event-details-container .event-group-detail-row .event-group-thumbnail__image {
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  height: 72px;
  width: 72px;
}

.event-content-wrapper {
  grid-area: event-content;
}

.event-content-container {
  grid-template-rows: max-content max-content;
}
@media (min-width: 1025px) {
  .event-content-container {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.event-content-container .event__content {
  padding: 16px;
  margin: 0;
}

.event-details__header_label,
.event-content__header_label,
.event-attendees__header_label,
.event-featured-topics__header_label {
  font-size: 14px;
  font-weight: 500;
  padding: 16px;
  line-height: 1.5;
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.event-overview-title {
  padding: 32px 0;
  font-size: 40px;
  color: var(--config-hero-color);
}
@media (max-width: 767px) {
  .event-overview-title {
    font-size: 24px;
    padding: 16px 0;
  }
}

div.event-upcoming-wrapper {
  padding-bottom: 32px;
}
@media (max-width: 1024px) {
  div.event-upcoming-wrapper {
    padding: 0 16px 32px 16px;
  }
}
@media (max-width: 767px) {
  div.event-upcoming-wrapper {
    padding: 0 0 16px 0;
  }
}

@media (max-width: 1024px) {
  div.event-past-wrapper {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  div.event-past-wrapper {
    padding: 0;
  }
}

.event-upcoming-header,
.event-past-header {
  font-size: 20px;
  color: var(--config-header-color);
}
@media (max-width: 767px) {
  .event-upcoming-header,
  .event-past-header {
    padding-left: 16px;
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .event-upcoming-header,
  .event-past-header {
    padding-left: 16px;
  }
}

.pill.pill--article.event-pill__past {
  background: var(--config--main-color-night);
}

.event-list-item-details-full-width,
.event-list-item-container {
  display: grid;
  color: var(--config--main-color-night);
  margin-top: 16px;
  padding: 16px;
}
@media (max-width: 1024px) {
  .event-list-item-details-full-width,
  .event-list-item-container {
    margin: 8px 0;
  }
}
@media (max-width: 767px) {
  .event-list-item-details-full-width,
  .event-list-item-container {
    margin: 8px 0;
    padding: 16px;
    border-radius: 0;
  }
}

.event-list-item-details-full-width {
  grid-template-columns: 1fr;
  grid-template-areas: "event-item-detail";
}
.event-list-item-details-full-width .event-detail-item__type {
  margin-right: 9px;
  vertical-align: text-top;
  margin-top: 4px;
  width: fit-content;
}
@media (max-width: 767px) {
  .event-list-item-details-full-width {
    border-right-width: 0;
    border-left-width: 0;
  }
  .event-list-item-details-full-width .event-detail-item__type {
    margin-top: 2px;
  }
}

.event-list-item-container {
  display: grid;
  grid-template-areas: "event-item-image event-item-detail";
  grid-template-columns: 288px 1fr;
  column-gap: 16px;
  row-gap: 16px;
  overflow: hidden;
}
.event-list-item-container .event-item-image-container {
  grid-area: event-item-image;
  position: relative;
}
.event-list-item-container .event-item-image-container .event-item__image {
  width: 288px;
  border-radius: 0;
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  aspect-ratio: 9/4;
}
.event-list-item-container .event-item-image-container .event-item__type {
  position: absolute;
  left: 12px;
  top: 11px;
}
@media (max-width: 767px) {
  .event-list-item-container {
    grid-template-areas: "event-item-image" "event-item-detail";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr max-content;
    border-right-width: 0;
    border-left-width: 0;
  }
  .event-list-item-container .event-item-image-container .event-item__type {
    top: 16px;
    left: 16px;
  }
  .event-list-item-container .event-item-image-container .event-item__image {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: auto;
    width: auto;
  }
}

.featured-event__item {
  grid-template-areas: "event-item-image" "event-item-detail";
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  position: relative;
}
.featured-event__item .event-detail-item__type {
  position: absolute;
  top: 24px;
  left: 24px;
}
.featured-event__item .event-item-image-container .event-item__type {
  top: 24px;
  left: 24px;
}
@media (max-width: 767px) {
  .featured-event__item .event-item-image-container .event-item__type {
    left: 16px;
    top: 16px;
  }
}
.featured-event__item .event-item-image-container .event-item__image {
  aspect-ratio: 9/4;
  height: auto;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.event-item-detail-container {
  /* stylelint-disable-line no-duplicate-selectors */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content max-content 1fr max-content;
  grid-area: event-item-detail;
}
.event-item-detail-container .event-item__date.event__date_past {
  color: var(--config--main-color-dusk-dark);
}
.event-item-detail-container .event-detail-item__type {
  width: fit-content;
}
.event-item-detail-container .event-item__attendees {
  display: flex;
  align-self: end;
  padding-top: 8px;
}
.event-item-detail-container .event-item__date {
  text-transform: uppercase;
  color: var(--config--main-color-brand);
  font-weight: 500;
  letter-spacing: 0.04em;
}
.event-item-detail-container .event-item__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 8px;
}
.event-item-detail-container .event-item__location {
  font-size: 16px;
  color: var(--config-meta-text-color);
  padding-top: 8px;
  display: flex;
  align-self: start;
}
.event-item-detail-container .event-item__location .event-item__location_icon {
  margin-top: 2px;
  color: var(--config-meta-text-color);
  padding-right: 8px;
}
@media (max-width: 767px) {
  .event-item-detail-container .event-item__date {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
  }
  .event-item-detail-container .event-item__location {
    font-size: 14px;
  }
  .event-item-detail-container .event-item__location .event-item__location_icon {
    margin-top: 1px;
  }
  .event-item-detail-container .event-item__title {
    font-size: 16px;
  }
}

.event-attendees__header_label {
  display: flex;
  justify-content: space-between;
}

.event__attendees {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
.event__attendees .attendee {
  display: grid;
  grid-template-columns: 40px auto;
  grid-column-gap: 16px;
  padding: 8px;
  width: 33%;
}
@media (max-width: 767px) {
  .event__attendees .attendee {
    width: 50%;
  }
}
@media (max-width: 449px) {
  .event__attendees .attendee {
    width: 100%;
  }
}
.event__attendees .attendee .avatar .profilelabel img {
  height: 100%;
}
.event__attendees .attendee > * {
  align-self: center;
}
.event__attendees .no-attendees-placeholder {
  background: var(--config-body-background-color);
  flex-grow: 1;
  text-align: center;
  padding: 8px;
}

.event-item__attendees {
  display: flex;
  align-items: center;
}
.event-item__attendees > span {
  padding-left: 8px;
  font-size: 14px;
  color: var(--config-meta-text-color);
}
@media (max-width: 449px) {
  .event-item__attendees > span.metadata-desktop {
    display: none;
  }
}
@media (min-width: 450px) {
  .event-item__attendees > span.metadata-mobile {
    display: none;
  }
}
.event-item__attendees > span.metadata-featured {
  display: none;
}
.event-item__attendees .event-item__attendee {
  width: 22px;
  height: 24px;
}
.event-item__attendees .event-item__attendee:nth-child(1) {
  z-index: 5;
}
.event-item__attendees .event-item__attendee:nth-child(2) {
  z-index: 4;
}
.event-item__attendees .event-item__attendee:nth-child(3) {
  z-index: 3;
}
.event-item__attendees .event-item__attendee:nth-child(4) {
  z-index: 2;
}
.event-item__attendees .event-item__attendee:nth-child(5) {
  z-index: 1;
}
.event-item__attendees .event-item__attendee .avatar {
  width: 24px;
  height: 24px;
  left: -2px;
}
.event-item__attendees .event-item__attendee .avatar .profilepicture {
  border: 1px solid #fff;
}
.event-item__attendees .event-item__attendee.self > svg {
  color: var(--config--main-color-brand);
  border: 1px solid #fff;
  border-radius: 100%;
}

.event-attendees-container > .show-more-attendees {
  font-weight: 400;
  margin: 0 16px 16px;
}

.featured-topic--full-width .event-list-item-container {
  grid-template-columns: 430px 1fr;
  -ms-grid-columns: 430px 1px auto;
}
@media (max-width: 1024px) {
  .featured-topic--full-width .event-list-item-container {
    grid-template-columns: 378px 1fr;
  }
}
.featured-topic--full-width .event-item-image-container .event-item__image {
  width: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 767px) {
  .featured-topic--full-width .event-item-image-container .event-item__image {
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
  }
}

.featured-topic {
  /* stylelint-disable-line no-duplicate-selectors */
}
.featured-topic .event-list-item-details-full-width,
.featured-topic .event-list-item-container {
  margin-top: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .featured-topic .event-list-item-details-full-width,
  .featured-topic .event-list-item-container {
    padding: 16px;
    border-radius: 4px;
    border-width: 1px;
  }
}
.featured-topic .event-list-item-container {
  padding: 0;
  row-gap: 0;
  column-gap: 0;
}
.featured-topic .event-list-item-container .event-item-detail-container {
  padding: 24px;
}
@media (max-width: 767px) {
  .featured-topic .event-list-item-container {
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr;
    grid-gap: 24px;
  }
  .featured-topic .event-list-item-container .event-item-image-container .event-item__image {
    height: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .featured-topic .event-list-item-container .event-item-detail-container {
    padding: 0 16px 16px 16px;
  }
}
.featured-topic .event-item__title {
  display: flex;
  align-items: center;
  padding-top: 8px;
}
.featured-topic .event-item__title .event-detail-item__type {
  margin-top: 0;
  width: fit-content;
}
.featured-topic .event-item__title .event-item__title {
  padding-top: 0;
}

.event-featured-topics-container .thread-list-item {
  border-top: none;
  border-right: none;
  border-left: none;
}
.event-featured-topics-container .thread-list-item:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event-featured-topics-container .thread__content-type-pill {
  margin-right: 5px;
  vertical-align: top;
  font-weight: var(--config--main-font-base-weight);
}
.event-featured-topics-container .tooltip--thread-type {
  margin-left: 8px;
}

.event-featured-topics-error-container {
  padding: 16px;
}

.event-featured-topics-as-recommended {
  margin-bottom: 18px;
}
.event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label {
  margin-bottom: 8px;
}
.event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-row-gap: 10px;
}
.event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item {
  display: grid;
  grid-template-columns: 13.33px auto;
  grid-column-gap: 9.33px;
}
.event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item svg {
  color: var(--config--main-color-brand);
}
.event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item .topic-curation__item-link {
  line-height: 150%;
  letter-spacing: 0.0857143px; /* stylelint-disable-line number-max-precision */
}

.instant-search-wrapper .event-list-item-details-full-width,
.instant-search-wrapper .event-list-item-container {
  border: 1px solid var(--config--main-border-base-color);
}
@media (min-width: 450px) {
  .instant-search-wrapper .event-list-item-details-full-width,
  .instant-search-wrapper .event-list-item-container {
    margin: 8px 0;
  }
}
@media (max-width: 767px) {
  .instant-search-wrapper .event-list-item-details-full-width,
  .instant-search-wrapper .event-list-item-container {
    margin: 8px -16px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}

.events-overview .no-events {
  color: #2B3346;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 16px;
}

.twig_page-event-overview.twig_page-event-overview-new .sections__nav.events-overview .load-more-container.back-to-top-button {
  margin-top: 20px;
}
.twig_page-event-overview.twig_page-event-overview-new .sections__nav.events-overview .tabs--nav__container .tabs--nav ul.tabs--navigation li.tabs__item:first-child {
  margin-left: 0;
}
.twig_page-event-overview.twig_page-event-overview-new .sections__nav.events-overview .event-list-item-details-full-width .event-detail-item__type {
  vertical-align: text-top;
  margin-bottom: 10px;
  width: fit-content;
}
@media (max-width: 767px) {
  .twig_page-event-overview.twig_page-event-overview-new .sections__nav.events-overview .event-list-item-details-full-width .event-detail-item__type {
    margin-top: 0;
  }
}
.twig_page-event-overview.twig_page-event-overview-new .sections__nav.events-overview .event-list-item-container .event-detail-item__type {
  vertical-align: text-top;
  margin-bottom: 10px;
  width: fit-content;
}

.event-types-list-container .event-types-list li.event-types-list-item {
  padding: 0;
  line-height: 24px;
}
.event-types-list-container .event-types-list li.event-types-list-item .event-types-list-item__button,
.event-types-list-container .event-types-list li.event-types-list-item .event-types-list-item__button:focus,
.event-types-list-container .event-types-list li.event-types-list-item .event-types-list-item__button:active,
.event-types-list-container .event-types-list li.event-types-list-item .event-types-list-item__button:target,
.event-types-list-container .event-types-list li.event-types-list-item .event-types-list-item__button:hover {
  border: none;
  margin: 0;
  outline: 0;
  background: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 6px 16px 6px 18px;
  font-size: 14px;
  line-height: 24px;
}
.event-types-list-container .event-types-list li.event-types-list-item.selected {
  position: relative;
}
.event-types-list-container .event-types-list li.event-types-list-item.selected .event-types-list-item__button {
  color: var(--config--main-color-brand);
}
.event-types-list-container .event-types-list li.event-types-list-item.selected:before {
  display: block;
  content: "";
  width: 2px;
  height: 24px;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: var(--config--main-color-brand);
}

.events-overview .event-list .event-list-item__url {
  display: block;
}
.events-overview .event-list .event-list-item__url:focus {
  outline: 1px solid var(--config--main-color-brand);
}

.featured-topics .form-control {
  box-shadow: none;
  height: 32px;
}

.feautred-topics .form-group {
  margin-bottom: 16px;
}

.featured-topics__first-topics-width-text input {
  display: inline-block;
  width: 64px;
  padding: 8px;
  margin: 0 8px;
  font-weight: normal;
  -moz-appearance: textfield;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #d5d9de;
}

.featured-topics__first-topics-width-text .form-control::-webkit-inner-spin-button {
  display: none;
}

.featured-topics__buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0 !important;
}

.featured-topics__buttons .form-group:first-child {
  width: 200px;
}

.featured-topics__buttons .form-group:last-child {
  width: calc(100% - 216px);
}

.featured-topics__first-topics-width + .content-curation-manager .form-group:first-child {
  display: none;
}

.featured-topic__item {
  display: flex;
  margin-bottom: 8px;
}

.featured-topic__info {
  display: flex;
  padding: 0;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #c7c7c7;
  width: 100%;
  margin-right: 8px;
  background: #fff;
}

.featured-topic__info .drag-handle--union {
  display: flex;
  width: 32px;
  border-right: 1px solid #c7c7c7;
  padding: 9px 11px 9px 12px;
  background: #f5f7f9;
  cursor: pointer;
  align-items: center;
  align-self: stretch;
}

.featured-topic__title {
  margin: 0;
  padding: 0 8px;
  color: var(--config--main-color-night);
}

.featured-topic__link {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-left: auto;
  padding: 7px 7px 7px 8px;
  border-left: 1px solid #c7c7c7;
  background: #f5f7f9;
}

.featured-topic__link svg {
  fill: #25313b;
}

.featured-topic__remove-btn svg {
  display: none;
}

.featured-topics-manager .algolia-search-container,
.featured-topics-manager .search-box .search-box__input {
  height: 32px;
}

.featured-topics-manager .search-box .search-box__input::placeholder,
.widget-configurator .widget-configurator__controls .form-group input.form-control::placeholder,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group input.form-control::placeholder {
  color: #959898;
}

.featured-topics-manager .sortable-featured-topics-list .search-box__input {
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.featured-topics-manager-description {
  margin-bottom: 8px;
}

.sortable-featured-topics-list {
  margin-bottom: 12px;
}

.sortable-featured-topics-list .search-box__submit svg {
  fill: #25313b;
}

.featured-topics-manager .search-box__submit,
.featured-topics-manager .search-box__reset {
  width: 34px;
}

.widget-configurator .sortable-featured-topics-list,
.homepage-widget-configurator .sortable-featured-topics-list {
  margin-bottom: 16px;
}
.widget-configurator .dynamic-content,
.widget-configurator .featured-topics,
.homepage-widget-configurator .dynamic-content,
.homepage-widget-configurator .featured-topics {
  margin-top: 0;
  padding: 0;
}
.widget-configurator .featured-topics__first-topics-width-text,
.homepage-widget-configurator .featured-topics__first-topics-width-text {
  color: #181f26;
}
.widget-configurator .featured-topics__first-topics-width-text .form-group,
.homepage-widget-configurator .featured-topics__first-topics-width-text .form-group {
  display: inline-block;
  width: 64px;
  margin: 0 8px;
  font-weight: normal;
}
.widget-configurator .featured-topics .form-control,
.homepage-widget-configurator .featured-topics .form-control {
  display: inline-block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.4286;
  border: 1px solid var(--config--main-color-dusk-light);
  border-radius: 2px;
  box-shadow: none;
}

.dynamic-content-widget-selections > *,
.sortable-navigation-links-configurator-custom-item-filters > * {
  margin-bottom: 16px;
}
.dynamic-content-widget-selections button,
.sortable-navigation-links-configurator-custom-item-filters button {
  cursor: pointer;
}
.dynamic-content-widget-selections .dynamic-content-widget_dropdown-selection,
.dynamic-content-widget-selections .dynamic-content-widget_sort_type_selection,
.dynamic-content-widget-selections .dynamic-content-widget_content-type-selection,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_dropdown-selection,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_sort_type_selection,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_content-type-selection {
  display: flex;
  flex-direction: column;
}
.dynamic-content-widget-selections .dynamic-content-widget_dropdown-selection label,
.dynamic-content-widget-selections .dynamic-content-widget_sort_type_selection label,
.dynamic-content-widget-selections .dynamic-content-widget_content-type-selection label,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_dropdown-selection label,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_sort_type_selection label,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_content-type-selection label {
  display: flex;
  margin-bottom: 4px;
}
.dynamic-content-widget-selections .dynamic-content-widget_dropdown-selection .button-control-new > *,
.dynamic-content-widget-selections .dynamic-content-widget_sort_type_selection .button-control-new > *,
.dynamic-content-widget-selections .dynamic-content-widget_content-type-selection .button-control-new > *,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_dropdown-selection .button-control-new > *,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_sort_type_selection .button-control-new > *,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_content-type-selection .button-control-new > * {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.dynamic-content-widget-selections .dynamic-content-widget__checkbox,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget__checkbox {
  font-weight: normal;
}
.dynamic-content-widget-selections .public-tag-container .public-tag-wrapper,
.sortable-navigation-links-configurator-custom-item-filters .public-tag-container .public-tag-wrapper {
  border-color: #d5d9de;
}
.dynamic-content-widget-selections .dynamic-content-widget_content-type-selection .button-control-new,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_content-type-selection .button-control-new {
  color: #181f26;
}
.dynamic-content-widget-selections .dynamic-content-widget_content-type-selection .checkbox,
.sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_content-type-selection .checkbox {
  cursor: pointer;
  user-select: none;
}

.import-container {
  padding: 0 200px;
}
@media (max-width: 1025px) {
  .import-container {
    padding: 0 100px;
  }
}
@media (max-width: 768px) {
  .import-container {
    padding: 0 50px;
  }
}
.import-container .message-container,
.import-container .upload-container {
  border: 1px dashed #d5d9de;
  border-radius: 4px;
  text-align: center;
  padding: 32px 24px 24px;
  margin-bottom: 16px;
  font-size: 14px;
}
.import-container .message-container {
  margin-top: 24px;
}
.import-container .message-container .import-statistics {
  display: flex;
  justify-content: center;
}
.import-container .message-container .import-statistics > :not(:first-child) {
  margin-left: 32px;
}
.import-container .message-container .import-statistics-count {
  width: 160px;
}
.import-container .message-container .icon-import-error {
  color: #f4a702;
}
.import-container .message-container .icon-import-success {
  color: #13ad68;
}
.import-container .message-container .upload-message-text,
.import-container .message-container .upload-number {
  font-size: 20px;
  font-weight: 700;
}
.import-container .message-container .upload-message-text,
.import-container .message-container .upload-description {
  margin-bottom: 16px;
}
.import-container .message-container a {
  color: #0369e9;
}
.import-container .import-errors h3 {
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.import-container .upload-link {
  margin-bottom: 16px;
  margin-top: 8px;
}
.import-container .upload-link a {
  color: #0369e9;
  text-decoration: none;
}
.import-container .upload-container .icon-upload {
  color: #d5d9de;
}
.import-container .upload-container .upload-title-text {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.import-container .upload-container .upload-info-text {
  color: #25313b;
  margin-bottom: 16px;
}
.import-container .upload-container .download-wrapper a {
  color: #25313b;
}
.import-container .upload-container .download-wrapper .icon-download-link {
  vertical-align: text-top;
  padding-right: 4px;
}
.import-container .upload-container .upload-file-wrapper {
  margin-bottom: 16px;
  color: #25313b;
}
.import-container .upload-container .upload-file-wrapper .icon-file-name {
  vertical-align: text-top;
  padding-right: 4px;
}
.import-container .upload-container .upload-file-wrapper .remove-file {
  color: #f75d4f;
  margin-right: 0;
}
.import-container .upload-container .upload-file-wrapper .remove-file:hover {
  text-decoration: underline;
}
.import-container .upload-container .upload-file-wrapper .remove-file-disabled {
  color: #d5d9de;
}
.import-container .upload-container .upload-file-wrapper .remove-file-disabled:hover {
  text-decoration: none;
  cursor: default;
}

.grid-control {
  display: grid;
  grid-template-columns: repeat(12, 47px);
  grid-template-rows: 1fr;
  grid-gap: 16px;
  margin: 0 40px;
}
@media (min-width: 1024px) {
  .grid-control {
    grid-template-columns: repeat(12, 1fr);
  }
}

.twig_page-group .forum-featured-image {
  z-index: 0;
}
.twig_page-group .forum-featured-image:has(.search-box--open) {
  z-index: unset;
}
.twig_page-group .group-details-page_action-buttons__wrapper {
  display: flex;
  gap: 8px;
}
.twig_page-group .group-detail-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twig_page-group .group-detail-wrapper .group-featured-topics-container {
  width: 100%;
  z-index: 0;
}
.twig_page-group .group-detail-wrapper .group-details_hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding: 0 10px;
}
.twig_page-group .group-detail-wrapper .group-details_hero .group-details_hero-metadata {
  margin-top: 16px;
}
.twig_page-group .group-detail-wrapper .group-details_hero .group-details_hero-metadata > div {
  margin-top: 8px;
}
.twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image {
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 767px) {
  .twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image {
    height: 240px;
  }
}
.twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image .group-details_hero-metadata {
  color: #fff;
  margin: 48px;
  display: flex;
  justify-content: space-between;
}
.twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image .group-details_hero-metadata > div {
  margin-top: 0;
}
@media (max-width: 767px) {
  .twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image .group-details_hero-metadata {
    flex-direction: column;
    margin: 16px;
  }
  .twig_page-group .group-detail-wrapper .group-details_hero.group-details_hero__with-image .group-details_hero-metadata > div {
    margin-top: 8px;
  }
}
.twig_page-group .group-detail-wrapper .group-detail {
  margin-top: 32px;
  width: 100%;
  z-index: 0;
}
.twig_page-group .group-detail-wrapper .group-detail .col--main {
  position: relative;
  z-index: 1;
}
.twig_page-group .group-detail-wrapper .group-detail .Sidebarmodule {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .twig_page-group .group-detail-wrapper .group-detail {
    padding: 0 10px;
  }
}
.twig_page-group .group-detail-wrapper .group-detail .post__content {
  padding: 0;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder {
  text-align: center;
  padding: 32px 16px;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder h3 {
  padding: 16px 24px;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles {
  padding: 48px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles .group-content-container {
  width: 400px;
  padding: 0 5px;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles h3 {
  font-weight: 600;
  line-height: 30px;
  font-size: 20px;
  margin-top: 16px;
  padding: 0;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles p {
  font-weight: 400;
  line-height: 21px;
  font-size: 14px;
  margin: 4px 0 0 0;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles .group-private__call-to-action {
  margin-top: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles .group-private__call-to-action button {
  padding: 9px 12px;
}
.twig_page-group .group-detail-wrapper .group-detail .group-private__placeholder.groups-v2-styles .group-private__call-to-action button div {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 24px;
}
.twig_page-group .group-detail-wrapper .group-detail-info {
  border-radius: 8px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid var(--config--main-border-base-color);
}
.twig_page-group .group-detail-wrapper .group-detail-info .widget-title {
  padding-bottom: 0;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .widget-title {
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-members_member-list_list-item-outer.groups-v2-styles:last-child {
  margin-bottom: 0;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__more-btn, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__less-btn {
  padding: 0;
  border: none;
  color: var(--config--main-color-brand);
  cursor: pointer;
  margin: 8px 0 0 0;
  font-weight: 400;
  height: auto;
  display: none;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__more-btn:hover, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__more-btn:active, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__more-btn:focus, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__less-btn:hover, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__less-btn:active, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__less-btn:focus {
  outline: none;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__more-btn.is-visible, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderators .group-content-container-moderators__less-btn.is-visible {
  display: block;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__top {
  padding: 20px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__join-link {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 14px;
  line-height: 24px;
  color: var(--config--main-color-night);
  margin-top: 14px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__join-link__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__join-link__counter {
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  border-radius: 10px;
  background: var(--config--main-color-dusk);
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__join-link__counter.is-colored {
  background: var(--config--main-color-brand);
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__manage-space {
  border-top: 1px solid var(--config--main-border-base-color);
  padding: 13px 12px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-moderation .group-content-container-moderation__manage-space .group-content-container-moderation__manage-link {
  color: var(--config--main-color-night);
  font-weight: 500;
  text-align: center;
  display: block;
}
.twig_page-group .group-detail-wrapper .group-detail-info.group-detail-info--moderation {
  padding: 0;
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info.group-detail-info--information {
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .widget-title {
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description {
  font-size: 14px;
  line-height: 21px;
  color: var(--config--main-color-night);
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__description__text.is-collapsed {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__more-btn, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__less-btn {
  padding: 0;
  border: none;
  color: var(--config--main-color-brand);
  cursor: pointer;
  margin: 8px 0 0 0;
  font-weight: 400;
  height: auto;
  display: none;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__more-btn:hover, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__more-btn:active, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__more-btn:focus, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__less-btn:hover, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__less-btn:active, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__less-btn:focus {
  outline: none;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__more-btn.is-visible, .twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__description .group-content-container-information__less-btn.is-visible {
  display: block;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__main-info {
  margin-bottom: 16px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__additional-info .group-content-container-information__info-field:last-child {
  margin-bottom: 0;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__info-field {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__info-field .group-content-container-information__info-field__key {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__info-field .group-content-container-information__info-field__key > svg {
  position: absolute;
  top: 2px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__info-field .group-content-container-information__info-field__key .group-content-container-information__info-field__key__label {
  margin-left: 24px;
}
.twig_page-group .group-detail-wrapper .group-detail-info .group-content-container-information .group-content-container-information__info-field .group-content-container-information__info-field__value {
  color: var(--config--main-color-dusk-dark);
}
.twig_page-group .group-details-page_members-count {
  flex-grow: 1;
  display: flex;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget {
  display: flex;
  align-items: center;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__members {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__members .group-moderation__members-widget__member {
  width: 22px;
  height: 32px;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__members .group-moderation__members-widget__member .avatar {
  width: 32px;
  height: 32px;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__info {
  margin-left: 18px;
  color: var(--config--main-color-night);
  cursor: pointer;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__info:hover {
  text-decoration: underline;
}
.twig_page-group .group-details-page_members-count .group-moderation__members-widget .group-moderation__members-widget__info .group-moderation__members-widget__info__count {
  font-weight: 700;
}
.twig_page-group .group-details_hero__user-actions {
  display: flex;
  align-items: center;
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-actions__member-actions {
  display: flex;
}
.twig_page-group .group-details_hero__user-actions .c-dropdown .c-dropdown__content > .c-dropdown__item {
  padding: 0;
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-joined {
  background: #fff;
  margin: 0 8px;
  box-shadow: 0 0 0 1px var(--config--main-border-base-color);
  display: flex;
  cursor: auto;
  color: var(--config--main-color-night);
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-joined .group-details_hero__user-joined-icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-action-dropdown-btn.groups-v2-styles {
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 0 0 1px var(--config--main-border-base-color);
  color: var(--config--main-color-night);
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-action-dropdown-btn div {
  display: flex;
  align-items: center;
}
.twig_page-group .group-details_hero__user-actions .group-details_hero__user-action-dropdown-btn .btn__hide-when-loading {
  display: flex;
  align-items: center;
}
.twig_page-group .group-details_hero__user-actions .create-group-topic-btn {
  margin-left: 8px;
}
.twig_page-group .group-details_hero__user-actions .user-action__group-subscription-btn,
.twig_page-group .group-details_hero__user-actions .user-action__group-add-member-btn,
.twig_page-group .group-details_hero__user-actions .user-action__group-edit-featured-topics-btn,
.twig_page-group .group-details_hero__user-actions .user-action__group-manage-btn {
  color: var(--config--main-color-night);
  padding: 12px 16px;
  display: block;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}
.twig_page-group .group-details_hero__user-actions .user-action__leave-group-btn {
  padding: 12px 16px;
  display: block;
}
.twig_page-group .group-details_hero__user-actions button.user-action__leave-group-btn {
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}

.groups--mine,
.groups--other {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .groups--mine,
  .groups--other {
    margin-top: 24px;
  }
}

.group-overview-wrapper-title {
  margin-top: 32px;
  margin-bottom: 32px;
  color: var(--config-hero-color);
}

.group-overview {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, 1fr);
}

.group-overview-title {
  margin-bottom: 16px;
  color: var(--config-header-color);
}

.group-overview-item {
  color: inherit;
  grid-column: auto/span 2;
}
@media (max-width: 1024px) {
  .group-overview-item {
    grid-column: auto/span 3;
  }
}
@media (max-width: 767px) {
  .group-overview-item {
    grid-column: auto/span 6;
  }
}

.group-overview-item:hover {
  color: inherit;
}

.group-overview-item.group-overview-item--even {
  grid-column: auto/span 3;
}
.group-overview-item.group-overview-item--even .group-overview-item__top {
  height: 240px;
}
@media (max-width: 767px) {
  .group-overview-item.group-overview-item--even {
    width: 100%;
  }
}

.group-overview-item.group-overview-item--even:nth-child(2n) {
  margin-left: 0;
  margin-right: 0;
}

.group-overview-item__top {
  position: relative;
  height: 160px;
  border-radius: var(--config-card-border-radius) var(--config-card-border-radius) 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.group-overview-item__top-content {
  position: absolute;
  left: 24px;
  bottom: 16px;
  display: flex;
  flex-direction: row-reverse;
}

.group-overview-item__member {
  height: 30px;
  width: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  margin-right: -4px;
  background: #fff;
  color: var(--config--main-color-brand);
}

.group-overview-item__member-link {
  display: block;
}

.group-overview-item__member-avatar {
  width: 100%;
  height: 100%;
}

.group-overview-item__bottom {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (max-width: 449px) {
  .group-overview-item__bottom {
    padding: 16px;
  }
}
.group-overview-item__bottom .join-group-btn-wrapper {
  margin-top: 8px;
  flex-grow: 1;
  display: flex;
  align-items: end;
}
.group-overview-item__bottom .join-group-btn-wrapper .btn {
  width: 100%;
}

.group-overview-item__bottom--without-meta {
  padding: 16px;
}

.group-overview-item__meta {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.group-overview-item__meta-text {
  margin-left: 12px;
}

.group-overview-item__thumbnail {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.group-content-container-members_member-list.groups-v1-styles {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  column-gap: 4px;
  row-gap: 4px;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .group-content-container-members_member-list.groups-v1-styles {
    grid-template-columns: repeat(10, 1fr);
  }
}
.group-content-container-members_member-list.groups-v2-styles {
  display: flex;
  flex-direction: column;
}

.group-content-container-members_member-list_list-item-outer.groups-v1-styles {
  height: auto;
  width: 100%;
  padding: 100% 0 0 0;
  position: relative;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles {
  height: auto;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles .group-moderation__members-widget__envelope {
  width: 40px;
  height: 40px;
  padding: 0;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles .group-moderation__members-widget__envelope .btn__hide-when-loading {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation {
  margin: 0;
  padding: 16px 16px;
  border-bottom: 1px solid var(--config--main-border-base-color);
  display: flex;
  justify-content: space-between;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation:last-child {
  border-bottom: none;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation .group-content-container-members_member-list_list-item-delete-btn {
  height: 40px;
  min-width: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--config--main-border-base-color);
  text-transform: capitalize;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation .group-content-container-members_member-list_list-item-delete-btn .icon-delete {
  margin-right: 8px;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation .group-content-container-members_member-list_list-item-delete-btn .icon-delete path {
  fill: #EC5937;
}
.group-content-container-members_member-list_list-item-outer.groups-v2-styles.is-moderation .group-content-container-members_member-list_list-item-delete-btn .btn__hide-when-loading {
  display: flex;
  align-items: center;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner.groups-v1-styles {
  height: 100%;
  width: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner.groups-v2-styles {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner.groups-v2-styles .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 8px;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner.groups-v2-styles .group-content-container-members_member-list_list-item-info .group-content-container-members_member-list_list-item-user-role {
  font-size: 14px;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner .group-content-container-members_member-list_list-item-info {
  max-width: calc(100% - 60px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner .group-content-container-members_member-list_list-item-info .group-content-container-members_member-list_list-item-username {
  color: var(--config-header-color);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 220px;
  position: relative;
  display: inline-block;
}
.group-content-container-members_member-list_list-item-outer .group-content-container-members_member-list_list-item-inner .group-content-container-members_member-list_list-item-info .group-content-container-members_member-list_list-item-user-role {
  font-size: 12px;
  color: #A7AEB5;
}

.group-content-container-members_additional-member-count {
  color: #959898;
  text-align: center;
  font-weight: bold;
}

.group-remove-member-modal .o-modal .o-modal--close {
  display: none;
}
.group-remove-member-modal .remove-member-modal_add-btn {
  color: var(--config--main-color-alert);
}
.group-remove-member-modal .m-modal--footer {
  display: flex;
  justify-content: end;
}

.group-members-modal .o-modal {
  min-height: 70vh;
}
.group-members-modal .o-modal > span[role=button],
.group-members-modal .o-modal > span[role=button]:hover,
.group-members-modal .o-modal > span[role=button]:active,
.group-members-modal .o-modal > span[role=button]:visited,
.group-members-modal .o-modal > span[role=button]:focus,
.group-members-modal .o-modal > span[role=button]:target {
  text-decoration: none;
  border: none;
  outline: none;
}
.group-members-modal .members-modal .control-search-box {
  position: relative;
}
.group-members-modal .members-modal .control-search-box svg {
  position: absolute;
  left: 12px;
  top: 12px;
}
.group-members-modal .members-modal .control-search-box svg path {
  fill: #A7AEB5;
}
.group-members-modal .members-modal .control-search-box svg.control-search-box_close-icon {
  right: 12px;
  left: unset;
  top: 16px;
}
.group-members-modal .members-modal .control-search-box input {
  display: flex;
  height: 48px;
  padding: 0 12px 0 44px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.group-members-modal .members-modal .members-modal_members {
  margin-top: 20px;
  height: 450px;
  overflow-y: auto;
}
.group-members-modal .members-modal .members-modal_members .avatar {
  width: 40px;
  height: 40px;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton.is-shown {
  opacity: 1;
  visibility: visible;
  height: auto;
  pointer-events: auto;
  display: flex;
  width: 100%;
  margin-bottom: 14px;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton .group-member__item__avatar {
  background-color: rgba(0, 0, 0, 0.1);
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton .group-member__item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton .group-member__item__title-loader {
  height: 14px;
  width: 50%;
  min-width: 150px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
}
.group-members-modal .members-modal .group-content-container-members_member-list_list-item-outer--skeleton .group-member__item__rank-loader {
  height: 12px;
  margin-top: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
  width: 25%;
  min-width: 110px;
}

.groups-add-members-modal .user-selector .selector {
  padding: 12px;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list {
  width: calc(100% + 24px);
  margin-left: -12px;
  padding: 8px 0;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item {
  padding: 12px 16px;
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item div .avatar {
  height: 24px;
  width: 24px;
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item div.is-member span {
  color: #D5D7DB;
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item div .add-members-modal_member-sign {
  margin-left: 4px;
}
.groups-add-members-modal .user-selector .selector .control-dropdown__list .selector-item[disabled] {
  pointer-events: none;
}
.groups-add-members-modal .add-members-modal_description, .groups-add-members-modal .add-members-modal_invite-link-description, .groups-add-members-modal .add-members-modal_input-label, .groups-add-members-modal .add-members-modal_invite-link-wrapper label {
  color: var(--config--main-color-night);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.groups-add-members-modal .add-members-modal_input-label {
  font-weight: 700;
  margin: 16px 0 8px 0;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper label {
  font-weight: 700;
  margin: 8px 0;
  display: inline-block;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper {
  margin-top: 16px;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_invite-link-input {
  display: flex;
  white-space: nowrap;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .form-group--new-style .form-control {
  border-color: #d5d9de;
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  height: 40px;
  padding: 10px 12px;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .form-control[disabled] {
  color: #d5d9de;
  cursor: not-allowed;
  background-color: #f0f0f0;
  opacity: 1;
  flex-grow: 1;
  border: 1px solid #d5d9de;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_invite-link-button {
  margin-right: 0;
  margin-left: 8px;
  background-color: var(--config--main-color-brand);
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper {
  display: flex;
  margin-bottom: 13px;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .add-members-modal_expiry-title {
  line-height: 24px;
  font-size: 14px;
  display: flex;
  padding: 4px 12px;
  align-items: flex-start;
  border-radius: 4px 0 0 4px;
  border: 1px solid #E3EAF1;
  background: #FBFBFC;
  height: 34px;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .dropdown-selector-wrapper--destination {
  width: 168px;
  position: relative;
  left: -1px;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .dropdown-selector-wrapper--destination button div {
  height: 34px;
  border-radius: 0 4px 4px 0;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .dropdown-selector-wrapper--destination ul.expiry-selector {
  position: absolute;
  padding: 4px 0;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .dropdown-selector-wrapper--destination ul.expiry-selector .dropdown--expiry-option {
  padding: 5px 14px;
  cursor: pointer;
  border: none;
  text-align: left;
  background-color: #fff;
}
.groups-add-members-modal .add-members-modal_invite-link-wrapper .add-members-modal_expiry-wrapper .dropdown-selector-wrapper--destination ul.expiry-selector .dropdown--expiry-option:hover {
  background-color: #eee;
}

.group-add-members-modal .add-members-modal_buttons {
  display: flex;
  justify-content: end;
  gap: 8px;
}
.group-add-members-modal.o-modal_container .o-modal .m-modal--footer {
  margin-top: 0;
}
.group-add-members-modal.o-modal_container .o-modal .m-modal--footer:has(.add-members-modal_buttons) {
  margin-top: 24px;
}

.add-members-modal_add-btn {
  border: 1px solid var(--config--main-border-base-color);
  background-color: var(--config--main-color-brand);
  color: #fff;
}

.add-members-modal_add-btn[disabled] {
  pointer-events: none;
  background-color: #83b083;
}

.add-members-modal_cancel-btn {
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
}

.groups-edit-featured-topics-modal-wrapper.o-modal_container .o-modal .o-modal--close {
  display: none;
}
.groups-edit-featured-topics-modal-wrapper.o-modal_container .o-modal .m-modal--footer {
  margin-top: 8px;
  display: flex;
  justify-content: end;
}
.groups-edit-featured-topics-modal-wrapper.o-modal_container .o-modal .m-modal--footer .groups-edit-featured-topics-modal_save-btn {
  margin-right: 0;
  background-color: var(--config--main-color-brand);
  color: #fff;
}

.groups-edit-featured-topics-modal .search-and-filter-wrapper {
  margin-top: 16px;
}
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list {
  padding: 12px 12px;
}
.groups-edit-featured-topics-modal .groups-edit-featured-topics-modal_title label {
  margin-bottom: 6px;
  display: inline-block;
}
.groups-edit-featured-topics-modal .groups-edit-featured-topics-modal_title input {
  height: 48px;
}
.groups-edit-featured-topics-modal .groups-edit-featured-topics-modal_description {
  margin: 16px 0 6px 0;
}
.groups-edit-featured-topics-modal .featured-topics-manager .search-box button.search-box__submit {
  padding: 12px 0 12px 12px;
}
.groups-edit-featured-topics-modal .featured-topics-manager .search-box button.search-box__submit svg {
  width: 24px;
  height: 24px;
}
.groups-edit-featured-topics-modal .featured-topics-manager .search-box button.search-box__submit svg path {
  fill: #A7AEB5;
}
.groups-edit-featured-topics-modal .featured-topics-manager .search-box input[type=search].search-box__input {
  height: 48px;
  padding-left: 42px !important;
}
.groups-edit-featured-topics-modal .groups-edit-featured-topics-modal_cancel-btn, .groups-edit-featured-topics-modal .groups-edit-featured-topics-modal_save-btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  top: 0;
  border: 1px solid var(--config--main-border-base-color);
}

.group-moderation-wrapper {
  margin-top: 32px;
}
.group-moderation-wrapper .group-moderation {
  display: flex;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar {
  width: 366px;
  margin-right: 20px;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__back {
  border-radius: 8px;
  background-color: #fff;
  padding: 15px 16px;
  border: 1px solid var(--config--main-border-base-color);
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  cursor: pointer;
  width: 100%;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__menu {
  border-radius: 8px;
  background-color: #fff;
  padding: 8px;
  border: 1px solid var(--config--main-border-base-color);
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__menu .group-moderation__sidebar__menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  justify-content: space-between;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__menu .group-moderation__sidebar__menu__item .group-moderation__sidebar__menu__item__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__menu .group-moderation__sidebar__menu__item .group-moderation__sidebar__menu__item__counter {
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  border-radius: 10px;
  background: var(--config--main-color-dusk);
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__sidebar .group-moderation__sidebar__menu .group-moderation__sidebar__menu__item .group-moderation__sidebar__menu__item__counter.active {
  background-color: var(--config--main-color-brand);
}
.group-moderation-wrapper .group-moderation .group-moderation__main {
  flex-grow: 1;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 72px;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__header .group-moderation__main__header__title__main {
  color: #2B3345;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-right: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__header .group-moderation__main__header__title__count {
  color: #616A73;
  font-size: 14px;
  line-height: 24px;
  margin-left: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__header .group-moderation__main__header__button {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 16px;
  background-color: var(--config--main-color-brand);
  color: #fff;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer {
  padding: 16px;
  border-top: 1px solid var(--config--main-border-base-color);
  height: 40px;
  box-sizing: content-box;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .group-moderation__main__footer__previous.hidden, .group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .group-moderation__main__footer__next.hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .pagination-wrapper {
  border: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .pagination-wrapper .pagination {
  border: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .pagination-wrapper .pagination-next, .group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer .pagination-wrapper .pagination-prev {
  display: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__main .group-moderation__main__footer button {
  font-size: 14px;
  line-height: 16px;
  height: 40px;
  display: flex;
  align-items: center;
}
.group-moderation-wrapper .group-moderation .group-moderation__members, .group-moderation-wrapper .group-moderation .group-moderation__applicants {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
}
.group-moderation-wrapper .group-moderation .group-moderation__members {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search {
  padding: 16px;
  border-top: 1px solid var(--config--main-border-base-color);
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search .control-search-box {
  position: relative;
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search .control-search-box svg {
  position: absolute;
  left: 12px;
  top: 12px;
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search .control-search-box svg path {
  fill: #A7AEB5;
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search .control-search-box svg.control-search-box_close-icon {
  right: 12px;
  left: unset;
  top: 16px;
}
.group-moderation-wrapper .group-moderation .group-moderation__members .group-moderation__main__search .control-search-box input {
  display: flex;
  height: 48px;
  padding: 0 12px 0 44px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request {
  background-color: #fff;
  border-bottom: 1px solid var(--config--main-border-base-color);
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request:first-child {
  border-top: 1px solid var(--config--main-border-base-color);
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request:last-child {
  border-bottom: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-content-container-members_member-list_list-item-outer.is-moderation {
  padding: 0;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-content-container-members_member-list_list-item-outer.is-moderation .group-content-container-members_member-list_list-item-delete-btn {
  display: none;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__decline-btn {
  margin-right: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__decline-btn svg path {
  fill: #EC5937;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__approve-btn svg path {
  fill: #3CB54A;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__decline-btn, .group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__approve-btn {
  line-height: 40px;
  background: none;
  color: #2B3346;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: none;
  border-radius: 4px;
  padding: 12px;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__decline-btn div, .group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .group-request__approve-btn div {
  display: flex;
  gap: 8px;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .btn__hide-when-loading {
  text-transform: none;
  display: flex;
  align-items: center;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-request .group-request__actions .btn__hide-when-loading svg {
  margin-right: 4px;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-moderation__applicants__empty {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  padding: 48px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-moderation__applicants__empty .group-moderation__applicants__empty__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 16px;
}
.group-moderation-wrapper .group-moderation .group-moderation__applicants .group-moderation__applicants__empty .group-moderation__applicants__empty__description {
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
}

.notification-center {
  position: relative;
  line-height: 20px;
  font-size: 14px;
}
.notification-center .notification-center__phrases {
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.notification-center__badge {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #FB4E4E;
  border-radius: 50%;
  color: white;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  padding: 0 4px;
}
.notification-center__panel {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  position: absolute;
  top: calc(100% + 10px);
  left: unset;
  right: 0;
  transform: none;
  border-radius: 8px;
  border: 1px solid #D5D6DA;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
  z-index: 1026;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}
.notification-center__panel.is-open {
  opacity: 1;
  visibility: visible;
  width: 420px;
  height: auto;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .notification-center__panel {
    max-width: calc(100vw - 16px);
    left: unset;
    right: 0;
    transform: translateX(40px);
  }
}
.notification-center__panel .notification-center__panel__header {
  display: flex;
  padding: 12px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  align-self: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #D5D6DA;
}
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__title {
  font-weight: 700;
}
.notification-center__panel .notification-center__panel__header .notification-center__panel__header__all-read {
  color: var(--config--main-color-brand);
  cursor: pointer;
}
.notification-center__panel .notification-center__panel__list {
  height: calc(100% - 44px);
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 8px;
}
.notification-center__panel__footer {
  border-top: 1px solid #D5D6DA;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
  text-align: left;
  color: #0069FF;
  width: 100%;
}
.notification-center .notification-center__list__title {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  padding: 4px 8px;
  text-align: left;
  color: #6B707E;
}
.notification-center .notification-center__list__title.notification-center__list__title--recent {
  margin-top: 2px;
}
.notification-center .notification-center__empty {
  padding: 78px 0;
}
.notification-center .notification-center__empty .notification-center__empty__content {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notification-center .notification-center__empty .notification-center__empty__icon {
  display: flex;
  justify-content: center;
}
.notification-center .notification-center__empty .notification-center__empty__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin-top: 12px;
  color: #2B3346;
}
.notification-center .notification-center__end-of-list {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.notification-center .notification-center__end-of-list .notification-center__end-of-list__icon {
  display: flex;
  justify-content: center;
}
.notification-center .notification-center__end-of-list .notification-center__end-of-list__text {
  color: #6B707E;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
  width: 220px;
}
.notification-center .notification-center__item {
  position: relative;
  display: flex;
  padding: 8px;
  align-items: start;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  color: inherit !important;
  text-decoration: none !important;
  background-color: #FFF;
  margin-top: 2px;
}
.notification-center .notification-center__item .notification-center__item__avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background: #D5D6DA;
}
.notification-center .notification-center__item .notification-center__item__avatar .default-avatar-link {
  width: 100%;
  height: 100%;
}
.notification-center .notification-center__item .notification-center__item__avatar .default-avatar-link .default-avatar {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.notification-center .notification-center__item .notification-center__item__avatar .default-avatar-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: block;
}
.notification-center .notification-center__item .notification-center__item__content {
  align-self: stretch;
  font-style: normal;
  flex-grow: 1;
}
.notification-center .notification-center__item .notification-center__item__description {
  font-size: 14px;
  line-height: 20px;
}
.notification-center .notification-center__item .notification-center__item__description > span span {
  font-weight: 600;
}
.notification-center .notification-center__item .notification-center__item__description > span span.notification-center__item__description__link {
  font-weight: 700;
  color: var(--config--main-color-brand);
}
.notification-center .notification-center__item .notification-center__item__time {
  color: var(--config-meta-text-color);
  font-size: 12px;
  line-height: 18px;
  margin-top: 2px;
}
.notification-center .notification-center__item .notification-center__item__time .tooltip-container .tooltip-message {
  background: #fff;
  color: var(--config--main-color-night);
  width: 120px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: -25px;
  text-align: center;
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper {
  min-width: 20px;
  height: 20px;
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message {
  background: #fff;
  color: #2B3346;
  border-radius: 4px;
  border: 1px solid #D5D7DB;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: -17px !important;
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message .notification-center__item__mark__tooltip {
  min-width: 64px;
  min-height: 20px;
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message .arrow {
  width: 8px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  margin-left: -20px;
  top: 0;
  right: -8px;
  left: unset;
}
.notification-center .notification-center__item .notification-center__item__mark-wrapper .tooltip-container .tooltip-message .arrow:after {
  content: "";
  position: absolute;
  left: -28px;
  top: 0;
  width: 28px;
  height: 28px;
  box-shadow: 5px 5px 3px -4px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 0 solid #fff;
  transform: rotate(-45deg);
}
.notification-center .notification-center__item .notification-center__item__mark {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 50%;
}
.notification-center .notification-center__item .notification-center__item__mark:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-center .notification-center__item .notification-center__item__indicator {
  width: 8px;
  height: 8px;
  background-color: #FB4E4E;
  border-radius: 50%;
}
.notification-center .notification-center__item .notification-center__item__indicator.is-read {
  background-color: transparent;
}
.notification-center .notification-center__item .notification-center__item__buttons {
  margin-top: 8px;
  display: flex;
  justify-content: start;
  gap: 8px;
}
.notification-center .notification-center__item .notification-center__item__buttons .button-control-new {
  margin: 0;
}
.notification-center .notification-center__item.notification-center__item--skeleton {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}
.notification-center .notification-center__item.notification-center__item--skeleton.is-shown {
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
  pointer-events: auto;
}
.notification-center .notification-center__item.notification-center__item--skeleton .notification-center__item__avatar {
  background-color: rgba(0, 0, 0, 0.1);
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
}
.notification-center .notification-center__item.notification-center__item--skeleton .notification-center__item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notification-center .notification-center__item.notification-center__item--skeleton .notification-center__item__description-loader {
  height: 14px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
}
.notification-center .notification-center__item.notification-center__item--skeleton .notification-center__item__time-loader {
  height: 12px;
  width: 128px;
  margin-top: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  animation: loading-animation 3000ms ease-in-out;
  animation-iteration-count: infinite;
}
.notification-center .notification-center__item.notification-center__item--skeleton .notification-center__item__mark-wrapper {
  width: 20px;
  height: 20px;
}
.notification-center .notification-center__item:not(.notification-center__item--skeleton):hover {
  background-color: #F4F5F6;
}
.notification-center .notification-center__item:not(.notification-center__item--skeleton):hover .notification-center__item__mark {
  border-color: rgba(0, 0, 0, 0.1);
}
.notification-center__item.notification-center__item-info {
  background-color: #DCF1FF !important;
  width: 100%;
  border-radius: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #d5d6da;
  margin: 0;
}

.btn--notification-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0;
  min-width: 40px;
}
.btn--notification-center svg g path {
  fill: var(--config-button-secondary-color);
}
.btn--notification-center .notification-center__badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  width: auto;
  height: 18px;
  font-size: 11px;
  line-height: 18px;
  border-radius: 10px;
  font-weight: 700;
}

.collapsible-dropdown-card {
  box-sizing: border-box;
  display: block;
  background: white;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  margin-bottom: 12px;
}
.collapsible-dropdown-card:hover {
  border-color: #acb4bd;
}
.collapsible-dropdown-card:hover .collapsible-dropdown-card__actions {
  opacity: 1;
}
.collapsible-dropdown-card:focus-within {
  border-color: #acb4bd;
}
.collapsible-dropdown-card:focus-within .collapsible-dropdown-card__actions,
.collapsible-dropdown-card:focus-within .collapsible-dropdown-card__title-edit-btn {
  opacity: 1;
}
.collapsible-dropdown-card__header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.collapsible-dropdown-card__header-wrapper--v2 {
  padding: 16px 20px;
}
.collapsible-dropdown-card__header-wrapper--expanded {
  border-bottom: 1px solid #d5d9de;
}
.collapsible-dropdown-card__header {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #fdfdfe;
  cursor: pointer;
  border: none;
  outline: none;
  width: 100%;
  flex: 1;
  padding: 0;
  margin: 0;
  padding-right: 8px;
  overflow: hidden;
}
.collapsible-dropdown-card__title-text {
  font-size: 14px;
  font-weight: 400;
  color: #181f26;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collapsible-dropdown-card__dropdown .control-dropdown a {
  padding: 12px 16px;
  white-space: nowrap;
}
.collapsible-dropdown-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.collapsible-dropdown-card__actions:focus-within {
  opacity: 1;
}
.collapsible-dropdown-card__visibility-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  line-height: 0;
}
.collapsible-dropdown-card__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
}
.collapsible-dropdown-card__chevron svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.collapsible-dropdown-card__settings-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  border-radius: 4px;
  transition: all 0.2s ease;
  margin-right: 8px;
}
.collapsible-dropdown-card__settings-btn svg {
  width: 20px;
  height: 20px;
}
.collapsible-dropdown-card__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, overflow 0s 0.3s;
}
.collapsible-dropdown-card__body--expanded {
  max-height: 1000px;
  overflow: visible;
  transition: max-height 0.3s ease-in-out, overflow 0s 0s;
}
.collapsible-dropdown-card__body-content {
  padding: 0;
}
.collapsible-dropdown-card__field-section {
  padding: 16px 24px;
  border-bottom: 1px solid #f5f7f9;
}
.collapsible-dropdown-card__field-section:last-child {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 16px;
}
.collapsible-dropdown-card__field-section label {
  font-size: 12px;
  color: #5f6c7a;
  margin-bottom: 4px;
  display: block;
}
.collapsible-dropdown-card__url-section {
  padding: 16px 24px;
  border-bottom: 1px solid #f5f7f9;
}
.collapsible-dropdown-card__url-text-btn {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #5f6c7a;
  margin: 0;
  cursor: text;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 4px;
  transition: background 0.2s ease;
  text-align: left;
  min-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collapsible-dropdown-card__url-text-btn:hover {
  background: rgba(0, 0, 0, 0.02);
}
.collapsible-dropdown-card__url-input {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #181f26;
  border: 1px solid #0369e9;
  background: white;
  border-radius: 4px;
  outline: none;
  padding: 2px 8px;
  height: 28px;
}
.collapsible-dropdown-card__url-input::placeholder {
  color: #5f6c7a;
}
.collapsible-dropdown-card__menu-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}
.collapsible-dropdown-card__menu-row:last-child {
  padding-bottom: 0;
}
.collapsible-dropdown-card__menu-row > :last-child {
  margin-left: auto;
}
.collapsible-dropdown-card__menu-row svg {
  color: #5f6c7a;
}
.collapsible-dropdown-card__divider {
  border: none;
  height: 1px;
  background: #f5f7f9;
  margin: 0 -24px;
}
.collapsible-dropdown-card__settings-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.menu-item-segment-visibility {
  position: relative;
  padding: 16px 0 0;
}
.menu-item-segment-visibility__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.menu-item-segment-visibility__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.menu-item-segment-visibility__header-left svg {
  color: #5f6c7a;
}
.menu-item-segment-visibility__label {
  font-size: 14px;
  font-weight: 400;
  color: #181f26;
}
.menu-item-segment-visibility__content {
  margin-top: 12px;
}
.menu-item-segment-visibility__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.menu-item-segment-visibility__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #d5d9de;
  border-radius: 4px;
  padding: 3px 4px 5px 8px;
  font-size: 12px;
  line-height: 16px;
  color: #25313b;
}
.menu-item-segment-visibility__tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 2px;
  border-radius: 2px;
  color: #5f6c7a;
}
.menu-item-segment-visibility__tag-remove:hover {
  color: #181f26;
  background: #e6e9ec;
}
.menu-item-segment-visibility__dropdown-wrapper {
  position: static;
}
.menu-item-segment-visibility__add-btn {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border: 1px dashed #d5d9de;
  border-radius: 4px;
  background: transparent;
  color: #181f26;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.menu-item-segment-visibility__add-btn svg {
  width: 16px;
  height: 16px;
  color: #181f26;
  transition: color 0.2s ease;
}
.menu-item-segment-visibility__add-btn span {
  padding-left: 4px;
}
.menu-item-segment-visibility__add-btn:hover {
  border-color: #0369e9;
  color: #0369e9;
  background: #fbfbfc;
}
.menu-item-segment-visibility__add-btn:hover svg {
  color: #0369e9;
}
.menu-item-segment-visibility__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 8px -24px;
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  z-index: 100;
}
.menu-item-segment-visibility__search-wrapper {
  padding: 8px 16px;
}
.menu-item-segment-visibility__search-wrapper .control-search-box {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  padding: 12px 16px;
}
.menu-item-segment-visibility__search-wrapper .control-search-box form {
  display: flex;
  align-items: center;
}
.menu-item-segment-visibility__search-wrapper .control-search-box svg:first-child {
  margin-right: 8px;
  flex-shrink: 0;
}
.menu-item-segment-visibility__search-wrapper .control-search-box svg:first-child path {
  fill: #25313b;
}
.menu-item-segment-visibility__search-wrapper .control-search-box input {
  flex: 1;
  height: auto;
  min-width: 0;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 16px;
  color: #25313b;
  background: transparent;
}
.menu-item-segment-visibility__search-wrapper .control-search-box input::placeholder {
  color: #acb4bd;
}
.menu-item-segment-visibility__search-wrapper .control-search-box .control-search-box_close-icon {
  margin-left: 8px;
  cursor: pointer;
  flex-shrink: 0;
}
.menu-item-segment-visibility__separator {
  height: 1px;
  background: #d5d9de;
}
.menu-item-segment-visibility__segment-list {
  max-height: 280px;
  overflow-y: auto;
  padding: 8px 0;
}
.menu-item-segment-visibility__segment-item {
  padding: 8px 16px;
}
.menu-item-segment-visibility__segment-item:hover {
  background: #fbfbfc;
}
.menu-item-segment-visibility__segment-item--selected {
  background: #f5f7f9;
}
.menu-item-segment-visibility__segment-item .control-checkbox {
  width: 100%;
}
.menu-item-segment-visibility__segment-item .control-checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #25313b;
}
.menu-item-segment-visibility__segment-item .control-checkbox input[type=checkbox] {
  margin: 0;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.menu-item-segment-visibility__segment-checkbox {
  width: 100%;
}
.menu-item-segment-visibility__no-segments {
  padding: 16px;
  text-align: center;
  color: #5f6c7a;
  font-size: 14px;
}
.menu-item-segment-visibility__actions {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d5d9de;
}
.menu-item-segment-visibility__btn {
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.menu-item-segment-visibility__btn--primary {
  background: #0369e9;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #fff;
}
.menu-item-segment-visibility__btn--primary:hover {
  background: #0252b7;
}
.menu-item-segment-visibility__btn--secondary {
  background: #fff;
  border: 1px solid #d5d9de;
  color: #25313b;
}
.menu-item-segment-visibility__btn--secondary:hover {
  background: #fbfbfc;
}

.dropdown-items-modal {
  --gap: 12px;
}
.dropdown-items-modal .form-group {
  margin: 0 !important;
}
.dropdown-items-modal .modal-dialog {
  max-width: 1200px;
  width: 95%;
}
.dropdown-items-modal__columns {
  display: flex;
  gap: calc(var(--gap) * 1.25);
  min-height: 500px;
  max-height: 700px;
  overflow-x: auto;
  overflow-y: hidden;
}
.dropdown-items-modal__column {
  flex: 0 0 280px;
  min-width: 280px;
  border: 1px solid #c8c9c9;
  border-radius: 8px;
  background: #fff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: calc(var(--gap) * 1.25);
  gap: calc(var(--gap) * 1.25);
}
.dropdown-items-modal__footer-buttons {
  display: flex;
  justify-content: flex-end;
  gap: var(--gap);
  width: 100%;
}
.dropdown-items-modal__footer-buttons button {
  margin: 0;
}

.dropdown-section__header {
  margin-bottom: calc(var(--gap) * 1.25);
}
.dropdown-section__title {
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.dropdown-section__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.dropdown-item-form__fields {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.dropdown-item-form__fields .form-group {
  margin: 0;
}

.dropdown-column__children {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.dropdown-column__children .button-control-new {
  margin: 0;
}

.dropdown-children-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.dropdown-children-list__header {
  padding-bottom: calc(var(--gap) * 0.5);
  border-bottom: 1px solid #e0e0e0;
}
.dropdown-children-list__title {
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.dropdown-children-list__empty {
  padding: calc(var(--gap) * 2) calc(var(--gap) * 1.25);
  text-align: center;
  color: #999;
  font-style: italic;
  font-size: 14px;
}
.dropdown-children-list__items {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 0.375);
}
.dropdown-children-list__item-content {
  display: flex;
  align-items: center;
  padding: calc(var(--gap) * 0.625) calc(var(--gap) * 0.75);
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  gap: calc(var(--gap) * 0.5);
}
.dropdown-children-list__item-content--selected {
  background: #e3f2fd;
  border-color: #2196f3;
}
.dropdown-children-list__drag-handle {
  cursor: move;
  color: #999;
  padding: calc(var(--gap) * 0.25);
  border-radius: 4px;
  transition: all 0.2s ease;
}
.dropdown-children-list__drag-handle:hover {
  color: #666;
  background: rgba(0, 0, 0, 0.05);
}
.dropdown-children-list__item-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: calc(var(--gap) * 0.5);
  min-width: 0;
}
.dropdown-children-list__item-title {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.dropdown-children-list__item-url {
  font-size: 11px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  background: #f0f0f0;
  padding: calc(var(--gap) * 0.125) calc(var(--gap) * 0.375);
  border-radius: 3px;
}
.dropdown-children-list__item-children-count {
  font-size: 11px;
  color: #999;
  background: #f5f5f5;
  padding: calc(var(--gap) * 0.125) calc(var(--gap) * 0.375);
  border-radius: 10px;
  font-weight: 500;
}
.dropdown-children-list__item-actions {
  display: flex;
  gap: calc(var(--gap) * 0.25);
}
.dropdown-children-list__item-action {
  padding: calc(var(--gap) * 0.375);
  background: transparent;
  border: none;
  cursor: pointer;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.dropdown-children-list__item-action:hover {
  color: #333;
  background: rgba(0, 0, 0, 0.05);
}
.dropdown-children-list__item-action--delete:hover {
  color: #f44336;
  background: rgba(244, 67, 54, 0.1);
}

.dropdown-settings {
  padding: 16px 0;
}
.dropdown-settings__toggle-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  margin-bottom: 12px;
}
.dropdown-settings__toggle-label {
  font-size: 14px;
  font-weight: 600;
  color: #181f26;
  margin: 0;
}
.dropdown-settings__items-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.dropdown-settings__items-title {
  font-size: 14px;
  font-weight: 400;
  color: #181f26;
}
.dropdown-settings__add-item-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: none;
  color: #0069FF;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s;
}
.dropdown-settings__add-item-btn:hover {
  opacity: 0.8;
}
.dropdown-settings__add-item-btn svg {
  fill: currentColor;
}
.dropdown-settings__items-list .sortable-navigation-link-list, .dropdown-settings__children .sortable-navigation-link-list {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dropdown-settings__items-list .sortable-navigation-link, .dropdown-settings__children .sortable-navigation-link {
  z-index: 0;
}
.dropdown-settings__items-list .sortable-navigation-link:focus-within, .dropdown-settings__children .sortable-navigation-link:focus-within {
  z-index: 1;
}
.dropdown-settings__empty-state .control_empty .control_empty_message_header {
  font-size: 16px;
  margin-bottom: 8px;
}
.dropdown-settings__empty-state .control_empty .control_empty_message_description {
  font-size: 12px;
}
.dropdown-settings__item-card {
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  transition: border-color 0.2s;
}
.dropdown-settings__item-card:hover, .dropdown-settings__item-card:focus, .dropdown-settings__item-card:focus-within, .dropdown-settings__item-card--expanded {
  border-color: #acb4bd;
}
.dropdown-settings__item-card:hover .dropdown-settings__item-actions, .dropdown-settings__item-card:focus .dropdown-settings__item-actions, .dropdown-settings__item-card:focus-within .dropdown-settings__item-actions, .dropdown-settings__item-card--expanded .dropdown-settings__item-actions {
  opacity: 1;
  visibility: visible;
}
.dropdown-settings__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
}
.dropdown-settings__item-header--expanded {
  background: #f5f7f9;
  border-bottom: 1px solid #e6e9ec;
  border-radius: 4px;
}
.dropdown-settings__item-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.dropdown-settings__item-input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 4px 8px;
  font-size: 14px;
  color: #181f26;
  outline: none;
  font-family: inherit;
}
.dropdown-settings__item-input::placeholder {
  color: #acb4bd;
}
.dropdown-settings__item-input:focus {
  background: #f6f6f6;
  border-radius: 2px;
}
.dropdown-settings__item-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  margin-left: 8px;
}
.dropdown-settings__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  border-radius: 2px;
  transition: background-color 0.2s, color 0.2s;
}
.dropdown-settings__action-btn svg {
  fill: currentColor;
}
.dropdown-settings__action-btn:hover {
  background: #f5f7f9;
  color: #181f26;
}
.dropdown-settings__children {
  padding: 16px 12px;
}
.dropdown-settings__children-empty {
  padding: 12px;
  text-align: center;
  color: #5f6c7a;
  font-size: 14px;
}
.dropdown-settings__child-item {
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  margin-bottom: 8px;
  transition: border-color 0.2s;
}
.dropdown-settings__child-item-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  margin-left: 8px;
}
.dropdown-settings__child-item:last-child {
  margin-bottom: 0;
}
.dropdown-settings__child-item:hover {
  border-color: #acb4bd;
}
.dropdown-settings__child-item:hover .dropdown-settings__child-item-actions {
  opacity: 1;
  visibility: visible;
}
.dropdown-settings__dropdown .control-dropdown {
  z-index: 7000;
}
.dropdown-settings__dropdown .control-dropdown a {
  padding: 12px 16px;
}
.dropdown-settings__edit-panel {
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}
.dropdown-settings__edit-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #d5d9de;
}
.dropdown-settings__edit-title {
  font-size: 14px;
  font-weight: 500;
  color: #181f26;
}
.dropdown-settings__edit-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  gap: 8px;
}
.dropdown-settings__edit-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  border-radius: 2px;
  transition: color 0.2s;
}
.dropdown-settings__edit-action-btn svg {
  fill: currentColor;
}
.dropdown-settings__edit-action-btn:hover {
  color: #181f26;
}
.dropdown-settings__edit-body {
  padding: 16px;
}
.dropdown-settings__edit-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.dropdown-settings__edit-row:first-child {
  padding-top: 0;
}
.dropdown-settings__edit-row:last-child {
  padding-bottom: 0;
}
.dropdown-settings__edit-row svg {
  color: #5f6c7a;
  flex-shrink: 0;
}
.dropdown-settings__edit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #5f6c7a;
  flex-shrink: 0;
}
.dropdown-settings__edit-input {
  flex: 1;
  border: 1px solid #d5d9de;
  border-radius: 2px;
  padding: 8px 12px;
  font-size: 14px;
  color: #181f26;
  outline: none;
  font-family: inherit;
  transition: border-color 0.2s;
}
.dropdown-settings__edit-input:focus {
  border-color: #0069FF;
}
.dropdown-settings__edit-input::placeholder {
  color: #acb4bd;
}

.sortable-navigation-link .dropdown-settings__item-input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 4px 8px;
  font-size: 14px;
  color: #181f26;
  outline: none;
  font-family: inherit;
}
.sortable-navigation-link .dropdown-settings__item-input::placeholder {
  color: #acb4bd;
}
.sortable-navigation-link .dropdown-settings__item-input:focus {
  background: #f6f6f6;
  border-radius: 2px;
}

.product-shared-visibility {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #fff;
  width: 100%;
}
.product-shared-visibility .product-shared-visibility-divider {
  height: 1px;
  background-color: #d5d9de;
  border: none;
  margin: 16px 0;
  padding: 0;
}

.product-shared-visibility-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  background-color: #fff;
}
.product-shared-visibility-section .product-shared-visibility-section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.product-shared-visibility-section .product-shared-visibility-section-header .product-shared-visibility-section-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: #f5f7f9;
  border-radius: 4px;
  flex-shrink: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-header .product-shared-visibility-section-icon svg {
  width: 40px;
  height: 40px;
  display: block;
}
.product-shared-visibility-section .product-shared-visibility-section-header .product-shared-visibility-section-icon .product-shared-visibility-section-icon-placeholder {
  font-size: 16px;
  font-weight: 600;
  color: #25313b;
  line-height: 1;
}
.product-shared-visibility-section .product-shared-visibility-section-header .product-shared-visibility-section-title {
  font-size: 16px;
  font-weight: 600;
  color: #181f26;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.product-shared-visibility-section .product-shared-visibility-section-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}
.product-shared-visibility-section .product-shared-visibility-section-toggle .product-shared-visibility-section-toggle-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.product-shared-visibility-section .product-shared-visibility-section-toggle .product-shared-visibility-section-toggle-label svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: block;
}
.product-shared-visibility-section .product-shared-visibility-section-toggle .product-shared-visibility-section-toggle-label span {
  font-size: 14px;
  font-weight: 400;
  color: #25313b;
  line-height: 1.5;
}
.product-shared-visibility-section .product-shared-visibility-section-toggle .toggle-switch {
  margin-left: auto;
  flex-shrink: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-contents {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-header span {
  font-size: 14px;
  font-weight: 600;
  color: #181f26;
  line-height: 1.5;
  margin: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-header .product-shared-visibility-section-contents-reorder-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-header .product-shared-visibility-section-contents-reorder-button:hover {
  background-color: #f5f7f9;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-header .product-shared-visibility-section-contents-reorder-button:active {
  background-color: #e6e9ec;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background-color: #fff;
  min-height: 40px;
  flex-wrap: wrap;
  position: relative;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags .list-group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags .chip {
  margin: 0;
  padding: 4px !important;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #181f26;
  line-height: 16px;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  white-space: nowrap;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags .chip:hover {
  border-color: #acb4bd;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags .chip .chip-icon--end svg {
  color: #3c4a57;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-tags .chip .chip-icon--end:hover svg {
  color: #181f26;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-dropdown-trigger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  padding: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-dropdown-trigger svg {
  width: 24px;
  height: 24px;
  color: #181f26;
  display: block;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-dropdown-trigger:hover svg {
  color: #3c4a57;
}
.product-shared-visibility-section .product-shared-visibility-section-contents .product-shared-visibility-section-contents-normal-view .product-shared-visibility-section-contents-dropdown-trigger:active svg {
  color: #25313b;
}
.product-shared-visibility-section .product-shared-visibility-section-contents-dropdown-wrapper .c-dropdown--app-destination .product-shared-visibility-dropdown-selector {
  margin-top: 8px;
  margin-left: -310px !important;
  right: auto !important;
  left: 0 !important;
  box-sizing: border-box;
  z-index: 7000 !important;
  transform: none !important;
}
.product-shared-visibility-section .reorder-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 16px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
}
.product-shared-visibility-section .reorder-content .reorder-content-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-title {
  font-size: 16px;
  font-weight: 600;
  color: #181f26;
  line-height: 1.5;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 1px solid #d5d9de;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button:hover {
  background-color: #f5f7f9;
  border-color: #acb4bd;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button svg {
  color: #3c4a57;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button.reorder-content-confirm:hover {
  background-color: #f6fdfa;
  border-color: #12995b;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button.reorder-content-confirm:hover svg {
  color: #12995b;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button.reorder-content-cancel:hover {
  background-color: #FFF5F5;
  border-color: #bf210d;
}
.product-shared-visibility-section .reorder-content .reorder-content-header .reorder-content-actions .reorder-content-action-button.reorder-content-cancel:hover svg {
  color: #bf210d;
}
.product-shared-visibility-section .product-shared-visibility-section-info-message {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #d2e4fb;
  border-radius: 4px;
  background-color: #f5f9fe;
  margin-top: 0;
}
.product-shared-visibility-section .product-shared-visibility-section-info-message .product-shared-visibility-section-info-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-color: #0369e9;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  font-style: italic;
  padding-top: 1px;
}
.product-shared-visibility-section .product-shared-visibility-section-info-message .product-shared-visibility-section-info-text {
  font-size: 14px;
  font-weight: 400;
  color: #0369e9;
  line-height: 1.5;
  flex: 1;
}
.product-shared-visibility-section .product-shared-visibility-section-info-message .product-shared-visibility-section-info-text .product-shared-visibility-section-info-link {
  color: #0369e9;
  text-decoration: underline;
  cursor: pointer;
}
.product-shared-visibility-section .product-shared-visibility-section-info-message .product-shared-visibility-section-info-text .product-shared-visibility-section-info-link:hover {
  text-decoration: none;
}

.inline-title-editor {
  display: flex;
  align-items: center;
  padding: 16px;
}
.inline-title-editor--expanded {
  border-bottom: 1px solid #d5d9de;
}
.inline-title-editor__input {
  flex: 1;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #181f26;
  border: 1px solid #d5d9de;
  background: white;
  padding: 6px 12px;
  border-radius: 4px;
  outline: none;
  height: 36px;
}
.inline-title-editor__input:focus {
  border-color: #0369e9;
}
.inline-title-editor__input::placeholder {
  color: #acb4bd;
}
.inline-title-editor__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.inline-title-editor__action-btn {
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  line-height: 0;
}

.header-navigation {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 12px 0;
}
@media (max-width: 1024px) {
  .header-navigation .header-navigation_logo-wrapper {
    flex-grow: 1;
    min-width: 0;
    margin-left: 16px;
  }
  .header-navigation .header-navigation_logo-wrapper:first-of-type {
    display: none;
  }
}
.header-navigation .header-navigation-items-wrapper {
  position: relative;
  flex-grow: 1;
  min-width: 0;
}
.header-navigation .header-navigation_logo-anchor {
  display: flex;
  margin-right: 24px;
}
.header-navigation .header-navigation_logo {
  max-width: 400px;
  max-height: 40px;
  width: auto;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation_logo {
    max-height: 32px;
  }
}
.header-navigation .search-extended .header-navigation-items_menu {
  display: none;
}
.header-navigation .header-navigation-items_menu {
  display: flex;
  padding: 0;
  white-space: nowrap;
  align-items: center;
}
.header-navigation .header-navigation-items_menu::after {
  content: " ";
  top: 0;
  bottom: 0;
  right: 0;
  width: 1em;
  position: absolute;
  background: linear-gradient(90deg, transparent, var(--config-main-navigation-background-color));
}
.header-navigation .header-navigation-items_menu.with-extendable-search::after {
  right: 40px;
}
.header-navigation .header-navigation-items_menu > * {
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .header-navigation .header-navigation-items_menu {
    display: none;
  }
}
.header-navigation .header-navigation-items_hamburger {
  display: flex;
}
@media (min-width: 1025px) {
  .header-navigation .header-navigation-items_hamburger {
    display: none;
  }
}
.header-navigation .header-navigation_list-item {
  list-style: none;
}
.header-navigation .header-navigation_link {
  display: flex;
  align-items: center;
  color: var(--config-main-navigation-nav-color);
}
.header-navigation .menu-create-topic {
  margin-right: 0;
}
.header-navigation .menu-create-topic,
.header-navigation .header-login-button {
  display: flex;
  align-items: center;
}
.header-navigation .header-navigation-button-icon {
  display: flex;
  margin-right: 4px;
}
.header-navigation .main-menu {
  position: relative;
}
.header-navigation .header-navigation-items_menu .main-menu {
  display: flex;
}
.header-navigation .header-navigation-items_menu .main-menu .dropdown-container button {
  height: 100%;
}
.header-navigation .dropdown--forums-overview {
  top: 25px;
}
.header-navigation .dropdown--forums-overview button {
  width: 100%;
}
.header-navigation .main-menu-list--quicklinks {
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.header-navigation .main-menu-trigger,
.header-navigation .main-menu-trigger > span {
  font-family: var(--config--main-font-base-stack);
}
.header-navigation .header-navigation-items_hamburger-list {
  padding: 0;
  margin: 0;
}
.header-navigation .header-navigation-items_hamburger-list .main-menu button {
  width: 100%;
}
.header-navigation .header-navigation-items_hamburger-list .main-menu button .main-menu-trigger {
  display: flex;
  justify-content: space-between;
}
.header-navigation .header-navigation-items_hamburger-list .main-menu-trigger,
.header-navigation .header-navigation-items_hamburger-list .header-navigation_link {
  color: var(--config--main-color-night);
  padding: 8px 16px;
}
.header-navigation .header-navigation-items_hamburger-list .main-menu-trigger svg path,
.header-navigation .header-navigation-items_hamburger-list .header-navigation_link svg path {
  fill: var(--config--main-color-night);
}
.header-navigation .header-navigation-items_hamburger-list .dropdown--forums-overview {
  position: static;
  background: #f5f7f9;
  width: 100%;
  box-shadow: none;
  border: none;
}
.header-navigation .header-navigation-items_hamburger-list .dropdown--forums-overview .arrow {
  display: none;
}
.header-navigation .header-navigation-items_hamburger-list .dropdown--forums-overview .main-menu-list--overflow-scroll {
  max-height: unset;
  overflow-y: auto;
}
.header-navigation .header-navigation-items_and_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 49px;
}
.header-navigation .header-navigation-items_and_search-inner {
  display: flex;
  align-items: center;
  min-width: 0;
}
.header-navigation .header-navigation_extendable-search {
  background-color: var(--config-main-navigation-background-color);
  display: flex;
  position: relative;
}
.header-navigation .header-navigation_extendable-search.extended,
.header-navigation .header-navigation_extendable-search .search-v2 {
  width: 100%;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation_extendable-search.extended .collapsed-search-wrapper,
  .header-navigation .header-navigation_extendable-search .search-v2 .collapsed-search-wrapper {
    display: none;
  }
}
.header-navigation .header-navigation_extendable-search .old-search-wrapper {
  width: 100%;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extendable-search-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  padding: 0;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation_extendable-search .header-navigation_extendable-search-icon {
    display: none;
  }
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search {
  display: flex;
  align-items: center;
  width: 100%;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search form {
  width: 100%;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search .search-and-filter-wrapper > span {
  height: auto;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation_extendable-search .header-navigation_extended-search {
    display: none;
  }
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search > span:not(.header-navigation_extendable-search-icon) {
  width: 100%;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search .search-box {
  width: 100%;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search .search-box .search-box__input {
  width: 100%;
  height: 40px;
  box-shadow: none;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search .search-box .search-box__reset {
  padding-top: 12px;
}
.header-navigation .header-navigation_extendable-search .header-navigation_extended-search .search-box .search-box__submit {
  padding: 0 12px;
}
.header-navigation .header-navigation-search_mobile {
  width: 100%;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation-search_mobile .header-navigation_extended-search {
    display: block;
  }
}
.header-navigation .header-navigation-search_mobile .header-navigation_extendable-search {
  display: none;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .header-navigation .header-navigation-search_mobile .header-navigation_extendable-search {
    display: block;
  }
}
.header-navigation .main-navigation--nav-buttons-wrapper .btn {
  height: 40px;
  line-height: 40px;
  margin-left: 8px;
}
.header-navigation .main-navigation--nav-buttons-wrapper .btn-secondary, .header-navigation .main-navigation--nav-buttons-wrapper body > .sortable-curated-topic .btn-default, body > .sortable-curated-topic .header-navigation .main-navigation--nav-buttons-wrapper .btn-default,
.header-navigation .main-navigation--nav-buttons-wrapper body > .hoverable .btn-default,
body > .hoverable .header-navigation .main-navigation--nav-buttons-wrapper .btn-default, .header-navigation .main-navigation--nav-buttons-wrapper .widget-configurator .widget-configurator__controls .btn-default, .widget-configurator .widget-configurator__controls .header-navigation .main-navigation--nav-buttons-wrapper .btn-default,
.header-navigation .main-navigation--nav-buttons-wrapper .widget-configurator .homepage-widget-configurator__controls .btn-default,
.widget-configurator .homepage-widget-configurator__controls .header-navigation .main-navigation--nav-buttons-wrapper .btn-default,
.header-navigation .main-navigation--nav-buttons-wrapper .homepage-widget-configurator .widget-configurator__controls .btn-default,
.homepage-widget-configurator .widget-configurator__controls .header-navigation .main-navigation--nav-buttons-wrapper .btn-default,
.header-navigation .main-navigation--nav-buttons-wrapper .homepage-widget-configurator .homepage-widget-configurator__controls .btn-default,
.homepage-widget-configurator .homepage-widget-configurator__controls .header-navigation .main-navigation--nav-buttons-wrapper .btn-default {
  top: 0;
}
@media (max-width: 767px) {
  .header-navigation .main-navigation--nav-buttons-wrapper .main-navigation--profile-link .avatar {
    width: 32px;
    height: 32px;
  }
  .header-navigation .main-navigation--nav-buttons-wrapper .main-navigation--profile-link .avatar .profilelabel {
    width: 16px;
    height: 16px;
  }
}
.header-navigation .main-navigation--nav-buttons-wrapper > ul {
  padding-left: 0;
}
.header-navigation .main-navigation--nav-buttons-wrapper > ul > li {
  line-height: 40px;
}
.header-navigation .main-navigation--language-switcher {
  --language-switcher-height: 40px;
  --language-switcher-dropdown-gap: 4px;
  --language-switcher-icon-size: 20px;
  height: auto;
  width: auto;
  padding: 0;
  min-width: 0;
  position: relative;
  margin-left: 8px;
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_selected {
  height: var(--language-switcher-height);
  font-size: 11px;
  padding: 0 12px;
  line-height: var(--language-switcher-height);
  display: flex;
  column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border-radius: var(--config-button-cta-border-radius);
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown {
  display: flex;
  position: absolute;
  left: 0;
  top: calc(var(--language-switcher-height) + var(--language-switcher-dropdown-gap));
  width: auto;
  height: auto;
  max-height: calc(var(--language-switcher-height) * 5.5);
  min-width: 0;
  border-radius: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  z-index: 7000;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown::-webkit-scrollbar {
  display: none;
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_dropdown .main-navigation--language-switcher_dropdown_item {
  display: flex;
  height: var(--language-switcher-height);
  width: auto;
  min-width: 100%;
  padding: 0 8px;
  border: 0;
  outline: 0;
  box-shadow: unset;
  border-radius: 0;
  align-items: center;
  justify-content: flex-start;
  line-height: var(--language-switcher-height);
  column-gap: 4px;
  box-sizing: border-box;
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon {
  border-radius: 100%;
  height: var(--language-switcher-icon-size);
  width: var(--language-switcher-icon-size);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--en {
  background-image: url("../images/language-icon-en.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--nl {
  background-image: url("../images/language-icon-nl.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--de {
  background-image: url("../images/language-icon-de.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--fr {
  background-image: url("../images/language-icon-fr.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--ja {
  background-image: url("../images/language-icon-ja.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--cs {
  background-image: url("../images/language-icon-cs.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--da {
  background-image: url("../images/language-icon-da.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--es {
  background-image: url("../images/language-icon-es.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--fi {
  background-image: url("../images/language-icon-fi.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--hr {
  background-image: url("../images/language-icon-hr.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--pt {
  background-image: url("../images/language-icon-pt.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--br {
  background-image: url("../images/language-icon-br.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--uk {
  background-image: url("../images/language-icon-uk.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--it {
  background-image: url("../images/language-icon-it.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--ru {
  background-image: url("../images/language-icon-ru.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--sl {
  background-image: url("../images/language-icon-sl.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--sv {
  background-image: url("../images/language-icon-sv.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--zh {
  background-image: url("../images/language-icon-zh.png");
}
.header-navigation .main-navigation--language-switcher .main-navigation--language-switcher_language-icon--en_ca {
  background-image: url("../images/language-icon-ca.png");
}
.header-navigation .main-navigation--language-switcher svg path {
  fill: none;
}

.sortable-navigation-link-list {
  padding-left: 0;
}

.widget-configurator .widget-configurator__controls .header-navigation_item-configurator .form-group {
  margin-bottom: 0;
}

.sortable-navigation-link {
  z-index: 9999;
  list-style: none;
}
.sortable-navigation-link .header-navigation_item-configurator,
.sortable-navigation-link .header-navigation_item-configurator--v2 {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 8px;
  background: #fff;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-actions,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-visibility,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-visibility {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-trash,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-trash {
  cursor: pointer;
  margin-left: 4px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-title,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-title .header-navigation_item-configurator-title-text,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-title .header-navigation_item-configurator-title-text {
  display: flex;
  gap: 4px;
  align-items: center;
  flex: 1;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-header,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-header .header-navigation_item-configurator-title-text,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-header .header-navigation_item-configurator-title-text {
  flex: 1;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-expand-btn,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6c7a;
  border-radius: 2px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-expand-btn:hover,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-expand-btn:hover {
  background: #f5f7f9;
  color: #25313b;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-configurator-dropdown,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-dropdown {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-segment-visibility,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-segment-visibility {
  margin-top: 16px;
}
.sortable-navigation-link .header-navigation_item-configurator .header-navigation_item-segment-visibility-divider,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-segment-visibility-divider {
  border: none;
  border-top: 1px solid #d5d9de;
  margin: 0 -20px 0 -20px;
}
.sortable-navigation-link .header-navigation_item-configurator .checkbox,
.sortable-navigation-link .header-navigation_item-configurator--v2 .checkbox {
  margin-top: 8px;
}
.sortable-navigation-link .header-navigation_item-configurator .checkbox label,
.sortable-navigation-link .header-navigation_item-configurator--v2 .checkbox label {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.sortable-navigation-link .header-navigation_item-configurator--v2 {
  margin-bottom: 12px;
  padding: 16px 20px;
}
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-header .header-navigation_item-configurator-title-text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-dropdown,
.sortable-navigation-link .header-navigation_item-configurator--v2 .header-navigation_item-configurator-visibility {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.sortable-navigation-link .header-navigation_item-configurator--v2:hover {
  border-color: #acb4bd;
}
.sortable-navigation-link .header-navigation_item-configurator--v2:hover .header-navigation_item-configurator-dropdown,
.sortable-navigation-link .header-navigation_item-configurator--v2:hover .header-navigation_item-configurator-visibility {
  opacity: 1;
}
.sortable-navigation-link .header-navigation_item-configurator-title-editor {
  margin-bottom: 12px;
  border: 1px solid #d5d9de;
}
.sortable-navigation-link .header-navigation_dropdown-section {
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-navigation_logo-configurator-container {
  display: flex;
  flex-direction: row;
}
.header-navigation_logo-configurator-container.logo-preview {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  margin-bottom: 12px;
  background: #f5f7f9;
}
.header-navigation_logo-configurator-container .header-navigation_logo-wrapper img {
  max-height: 40px;
  max-width: 250px;
  width: auto;
}
@media (max-width: 767px) {
  .header-navigation_logo-configurator-container .header-navigation_logo-wrapper img {
    max-height: 32px;
  }
}
.header-navigation_logo-configurator-container .header-navigation_logo_buttons {
  display: flex;
  flex-direction: column;
  margin-left: 4px;
}
.header-navigation_logo-configurator-container .header-navigation_logo_buttons .btn {
  box-shadow: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 8px;
}
.header-navigation_logo-configurator-container .header-navigation_logo_buttons .button-control-new--danger {
  margin-top: 8px;
}

.template-selector {
  margin-top: 8px;
  padding: 4px 16px 8px 16px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
}
.template-selector.checked {
  background-color: #f5f9fe;
  border: 2px solid #0069FF;
}

.template-selector-card {
  margin-top: 2px;
  color: #5f6c7a;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.body-overlay {
  overflow: hidden;
}

.main-menu-link--category {
  align-items: center;
}
.main-menu-link--category .main-menu-link__name {
  text-wrap: initial;
}
.main-menu-link--category .text--meta {
  margin-left: 8px;
}

.main-menu-link--category--nested {
  text-align: left;
  font-family: var(--config--main-font-base-stack);
}
.main-menu-link--category--nested svg {
  overflow: visible;
  margin-left: 8px;
}

.mega-dropdown-children {
  margin-top: 8px;
  padding-left: 24px;
}
.mega-dropdown-children .main-menu-list {
  margin: 0;
}

.dropdown--forums-overview--nested-2 .main-menu-list__item:last-child, .dropdown--forums-overview--nested .main-menu-list__item:last-child,
.dropdown--forums-overview--nested-3 .main-menu-list__item:last-child,
.dropdown--forums-overview--nested-deep .main-menu-list__item:last-child {
  margin-bottom: 0;
}

.dropdown--forums-overview--nested-hamburger .main-menu-list--overflow-scroll {
  padding: 0;
}
.dropdown--forums-overview--nested-hamburger .main-menu-link--category--hamburger {
  padding-left: 40px;
}

.language-selector-dropdown .control-dropdown__list--group-name {
  padding: 0 8px 0;
  text-transform: uppercase;
  color: #5f6c7a;
  font-size: 12px;
}

.main-navigation--language-switcher .language-selector .selected img {
  height: 20px;
  width: 20px;
}

.language-selector {
  padding: 0 8px;
  height: 40px;
}

.language-selector .selected {
  display: flex;
  align-items: center;
}

.language-selector .selected .truncated {
  text-transform: uppercase;
  margin-left: 4px;
}

.main-navigation--language-switcher .dropdown-image {
  display: flex;
  align-items: center;
}
.main-navigation--language-switcher .dropdown-image img {
  height: 20px;
  width: 20px;
}

.main-navigation--language-switcher .dropdown-container {
  line-height: normal;
}

.main-navigation--language-switcher .language-selector {
  height: var(--language-switcher-height);
  min-width: 0;
  font-size: 12px;
  padding: 0 12px;
  line-height: var(--language-switcher-height);
  display: flex;
  column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border-radius: var(--config-button-cta-border-radius);
}

.language-selector-dropdown .control-dropdown__list {
  width: auto;
  border-radius: 8px;
  padding: 12px 0;
}
.language-selector-dropdown .control-dropdown__list a {
  padding-left: 14px;
  font-size: 16px;
  white-space: nowrap;
}
.language-selector-dropdown .control-dropdown__list--group-name,
.language-selector-dropdown .control-dropdown__list .control-dropdown__item--with_image {
  line-height: normal;
  white-space: nowrap;
}

.widget-configurator__controls .header-navigation_colors .box__pad {
  padding: 0;
}
.widget-configurator__controls .header-navigation_colors .theme-configuration_colors-list {
  padding: 0;
  margin: 0;
}
.widget-configurator__controls .header-navigation_colors .theme-configuration_colors-list .theme-configuration_colors-list-item {
  list-style: none;
  margin-bottom: 16px;
}
.widget-configurator__controls .header-navigation_colors .theme-configuration_colors-list .theme-configuration_colors-list-item > p {
  font-size: 12px;
}
.widget-configurator__controls .header-navigation_colors .theme-configuration_colors-list .theme-configuration_colors-list-item .theme-configuration-help_text {
  margin-top: 4px;
}
.widget-configurator__controls .header-navigation_colors .theme-configuration_colors-list .theme-configuration_colors-list-item code {
  font-size: 10px;
  display: block;
  border-radius: 4px;
  color: #5f6c7a;
  background-color: #f6f6f6;
  padding: 8px;
  word-wrap: break-word;
}
.widget-configurator__controls .header-navigation_colors .use-default {
  margin-top: 4px;
}
.widget-configurator__controls .header-navigation_colors .use-default .form-group {
  margin-bottom: 8px;
}
.widget-configurator__controls .header-navigation_colors .use-default .form-group .form-control {
  width: 16px;
  height: 16px;
  margin: 0 0 0 4px;
  cursor: pointer;
}
.widget-configurator__controls .header-navigation_colors .use-default .form-group label {
  font-weight: normal;
  padding-left: 12px;
}

.autopilot-button {
  display: flex;
  width: 40px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  padding: 0;
}

.autopilot-wrapper {
  margin-right: 4px;
}

.mega-menu-configurator__subview-header {
  display: flex;
  justify-content: space-between;
  color: #25313b;
  align-items: center;
}
.mega-menu-configurator__subview-header .mega-menu-configurator__subview-header-left {
  display: flex;
  align-items: center;
}
.mega-menu-configurator__subview-header .mega-menu-configurator__back-button {
  cursor: pointer;
  display: flex;
  border-radius: 2px;
  background: transparent;
  border: none;
  color: #25313b;
  padding: 0;
  margin-left: -8px;
}
.mega-menu-configurator__subview-header .mega-menu-configurator__subview-title {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 0 8px;
  letter-spacing: 0.12em;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.mega-menu-configurator__subview-body {
  color: #25313b;
  font-size: 14px;
}

.hero-banner-wrapper {
  display: flex;
  flex-direction: column;
}
.hero-banner-wrapper .hero-image-wrapper {
  position: relative;
  margin-bottom: 8px;
}
.hero-banner-wrapper .hero-image-wrapper img {
  width: 100%;
}
.hero-banner-wrapper .hero-image-container {
  margin-top: 8px;
}
.hero-banner-wrapper .hero-image-container .btn {
  box-shadow: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 8px;
}
.hero-banner-wrapper .hero-image-container .btn-delete {
  color: #d9604c;
}
.hero-banner-wrapper .hero-image-container .hero-image_buttons {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

.tabs-configurator {
  width: 70%;
}
.tabs-configurator > div {
  margin-bottom: 16px;
}
.tabs-configurator.tabs-configurator--wide {
  width: auto;
}
.tabs-configurator .table {
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  margin-top: 15px;
}
.tabs-configurator .table .tab {
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
}
.tabs-configurator .table .head {
  background-color: #e8e8e8;
}
.tabs-configurator .tabs-configurator_add-custom-tab {
  width: 100%;
  background-color: #fbfbfc;
  font-size: 14px;
  padding: 32px 8px;
  height: auto;
  font-weight: 500;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.homepage-category-setting .form-group {
  margin: 0;
}
.homepage-category-setting label {
  display: block;
}
.homepage-category-setting .radio-group {
  margin-top: 16px;
}
.homepage-category-setting .radio-inline {
  display: block;
  margin-left: 0;
}
.homepage-category-setting .radio-inline:first-child {
  margin-bottom: 8px;
  font-weight: bold;
}
.homepage-category-setting .radio-inline input {
  top: -3px;
  margin-right: 8px;
}
.homepage-category-setting .radio-inline p {
  color: #181f26;
}

.sortable-curated-topic {
  background-color: #f5f7f9;
}
.sortable-curated-topic .tab {
  border: 1px solid #c7c7c7;
}

.tabs-configurator .table .tab, .sortable-curated-topic .tab {
  display: flex;
  align-items: center;
  border-top: 1px solid #c7c7c7;
}
.tabs-configurator .table .tab > *, .sortable-curated-topic .tab > * {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  margin: 5px 10px;
}
.tabs-configurator .table .tab span, .sortable-curated-topic .tab span {
  margin-left: 15px;
}

.html-widget__form {
  margin-bottom: 16px;
}

.insided-control .html-widget__form .CodeMirror {
  min-height: 0;
  height: 320px;
}

.html-widget__form .CodeMirror {
  height: auto;
  min-height: 150px;
}
.html-widget__form .CodeMirror .CodeMirror-sizer {
  min-height: 150px !important;
}

.Sidebarmodule .custom-html,
.Sidebar .custom-html {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}
.Sidebarmodule .custom-html img,
.Sidebar .custom-html img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .Sidebarmodule .custom-html,
  .Sidebar .custom-html {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.custom-html-widget-wrapper {
  margin-top: 32px;
}
.Sidebarmodule .custom-html-widget-wrapper {
  margin-top: 0;
}

.ideation-topic-votes .ideation-topic-votes-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users {
  padding-left: 0;
  align-items: center;
  margin: 0;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .avatar--S {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: -8px;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .avatar--S:first-child {
  margin-left: 0;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-trigger > div {
  display: flex;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-message {
  width: 200px;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-message:hover {
  display: block;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .text--meta {
  align-self: center;
  margin-left: 8px;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-trigger:hover .text--meta {
  color: var(--config--main-color-brand);
}
.ideation-topic-votes .ideation-topic-votes-wrapper .thread-meta-item--vote {
  display: flex;
  flex-direction: row-reverse;
}
.ideation-topic-votes .ideation-topic-votes-wrapper .thread-meta-item--vote .qa-topic-meta-likes-content {
  margin-right: 0;
  margin-left: 8px;
}
@media (max-width: 767px) {
  .ideation-topic-votes .ideation-topic-votes-wrapper {
    flex-direction: column;
  }
  .ideation-topic-votes .ideation-topic-votes-wrapper .thread-meta-item--vote {
    margin-right: 0;
    justify-content: center;
  }
  .ideation-topic-votes .ideation-topic-votes-wrapper .topic-voted-users {
    margin-top: 16px;
  }
}

.pipeline-widget__configurator .form-group {
  margin-top: 4px !important;
}
.pipeline-widget__configurator .ideation-status-dropdown,
.pipeline-widget__configurator .ideation-status-dropdown button {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 1.5;
  color: #181f26;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
}
.pipeline-widget__configurator .ideation-status-dropdown > button > button.default {
  color: #828080;
}
.pipeline-widget__configurator .ideation-status-dropdown > button > button > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.pipeline-widget__configurator .ideation-status-dropdown > button > button > div > svg {
  order: 1;
  color: #828080;
}
.pipeline-widget__configurator .ideation-pipeline__max-list-height-text {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.pipeline-widget__configurator .ideation-pipeline__max-list-height-text span {
  display: flex;
  align-items: center;
}
.pipeline-widget__configurator .ideation-pipeline__max-list-height-text input {
  display: inline-block;
  width: 56px;
  padding: 8px;
  margin: -4px;
  font-weight: normal;
  -moz-appearance: textfield;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d5d9de;
}
.pipeline-widget__configurator .ideation-pipeline__max-list-height-text-text .form-control::-webkit-inner-spin-button {
  display: none;
}
.pipeline-widget__configurator .product-area-selector-container button > div {
  font-weight: 600;
}

.ideation_pipeline {
  margin-top: 32px;
}
@media (max-width: 449px) {
  .ideation_pipeline .pipeline-col-list {
    overflow-x: scroll;
  }
  .ideation_pipeline .pipeline-col-list .pipeline__column-wrapper {
    min-width: 272px;
  }
}
@media (max-width: 767px) {
  .ideation_pipeline .pipeline-col-list {
    overflow-x: scroll;
  }
  .ideation_pipeline .pipeline-col-list .pipeline__column-wrapper {
    min-width: 320px;
  }
}
.ideation_pipeline .pipeline-col-list {
  display: flex;
}
@media (max-width: 767px) {
  .ideation_pipeline .pipeline-col-list {
    margin: 0 16px;
  }
}
@media (max-width: 449px) {
  .ideation_pipeline .pipeline-col-list {
    margin-right: 0;
  }
}
.ideation_pipeline .pipeline-col-list > * {
  margin-right: 16px;
  width: 368px;
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  overflow: hidden;
  border-radius: 8px;
}
.ideation_pipeline .pipeline-col-list .pipeline__column-header {
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.ideation_pipeline .pipeline-col-list .pipeline__column-header .pipeline__column-title {
  padding: 16px 24px;
  font-weight: 500;
}
.ideation_pipeline .pipeline-col-list .pipeline__column-header .pipeline__column-title:nth-child(2) {
  font-weight: 700;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper {
  margin: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-bottom: 1px solid var(--config--main-border-base-color);
  padding: 16px 0;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper > * {
  padding: 0 24px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-title {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 16px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-title a {
  color: var(--config--main-color-night);
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info {
  display: flex;
  justify-content: space-between;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .user-name-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .pipeline__idea-username {
  margin-left: 8px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .avatar--S {
  width: 24px;
  height: 24px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .qa-topic-meta-likes-icon {
  width: 62px;
  height: 32px;
  margin-right: 0;
  display: flex;
  justify-content: center;
  padding: 0;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .qa-topic-meta-likes-icon .qa-topic-meta-likes-content {
  margin-right: 4px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info .user-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info.text--meta {
  position: relative;
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info.text--meta:hover {
  color: var(--config-meta-text-color);
}
.ideation_pipeline .pipeline-col-list .pipeline__idea-wrapper .pipeline__idea-meta-info.text--meta > span:first-child::first-letter {
  text-transform: capitalize;
}
.ideation_pipeline .pipeline-col-list .btn--toggle {
  line-height: normal;
}

.twig_page-idea .post:hover .post__footer-wrapper .post-footer-item {
  color: var(--config--main-color-brand);
}
.twig_page-idea .qa-topic-meta-likes-content {
  margin-right: 8px;
}
.twig_page-idea .post-footer-item.active {
  color: var(--config--main-color-brand);
}
.twig_page-idea .idea_voted-users-widget .voted-user-avatar {
  margin: 8px 8px 0 0;
}
@media (min-width: 1025px) {
  .twig_page-idea .idea-sidebar .widget.box__pad:first-child {
    padding-top: 0;
  }
}

.overview-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.overview-list-header h3.widget__heading {
  margin-bottom: 0;
  color: var(--config-header-color);
}
.overview-list-header .dropdown--sort-options-trigger {
  position: relative;
}
.overview-list-header .dropdown--sort-options-trigger button {
  outline: none;
}
.overview-list-header .dropdown--sort-options-trigger .sort-option-trigger {
  font-size: 14px;
}
.overview-list-header .dropdown--sort-options-trigger .dropdown--sort-options {
  right: 0;
  min-width: 100%;
  white-space: nowrap;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.overview-list-header .dropdown--sort-options-trigger .dropdown--sort-option {
  cursor: pointer;
  padding: 8px 16px;
}
.overview-list-header .dropdown--sort-options-trigger .dropdown--sort-option:hover {
  color: var(--config--main-color-brand);
}

.ideas-overview {
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--config-card-border-radius);
}

.idea-view {
  padding: 16px;
  position: relative;
  max-height: 500px;
}
.idea-view:not(:last-child) {
  border-bottom: 1px solid var(--config--main-border-base-color);
}
@media (min-width: 768px) {
  .idea-view {
    padding: 20px;
    padding-left: 76px;
  }
}
.idea-view .topic-view_link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.idea-view .thread-list-block__title-link {
  color: var(--config-header-color);
  opacity: 0.7;
  margin-right: 8px;
}
.idea-view.topic-view--unread:hover .topic-view_body .thread-list-block__title,
.idea-view.topic-view--unread:hover .topic-view_body .thread-list-block__title .thread-list-block__title-link, .idea-view:hover .topic-view_body .thread-list-block__title,
.idea-view:hover .topic-view_body .thread-list-block__title .thread-list-block__title-link {
  color: var(--config--main-color-brand);
  transition: 0.2s;
}
@media (max-width: 767px) {
  .idea-view .avatar {
    width: 24px;
    height: 24px;
  }
  .idea-view .avatar .profilelabel {
    width: 12px;
    height: 12px;
  }
}
.idea-view .topic-view_header {
  display: flex;
  align-items: center;
}
.idea-view .topic-view_header .link--user {
  position: relative;
}
.idea-view .topic-view_header .thread-meta-link-rank {
  color: var(--config--main-color-night);
}
.idea-view .topic-view_header .topic-view_header-item {
  margin-right: 4px;
  display: flex;
  align-items: baseline;
}
.idea-view .topic-view_header .topic-view_header-item > :first-child {
  flex-shrink: 0;
}
.idea-view .topic-view_header .topic-view_header-item .user-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 4px;
}
.idea-view .topic-view_header .topic-view_header-item.text--meta {
  position: relative;
}
.idea-view .topic-view_header .topic-view_header-item.text--meta:hover {
  color: var(--config-meta-text-color);
}
.idea-view .topic-view_header .topic-view_header-item.text--meta > span:first-child::first-letter {
  text-transform: capitalize;
}
.idea-view .topic-view_header > .topic-view_header-item {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .idea-view .topic-view_header > .topic-view_header-item .avatar {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
@media (min-width: 768px) {
  .idea-view .topic-view_header > .topic-view_header-item {
    margin-right: 0;
  }
}
.idea-view .topic-view_header .thread-list-block__header {
  padding: 0;
}
.idea-view .topic-view_header .topic-view_header-items-gathered {
  display: flex;
  min-width: 0;
}
@media (min-width: 768px) {
  .idea-view .topic-view_header .topic-view_header-items-gathered:not(.topic-view_header-items_without-category) > :first-child:after {
    display: flex;
    align-self: center;
    content: "●";
    font-size: 5px;
    margin-left: 4px;
    color: var(--config-meta-text-color);
  }
}
.idea-view .topic-view_header .topic-view_header-items-gathered .topic-view_header-item.text--meta {
  flex: 1;
  min-width: 0;
}
.idea-view .topic-view_header .topic-view_header-items-gathered .topic-view_header-item_category-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .idea-view .topic-view_header .topic-view_header-items-gathered {
    flex-direction: column;
    min-width: 0;
  }
}
.idea-view .idea-view_info {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
  position: relative;
}
@media (max-width: 449px) {
  .idea-view .idea-view_info {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .idea-view .idea-view_info {
    padding-bottom: 32px;
  }
}
.idea-view .idea-view_info > .thread-list-block__featured-image-link {
  margin-left: 16px;
  width: 214px;
  height: 120px;
  border-radius: 4px;
}
@media (max-width: 449px) {
  .idea-view .idea-view_info > .thread-list-block__featured-image-link {
    width: 100%;
    height: 150px;
    margin: 0 0 8px 0;
  }
}
.idea-view .idea-view_info .topic-view_body-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .idea-view .topic-view_body {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .idea-view .topic-view_body {
    margin-right: 94px;
  }
}
.idea-view .topic-view_body .thread-list-block__title {
  margin-bottom: 0;
}
.idea-view .topic-view_body .thread-list-block__title .pill {
  vertical-align: top;
  margin-top: 2px;
  font-weight: var(--config--main-font-base-weight);
  font-size: 10px;
  border-radius: 2px;
}
.idea-view .topic-view_body .thread-list-block__title a {
  color: inherit;
}
.idea-view .topic-view_body .thread-list-block__title .icon--auto-width:before {
  height: 22px;
}
.idea-view .topic-view_body .thread-list-block__title .thread__content-type-pill {
  transition: 0.2s;
  background-color: var(--config--main-color-brand);
  margin-right: 4px;
}
.idea-view .topic-view_body .thread-list-block__title .tooltip--thread-type {
  margin-left: 0;
}
.idea-view .topic-view_body .thread-list-block__content {
  margin-top: 8px;
  margin-bottom: 0;
}
.idea-view .topic-view_body .thread-list-block__content a {
  word-wrap: anywhere;
  color: var(--config--main-color-night);
}
.idea-view .topic-view_body .thread-list-block__article-wrapper {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.idea-view .topic-view_body .thread-list-block__article-wrapper .thread-list-block__article-excerpt {
  padding: 0;
}
.idea-view .topic-view_footer {
  margin-top: 8px;
  display: flex;
  z-index: 1;
  max-width: 100%;
}
@media (max-width: 767px) {
  .idea-view .topic-view_footer {
    position: absolute;
    bottom: 0;
  }
}
.idea-view .topic-view_footer .tooltip-container {
  cursor: pointer;
  margin-right: 20px;
}
.idea-view .topic-view_footer .tooltip-container .icon--auto-width:before {
  vertical-align: baseline;
}
@media (max-width: 767px) {
  .idea-view .topic-view_footer .tooltip-container .icon--auto-width:before {
    vertical-align: sub;
  }
}
.idea-view .topic-view_footer .thread-meta-item--vote {
  border-radius: 4px;
  position: absolute;
  line-height: 1;
  right: 0;
  top: 0;
  height: 70px;
  width: 62px;
  padding: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}
.idea-view .topic-view_footer .thread-meta-item--vote svg {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .idea-view .topic-view_footer .thread-meta-item--vote svg {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .idea-view .topic-view_footer .thread-meta-item--vote {
    position: static;
    flex-direction: row;
    height: auto;
    padding: 8px;
    margin-right: 20px;
  }
  .idea-view .topic-view_footer .thread-meta-item--vote .qa-topic-meta-likes-content {
    margin-right: 4px;
  }
}

.twig_page-ideas-overview .Sidebarmodule {
  margin-top: 0;
}
.twig_page-ideas-overview .Sidebarmodule .widget {
  margin-top: 32px;
}
.twig_page-ideas-overview .Sidebarmodule .widget:first-child {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .twig_page-ideas-overview .Sidebarmodule .widget:first-child {
    margin-top: 32px;
  }
}
@media (max-width: 1024px) {
  .twig_page-ideas-overview .Template-content {
    padding-left: 0;
    padding-right: 0;
  }
  .twig_page-ideas-overview .overview-list-header {
    padding: 0 16px;
  }
  .twig_page-ideas-overview .list-widget-wrapper {
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
}

.ideation-filters .ideation-filters__idea-status,
.ideation-filters .ideation-filters__product-area,
.ideation-filters .product-area-filter__product-areas-list,
.product-area-filter .ideation-filters__idea-status,
.product-area-filter .ideation-filters__product-area,
.product-area-filter .product-area-filter__product-areas-list {
  padding-left: 0;
  margin: 0;
}
.ideation-filters .ideation-filters__idea-status li,
.ideation-filters .ideation-filters__product-area li,
.ideation-filters .product-area-filter__product-areas-list li,
.product-area-filter .ideation-filters__idea-status li,
.product-area-filter .ideation-filters__product-area li,
.product-area-filter .product-area-filter__product-areas-list li {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.ideation-filters .ideation-filters__idea-status li .list-item-button,
.ideation-filters .ideation-filters__product-area li .list-item-button,
.ideation-filters .product-area-filter__product-areas-list li .list-item-button,
.product-area-filter .ideation-filters__idea-status li .list-item-button,
.product-area-filter .ideation-filters__product-area li .list-item-button,
.product-area-filter .product-area-filter__product-areas-list li .list-item-button {
  cursor: pointer;
  padding: 6px 16px 6px 0;
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
}
.ideation-filters .ideation-filters__idea-status li .list-item-button .vertical-line,
.ideation-filters .ideation-filters__product-area li .list-item-button .vertical-line,
.ideation-filters .product-area-filter__product-areas-list li .list-item-button .vertical-line,
.product-area-filter .ideation-filters__idea-status li .list-item-button .vertical-line,
.product-area-filter .ideation-filters__product-area li .list-item-button .vertical-line,
.product-area-filter .product-area-filter__product-areas-list li .list-item-button .vertical-line {
  height: 24px;
  border: 1px solid transparent;
  margin-right: 16px;
}
.ideation-filters .ideation-filters__idea-status li .list-item-button.selected,
.ideation-filters .ideation-filters__product-area li .list-item-button.selected,
.ideation-filters .product-area-filter__product-areas-list li .list-item-button.selected,
.product-area-filter .ideation-filters__idea-status li .list-item-button.selected,
.product-area-filter .ideation-filters__product-area li .list-item-button.selected,
.product-area-filter .product-area-filter__product-areas-list li .list-item-button.selected {
  cursor: default;
  color: var(--config--main-color-brand);
}
.ideation-filters .ideation-filters__idea-status li .list-item-button.selected .vertical-line,
.ideation-filters .ideation-filters__product-area li .list-item-button.selected .vertical-line,
.ideation-filters .product-area-filter__product-areas-list li .list-item-button.selected .vertical-line,
.product-area-filter .ideation-filters__idea-status li .list-item-button.selected .vertical-line,
.product-area-filter .ideation-filters__product-area li .list-item-button.selected .vertical-line,
.product-area-filter .product-area-filter__product-areas-list li .list-item-button.selected .vertical-line {
  border-color: var(--config--main-color-brand);
}
.ideation-filters .ideation-filters__idea-status li .list-item-button:focus:not(:focus-visible),
.ideation-filters .ideation-filters__product-area li .list-item-button:focus:not(:focus-visible),
.ideation-filters .product-area-filter__product-areas-list li .list-item-button:focus:not(:focus-visible),
.product-area-filter .ideation-filters__idea-status li .list-item-button:focus:not(:focus-visible),
.product-area-filter .ideation-filters__product-area li .list-item-button:focus:not(:focus-visible),
.product-area-filter .product-area-filter__product-areas-list li .list-item-button:focus:not(:focus-visible) {
  outline: none;
}

.pinned-reply-field .pinned-reply__content {
  margin-bottom: 0px;
}

.pinned-reply-field__header .pinned-reply-field__user-info {
  align-items: center;
  display: flex;
}
.pinned-reply-field__header .pinned-reply-field__user-info .pinned-reply__username {
  color: var(--config--main-color-brand);
}
.pinned-reply-field__header .pinned-reply-field__user-info a {
  text-decoration: none;
}
.pinned-reply-field__header .pinned-reply-field__user-info .avatar--pinned-reply {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.pinned-reply-field__header .text--meta {
  position: relative;
}
.pinned-reply-field__header .text--meta:hover {
  color: var(--config--main-color-brand);
}
.pinned-reply-field__header .text--meta > span:first-child::first-letter {
  text-transform: capitalize;
}
.pinned-reply-field__header .text--meta .tooltip-container .tooltip-message {
  background: #fff;
  color: var(--config--main-color-night);
  width: 120px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: -25px;
  text-align: center;
}

@media (max-width: 1024px) {
  body.filters-applied .widget-container {
    display: none;
  }
  body.filters-applied .widget-container.widget-container--breadcrumb, body.filters-applied .widget-container.widget-container--header_navigation, body.filters-applied .widget-container.widget-container--product_area_filter, body.filters-applied .widget-container.widget-container--ideation_status_filter, body.filters-applied .widget-container.widget-container--ideation_list, body.filters-applied .widget-container.widget-container--ideation_hero, body.filters-applied .widget-container.widget-container--product-updates_hero, body.filters-applied .widget-container.widget-container--header, body.filters-applied .widget-container.widget-container--navigation_bar, body.filters-applied .widget-container.widget-container--product-updates_list, body.filters-applied .widget-container.widget-container--footer, body.filters-applied .widget-container.widget-container--container_2_1 {
    display: block;
  }
}

.category-meta {
  display: flex;
  column-gap: 4px;
}
.category-meta .topic-list-item-card_topic-name {
  border-bottom: 1px dashed var(--config--main-border-base-color);
}

.knowledge-base-navigation-categories-block {
  padding-left: 10px;
  margin-top: 5px;
  border-left: 2px solid var(--config--main-border-base-color);
}

@media (max-width: 1024px) {
  .knowledge-base-navigation-sidebar {
    margin-top: 16px;
  }
}

.knowledge-base-navigation-parent-wrapper {
  padding: 5px;
}

.knowledge-base-navigation-link {
  display: block;
  padding: 3px 0;
  color: var(--config--main-color-night);
}

.knowledge-base-navigation-link:hover {
  color: var(--config--main-color-brand);
}

.knowledge-base-navigation-link--current {
  color: var(--config--main-color-brand);
  font-weight: bold;
}

.knowledge-base-navigation-link--current:hover {
  color: var(--config--main-color-brand);
}

.widget-container--container-2-1-column_1 .knowledge-base-container .col,
.homepage-widget-container--container-2-1-column_1 .knowledge-base-container .col {
  padding: 0;
}
@media (max-width: 1024px) {
  .widget-container--container-2-1-column_1 .knowledge-base-container,
  .homepage-widget-container--container-2-1-column_1 .knowledge-base-container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .widget-container--container-2-1-column_1 .knowledge-base-container,
  .homepage-widget-container--container-2-1-column_1 .knowledge-base-container {
    padding: 0 16px;
  }
}

.knowledge-base-container .knowledge-base-category-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base_parent-child-component-wrapper {
  grid-column: auto/span 12;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base_parent-child-component-wrapper .knowledge-base_parent-child-component {
  margin-top: 16px;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base_parent-child-component-wrapper .knowledge-base_parent-child-component:first-child {
  margin-top: 0;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base_parent-child-component-wrapper .knowledge-base-category-list_parent-title {
  margin-bottom: 8px;
  font-size: 16px;
}
.knowledge-base-container .knowledge-base-category-list .card_url {
  color: var(--config--main-color-night);
}
.knowledge-base-container .knowledge-base-category-list .card_url .card_info:only-child {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list .card_url .card_info:only-child {
    margin-top: 8px;
  }
}
.knowledge-base-container .knowledge-base-category-list .card_info {
  grid-gap: 4px;
  padding: 8px 24px 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list .card_info {
    padding: 8px 16px 16px;
    grid-gap: 0;
  }
  .knowledge-base-container .knowledge-base-category-list .card_info > * {
    margin: 0;
  }
  .knowledge-base-container .knowledge-base-category-list .card_info .text--meta {
    display: none;
  }
}
.knowledge-base-container .knowledge-base-category-list .card_info > .card_info__title {
  padding: 0 0 4px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list .card_info > .card_info__title {
    font-size: 16px;
  }
}
.knowledge-base-container .knowledge-base-category-list .card_info .knowledge-base__card-metadata {
  display: flex;
  justify-content: center;
}
.knowledge-base-container .knowledge-base-category-list .card_info .knowledge-base__card-metadata .text--meta {
  margin-bottom: 0;
}
.knowledge-base-container .knowledge-base-category-list .card_image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 72px;
  background-size: auto 72px;
  margin-top: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list .card_image {
    margin-top: 16px;
  }
}
@media (max-width: 449px) {
  .knowledge-base-container .knowledge-base-category-list .card_image {
    height: 60px;
    background-size: auto 60px;
    margin-top: 15px;
  }
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card {
  text-align: start;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card {
    grid-column: auto/span 12;
  }
  .knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_info__title {
    padding-bottom: 0;
  }
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_url {
  padding: 16px;
  display: flex;
  align-items: center;
  width: 100%;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_image {
  width: 72px;
  margin-top: 0;
  margin-right: 16px;
}
@media (max-width: 449px) {
  .knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_image {
    width: 60px;
  }
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card-info__metadata {
  margin-bottom: 0;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .knowledge-base__card-metadata {
  justify-content: flex-start;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_info {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.knowledge-base-container .knowledge-base-category-list .knowledge-base__card-small-card .card_info:only-child {
  margin-top: 0;
}
.knowledge-base-container .knowledge-base-category-list > .knowledge-base__card {
  overflow: hidden;
  grid-column: auto/span 4;
}
@media (max-width: 1024px) {
  .knowledge-base-container .knowledge-base-category-list > .knowledge-base__card {
    grid-column: auto/span 6;
  }
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base-category-list > .knowledge-base__card {
    grid-column: auto/span 12;
  }
}
@media (min-width: 1025px) {
  .widget-container--container-2-1-column_1 .knowledge-base-container .knowledge-base-category-list > .knowledge-base__card, .homepage-widget-container--container-2-1-column_1 .knowledge-base-container .knowledge-base-category-list > .knowledge-base__card {
    grid-column: auto/span 6;
  }
}
.knowledge-base-container .knowledge-base__card {
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.knowledge-base-container .knowledge-base__card.knowledge-base__card-small-card a {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .knowledge-base-container .knowledge-base__card:only-child {
    grid-column: auto/span 12;
  }
}

.widget-configurator .widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tab-header {
  cursor: pointer;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content {
  display: flex;
  flex-direction: column;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-styling-selector,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-styling-selector,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-styling-selector,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-styling-selector,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-styling-selector,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-styling-selector,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-styling-selector,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-styling-selector {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector {
  margin-bottom: 32px;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector label p,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector label p,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector label p,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector label p,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector label p,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector label p,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .card-content-selector label p,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .card-content-selector label p {
  font-size: 12px;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option {
  cursor: pointer;
  position: relative;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .template-icon {
  border: 1px solid #0069FF;
  border-radius: 4px;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option.checked .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option.checked .checkbox-icon {
  display: block;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .template-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .template-icon {
  border: 1px solid #d5d6da;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .widget-configurator_template-option .checkbox-icon,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content .homepage-widget-configurator_template-option .checkbox-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: none;
}

.qa-topic-moderation-change-author div > div {
  display: flex;
  align-items: center;
}

.topic-moderation-assign-moderator {
  border-radius: 4px;
  border-color: #d5d9de;
}

.list-selector-wrapper {
  position: relative;
  z-index: 4;
}
.list-selector-wrapper--align-right {
  right: 70%;
}
.list-selector-wrapper .list-selector {
  width: 300px;
  position: absolute;
  background: #fff;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  margin: 4px 0;
}
.list-selector-wrapper .list-selector-right {
  right: 0;
}
.list-selector-wrapper .list-selector-header {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
}
.list-selector-wrapper .list-selector-header:not(.list-item-group-name) {
  cursor: pointer;
}
.list-selector-wrapper .list-selector-header:hover:not(.list-item-group-name) {
  background: #f6f6f6;
}
.list-selector-wrapper .list-selector-header-group-name {
  height: 32px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3c4a57;
}
.list-selector-wrapper .list-selector .control-search-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 16px;
  margin: 8px 16px 8px 16px;
}
.list-selector-wrapper .list-selector .control-search-box form {
  display: flex;
  align-items: center;
}
.list-selector-wrapper .list-selector .control-search-box svg:first-child {
  margin-right: 8px;
}
.list-selector-wrapper .list-selector .control-search-box svg:first-child path {
  fill: #828080;
}
.list-selector-wrapper .list-selector .control-search-box input {
  height: auto;
  padding: 0;
  width: 474px;
  min-width: 192px;
  border: none;
}
.list-selector-wrapper .list-selector .control-search-box svg {
  width: 36px;
  min-width: 16px;
}
.list-selector-wrapper .list-selector .control-search-box svg path {
  fill: #828080;
}
.list-selector-wrapper .list-selector .control-search-box svg:last-child:hover {
  cursor: pointer;
}
.list-selector-wrapper .list-selector-no-results {
  padding: 12px 16px;
  text-align: center;
  color: #828080;
}
.list-selector-wrapper .list-selector .loader {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-selector-wrapper .list-selector .list {
  max-height: 450px;
  overflow: auto;
}
.list-selector-wrapper .list-selector .list-item {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
}
.list-selector-wrapper .list-selector .list-item:not(.list-item-group-name) {
  cursor: pointer;
}
.list-selector-wrapper .list-selector .list-item:hover:not(.list-item-group-name) {
  background: #f6f6f6;
}
.list-selector-wrapper .list-selector .list-item-group-name {
  height: 32px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3c4a57;
}
.list-selector-wrapper .list-selector .list-item .avatar {
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.list-selector-wrapper .list-selector .list-item-custom-icon {
  margin-right: 8px;
  color: #959898;
}

.dynamic-moderator-list {
  font-size: 14px;
}

.control-login {
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
  align-items: center;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.control-login .control-login-side-image {
  height: 100vh;
}
.control-login .control-login-wrapper {
  width: 570px;
  margin: 40px auto auto auto;
}
.control-login .control-login-wrapper .invalid-credentials-alert {
  display: flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 24px;
  background: rgba(233, 76, 92, 0.05);
  border: 1px solid #f75d4f;
  box-sizing: border-box;
  border-radius: 4px;
  color: #f75d4f;
  font-size: 14px;
}
.control-login .control-login-wrapper .invalid-credentials-alert div {
  margin-left: 16px;
}
.control-login .control-login-wrapper .invalid-credentials-alert a {
  color: #f75d4f;
  text-decoration: underline;
}
.control-login .control-login-wrapper .invalid-credentials-alert svg {
  min-width: 21px;
}
.control-login .control-login-wrapper .control-login-title {
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
}
.control-login .control-login-wrapper .control-login-subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: -8px;
}
.control-login .control-login-wrapper .control-login-title,
.control-login .control-login-wrapper .control-login-subtitle {
  margin-bottom: 24px;
  color: #25313b;
}
.control-login .control-login-wrapper .control-login-box {
  padding: 24px;
  border: 1px solid #d5d9de;
  box-sizing: border-box;
  border-radius: 4px;
}
.control-login .control-login-wrapper .control-login-box .login-input-group label {
  color: #25313b;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.control-login .control-login-wrapper .control-login-box .login-input-group input {
  width: 100%;
  height: auto;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 14px;
}
.control-login .control-login-wrapper .control-login-box .login-input-group input:active, .control-login .control-login-wrapper .control-login-box .login-input-group input:focus {
  border: 1px solid #0369e9;
}
.control-login .control-login-wrapper .control-login-box .login-input-group input.validation-error {
  border: 1px solid #f75d4f;
}
.control-login .control-login-wrapper .control-login-box .login-input-group .error-message {
  color: #f75d4f;
}
.control-login .control-login-wrapper .control-login-box .login-meta {
  margin-bottom: 16px;
  display: flex;
}
.control-login .control-login-wrapper .control-login-box .login-meta .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  flex-direction: row-reverse;
}
.control-login .control-login-wrapper .control-login-box .login-meta .form-group label {
  color: #25313b;
  cursor: pointer;
  margin-left: 8px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
.control-login .control-login-wrapper .control-login-box .login-meta .form-group input {
  margin-top: 0;
}
.control-login .control-login-wrapper .control-login-box .login-meta .login-meta-forgot-password {
  margin-left: auto;
  color: #0369e9;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}
.control-login .control-login-wrapper .control-login-box .login-meta .login-meta-forgot-password:hover {
  color: color-mix(in srgb, #0369e9, black 10%);
}
.control-login .control-login-wrapper .login-button,
.control-login .control-login-wrapper .register-button {
  line-height: 24px;
  font-size: 16px;
  padding: 12px 16px;
  border-radius: 4px;
}
.control-login .control-login-wrapper .staff-login-buttons {
  display: flex;
  margin-top: 8px;
}
.control-login .control-login-wrapper .staff-login-buttons .login-button {
  flex-basis: 50%;
}

.control-login-image-wrapper {
  margin: 80px auto 40px auto;
}

.control-side-menu-wrapper {
  display: flex;
}

.control-side-menu {
  background-color: #25313b;
  box-shadow: 1px 1px 3px 0 rgba(24, 31, 38, 0.2), 0 0 1px 0 rgba(24, 31, 38, 0.12);
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
  top: 0;
  bottom: 0;
  width: 48px;
  z-index: 8000;
}
.control-side-menu > div > svg:first-child {
  display: block;
}

.control-side-menu__menu-item {
  cursor: pointer;
  aspect-ratio: 1;
  display: flex;
  position: relative;
}
.control-side-menu__menu-item:hover {
  background: #43474a;
}
.control-side-menu__menu-item:hover svg:not(.strokefill) path {
  fill: #fff;
}
.control-side-menu__menu-item:hover .control-side-menu__menu-item-label {
  display: inline-block;
}
.control-side-menu__menu-item:hover svg:not(.strokefill).home-icon path {
  fill: none;
}
.control-side-menu__menu-item.active {
  background: #43474a;
  box-shadow: inset #0369e9 3px 0 0 0px;
}
.control-side-menu__menu-item svg {
  display: block;
  margin: auto;
}

.control-side-menu__menu-item-logo {
  display: flex;
  height: 48px;
  justify-content: center;
}
.control-side-menu__menu-item-logo:hover .control-side-menu__menu-item-label {
  display: inline-block;
}
.control-side-menu__menu-item-logo img {
  width: 24px;
}

.control-side-menu__menu-item-label {
  background-color: rgba(37, 52, 69, 0.5333333333);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  backdrop-filter: blur(5px);
  color: #fff;
  display: none;
  font-size: 14px;
  left: 48px;
  padding: 4px 16px;
  position: absolute;
}
.control-side-menu__menu-item-label span {
  width: auto;
  white-space: nowrap;
}
@media screen and (min-height: 801px) {
  .control-side-menu__menu-item-label {
    top: 13px;
  }
}
@media screen and (max-height: 800px) {
  .control-side-menu__menu-item-label {
    top: 5px;
  }
}

.control-side-menu__menu-item--pm-count {
  align-items: center;
  background: #ea3477;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 20px;
  justify-content: center;
  letter-spacing: 1px;
  left: 28px;
  position: absolute;
  top: 26px;
  width: 20px;
}

.control-side-menu__details {
  height: 100vh;
  width: 240px;
  background: #f6f6f6;
  border-right: 1px solid #c7c7c7;
  position: relative;
  top: 0;
  z-index: 5;
  transition: transform 250ms ease-in-out;
}
.control-side-menu__details .control-side-menu__details-arrow {
  display: none;
}
@media (hover: none) {
  .control-side-menu__details .control-side-menu__details-arrow {
    display: flex;
  }
}
.control-side-menu__details:hover .control-side-menu__details-arrow {
  display: flex;
}
.control-side-menu__details.collapsed {
  transform: translateX(calc(-100% + 16px));
  width: 16px;
}
.control-side-menu__details.collapsed .control-side-menu-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 240px;
}
.control-side-menu__details.collapsed .control-side-menu__items-wrapper {
  transition: visibility 300ms cubic-bezier(0.2, 0, 0, 1);
}
.control-side-menu__details.collapsed .control-side-menu__details-arrow {
  display: flex;
  transform: rotate(0deg);
}
.control-side-menu__details.collapsed .control-side-menu__details-arrow svg {
  transform: rotate(180deg);
}
.control-side-menu__details.collapsed.overlay .control-side-menu__items-wrapper {
  border-right: inherit;
}
.control-side-menu__details.collapsed.overlay .control-side-menu__details-arrow {
  transform: translateX(224px);
}
.control-side-menu__details.collapsed.overlay .control-side-menu__details-arrow svg {
  transform: rotate(180deg);
}
.control-side-menu__details.overlay {
  transform: translateX(0);
}
.control-side-menu__details.overlay .control-side-menu__items-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 240px;
  transition: 0.5s cubic-bezier(0.2, 0, 0, 1);
}
.control-side-menu__details.overlay .control-side-menu__details-arrow {
  display: flex;
}
.control-side-menu__details.collapsed:not(.overlay) .control-side-menu__items-wrapper {
  transform: translateX(-100%);
  overflow: hidden;
}
.control-side-menu__details ul {
  padding: 0;
}
.control-side-menu__details li a {
  border-radius: 2px;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 8px 24px;
  white-space: nowrap;
}
.control-side-menu__details li a:hover, .control-side-menu__details li a:focus, .control-side-menu__details li a.active {
  background: #e6e9ec;
  text-decoration: none;
}

body.control-side-menu-body,
.main-container-control-side-menu {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: 1fr;
}

/** 
  * Fixes the case when okta verify or any other TPS injects HTML into the <body> tag
  */
body.control-side-menu-body > .insided-control {
  grid-column: 1/2;
  position: relative;
  z-index: 1000;
}

body.control-side-menu-body > #content {
  grid-column: 2/3;
}

.control-side-menu__items-wrapper {
  height: 100%;
  overflow: hidden auto;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  background-color: inherit;
  transform: translateX(0);
  transition: transform 250ms ease-in-out;
}

.control-side-menu__details-arrow {
  align-items: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  right: -12px;
  transform: translateX(0);
  position: absolute;
  top: 20px;
  width: 24px;
  transition: transform 250ms ease-in-out;
}
.control-side-menu__details-arrow:hover {
  background: #0369e9;
  display: flex;
}
.control-side-menu__details-arrow:hover svg path:last-child {
  stroke: #fff;
}

.nav-control-side-menu {
  position: sticky;
  top: 0;
  z-index: 100;
}

#nav .control-side-menu__details li a.active {
  color: #0369e9;
}

.control-side-menu__details-heading {
  font-size: 18px;
  font-weight: 600;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
}

.control-side-menu__details-sub-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 24px;
  padding-right: 24px;
  margin: 24px 0 8px;
  color: #3c4a57;
  white-space: nowrap;
}

.dropdown--forums-overview {
  width: 250px;
  left: 0;
  top: 50px;
  font-weight: var(--config-main-navigation-dropdown-font-weight);
  cursor: default;
}
.dropdown--forums-overview .arrow {
  left: 16px;
}
@media (max-width: 767px) {
  .dropdown--forums-overview {
    left: 0;
    right: 0;
    width: auto;
    border-left: none;
    border-right: none;
  }
}

.dropdown--forums-overview--nested-2, .dropdown--forums-overview--nested {
  position: absolute;
  height: 0;
  z-index: 100;
}
.dropdown--forums-overview--nested-2 .dropdown--forums-overview, .dropdown--forums-overview--nested .dropdown--forums-overview {
  position: relative;
  left: 249px;
  top: -8px;
}
.dropdown--forums-overview--nested-2 .main-menu-list--overflow-scroll, .dropdown--forums-overview--nested .main-menu-list--overflow-scroll {
  max-height: 304px;
  overflow: visible;
}

.dropdown--forums-overview--nested-3 {
  position: absolute;
  height: 0;
  z-index: 101;
}
.dropdown--forums-overview--nested-3 .dropdown--forums-overview {
  position: relative;
  left: 249px;
  top: -8px;
}
.dropdown--forums-overview--nested-3 .main-menu-list--overflow-scroll {
  max-height: 304px;
  overflow: visible;
}

.dropdown--forums-overview--nested-deep {
  position: absolute;
  height: 0;
  z-index: 102;
}
.dropdown--forums-overview--nested-deep .dropdown--forums-overview {
  position: relative;
  left: 249px;
  top: -8px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}
.dropdown--forums-overview--nested-deep .main-menu-list--overflow-scroll {
  max-height: 304px;
  overflow: visible;
}

.main-menu-trigger {
  color: var(--config-main-navigation-nav-color);
  font-size: 14px;
}
.main-menu-trigger path {
  fill: var(--config-main-navigation-nav-color);
}

.main-menu-list {
  padding: 0;
  list-style: none;
  margin: 0;
}

.main-menu-list--overflow-scroll {
  padding: 8px 0;
  max-height: 496px;
  overflow-y: auto;
}

.main-menu-list__item {
  line-height: 1.2;
}
.main-menu-list__item button {
  font-size: inherit;
}

.main-menu-list__item--no-hover > *,
.main-menu-list__item--no-hover > *:hover {
  color: inherit;
}

.main-menu-list__item--highlighted {
  color: var(--config--main-color-brand);
}

.main-menu-list__item:last-child {
  margin-bottom: 8px;
}

.main-menu-section__title {
  font-weight: 500;
  color: var(--config-meta-text-color);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 8px 16px 8px;
}

.main-menu-section {
  border-top: 1px solid var(--config--main-border-base-color);
  padding-top: 8px;
  margin-top: 16px;
}

.main-menu-link {
  padding: 12px 16px;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main-menu-link:hover .text--meta {
  color: inherit;
}

.main-menu-link--category {
  display: flex;
  line-height: 1.2;
  align-items: center;
}
.main-menu-link--category .main-menu-link__name {
  text-wrap: initial;
}
.main-menu-link--category :first-child {
  flex-grow: 1;
  padding-right: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

li.navigation-menu__item--pending a,
li.navigation-menu__item--spam a {
  display: block;
}
li.navigation-menu__item--pending a span,
li.navigation-menu__item--spam a span {
  margin-left: 4px;
}

.dropdown--forums-overview--nested .main-menu-list--overflow-scroll,
.dropdown--forums-overview--nested-2 .main-menu-list--overflow-scroll,
.dropdown--forums-overview--nested-3 .main-menu-list--overflow-scroll,
.dropdown--forums-overview--nested-deep .main-menu-list--overflow-scroll {
  overflow-y: auto;
}

.oauth2-create-client #message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 0;
}
.oauth2-create-client #message-container .a-message {
  position: fixed;
  top: 32px;
  z-index: 5000;
}
.oauth2-create-client .control-table .table-wrapper table thead > tr > th,
.oauth2-create-client .control-table .table-wrapper table tbody td,
.oauth2-create-client .control-table .table-wrapper table thead > tr > th, .oauth2-create-client .control-table .table-wrapper table.narrow tbody td {
  padding: 12px 16px;
  min-width: unset;
}
.oauth2-create-client .control-table .table-wrapper table thead > tr > th:first-child,
.oauth2-create-client .control-table .table-wrapper table tbody td:first-child,
.oauth2-create-client .control-table .table-wrapper table thead > tr > th:first-child, .oauth2-create-client .control-table .table-wrapper table.narrow tbody td:first-child {
  padding-left: 24px;
}
.oauth2-create-client .form-control[disabled] {
  color: #3c4a57;
  background-color: #f6f6f6;
}
.oauth2-create-client h2,
.oauth2-create-client .header-title,
.oauth2-create-client .form-group--new-style label {
  color: #25313b;
}
.oauth2-create-client .how-to-link {
  padding-left: 0;
}
.oauth2-create-client .header-title {
  font-weight: 700;
  font-size: 16px;
}
.oauth2-create-client .panel-form-information--warning {
  width: 100%;
}
.oauth2-create-client .panel-form-information--warning p:last-child {
  margin-bottom: 0;
}
.oauth2-create-client .form-group {
  margin-bottom: 16px;
}
.oauth2-create-client .form-group.last-group {
  margin-bottom: 0;
}
.oauth2-create-client .form-group .cridential-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
}
.oauth2-create-client .form-group .cridential-row .button-control-new--brand {
  margin-right: 0;
  margin-left: 8px;
}

.authorization-modal .react-modal_close-button-container {
  display: none;
}
.authorization-modal .authorization-modal_buttons,
.authorization-modal .authorization-modal_user-data,
.authorization-modal .authorization-modal_additional-information {
  margin-bottom: 20px;
}
.authorization-modal .authorization-modal_logo {
  text-align: center;
  margin: 10px;
}
.authorization-modal .authorization-modal_buttons {
  text-align: center;
}
.authorization-modal .authorization-modal_client-app-name {
  color: #1e9cdf;
}
.authorization-modal .authorization-modal_privacy-terms {
  text-align: center;
  margin: 5px;
}
.authorization-modal .authorization-modal_privacy-terms .authorization-modal-terms-link {
  color: #5f6c7a;
}

.oauth2-clients-list .btn {
  min-width: 80px;
}

.api-access-information .control-table .table-wrapper,
.oauth2-clients-list .control-table .table-wrapper {
  margin-bottom: 16px;
  color: #25313b;
}

.external-link-icon {
  vertical-align: middle;
  margin-left: 10px;
}

.oembed-iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.oembed-iframe-wrapper iframe {
  width: 100%;
}
.oembed-iframe-wrapper iframe:not([title="Spotify embed"]) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

oembed[url*="bbvms.com"] .oembed-iframe-wrapper {
  padding-top: 0;
}

oembed[url*="spotify.com"] .oembed-iframe-wrapper {
  padding-bottom: 0;
  padding-top: 0;
  height: auto;
}

@media only screen and (min-width: 768px) {
  oembed[url*="typeform.com"] .oembed-iframe-wrapper,
  oembed[url*="videoask.com"] .oembed-iframe-wrapper {
    padding-bottom: 582px;
    width: 404px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  oembed[url*="typeform.com"] .oembed-iframe-wrapper,
  oembed[url*="videoask.com"] .oembed-iframe-wrapper {
    padding-bottom: 90vh;
  }
}
.topic-card-wrapper,
#page--topic-moderation .topic-card-wrapper {
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
  padding: 16px 24px;
  margin: 8px 0;
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
}
.topic-card-wrapper .topic-card-icon,
#page--topic-moderation .topic-card-wrapper .topic-card-icon {
  fill: var(--config--main-color-brand);
}
.topic-card-wrapper:hover a.topic-title,
#page--topic-moderation .topic-card-wrapper:hover a.topic-title {
  color: var(--config--main-color-brand);
}
.topic-card-wrapper .topic-card-clickable,
#page--topic-moderation .topic-card-wrapper .topic-card-clickable {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.topic-card-wrapper .topic-card-data,
#page--topic-moderation .topic-card-wrapper .topic-card-data {
  list-style-type: none !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0 !important;
  display: block;
}
.topic-card-wrapper .topic-card-data li,
#page--topic-moderation .topic-card-wrapper .topic-card-data li {
  display: inline;
}
.topic-card-wrapper .topic-card-data--meta,
#page--topic-moderation .topic-card-wrapper .topic-card-data--meta {
  margin-left: 8px;
}
.topic-card-wrapper .topic-card-data--meta:before,
#page--topic-moderation .topic-card-wrapper .topic-card-data--meta:before {
  content: " · ";
  margin-right: 8px;
  font-weight: bold;
}
.topic-card-wrapper .avatar--S,
#page--topic-moderation .topic-card-wrapper .avatar--S {
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.topic-card-wrapper a,
.topic-card-wrapper a:hover,
#page--topic-moderation .topic-card-wrapper a,
#page--topic-moderation .topic-card-wrapper a:hover {
  text-decoration: none;
}
.topic-card-wrapper a.topic-title,
#page--topic-moderation .topic-card-wrapper a.topic-title {
  color: var(--config-header-color);
  text-decoration: none;
  font-weight: 500;
}
.topic-card-wrapper li,
#page--topic-moderation .topic-card-wrapper li {
  display: flex;
  align-items: center;
}
.topic-card-wrapper li .pill,
#page--topic-moderation .topic-card-wrapper li .pill {
  margin-left: 8px;
}
.topic-card-wrapper li .pill.future-event,
#page--topic-moderation .topic-card-wrapper li .pill.future-event {
  background: var(--config--main-color-brand);
}

.overview .control-header__title .beta-badge {
  margin-left: 16px;
}
.overview .overview__table-title,
.overview .overview__table-user,
.overview .overview__table-last-action-by-user {
  display: flex;
  align-items: center;
}
.overview .icon-user {
  margin: auto 8px -4px 6px;
  min-width: 16px;
}
.overview .overview__table-publish-date--scheduled {
  color: #873ed1;
  display: flex;
  align-items: center;
  min-width: 162px;
}
.overview .overview__table-publish-date--scheduled svg {
  margin-left: 8px;
  min-height: 16px;
  min-width: 16px;
}
.overview .overview__status .status-circle {
  margin-right: 8px;
}
.overview .overview__table-title {
  align-items: center;
}
.overview .overview__table-title div {
  margin-right: 8px;
}
.overview .overview__table-title div :not(:first-child) {
  margin-left: 8px;
}
.overview .overview__table-title div svg {
  position: relative;
  top: 3px;
}
.overview .overview__table-title .overview__destination-icon {
  margin-left: auto;
}
.overview .overview__table-title .overview__destination-icon svg {
  fill: #959898;
}
.overview .overview__table-title .question-icon path {
  fill: #f4a702;
}
.overview .overview__table-title .question-answered-icon path {
  fill: #13ad68;
}
.overview .overview__table-icon {
  display: flex;
  align-items: center;
}
.overview .overview__table-icon svg {
  margin-left: 8px;
}
.overview .overview__table-icon svg path {
  fill: #959898;
}
.overview .overview__table-icon--replies {
  margin-bottom: -1px;
}
.overview .overview__table-icon--views {
  width: 16px;
  height: 16px;
}
.overview .overview__unread-by-team {
  display: flex;
  color: #13ad68;
}
.overview .overview__table-user .overview__table-last-action-by-user-date,
.overview .overview__table-last-action-by-user .overview__table-last-action-by-user-date {
  white-space: nowrap;
}
.overview .overview__table-user .flex-center,
.overview .overview__table-last-action-by-user .flex-center {
  display: flex;
  align-items: center;
}
.overview .overview__table-user .avatar,
.overview .overview__table-last-action-by-user .avatar {
  margin-bottom: auto;
  margin-right: 8px;
  margin-top: auto;
  margin-left: 6px;
  min-width: 16px;
}
.overview .overview__table-user a,
.overview .overview__table-last-action-by-user a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview .overview__spam-post-content a {
  color: #0369e9 !important;
  margin-left: 4px;
  white-space: nowrap;
}
.overview .overview__spam-post-content a:hover {
  text-decoration: underline !important;
}
.overview .title-input {
  width: 50%;
}

.overview_table-action-elements {
  display: flex;
}
.overview_table-action-elements [class^=button-control__] > div {
  display: flex;
  align-items: center;
}
.overview_table-action-elements button:not(:last-child) {
  margin-right: 8px;
}

.overview-select-columns-modal__column {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 16px;
}
.overview-select-columns-modal__column:not(:last-child) {
  border-bottom: 1px solid #d5d9de;
}
.overview-select-columns-modal__column label {
  margin-bottom: 0;
  margin-right: 16px;
}
.overview-select-columns-modal__column span {
  padding: 12px;
  font-size: 14px;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #c7c7c7;
}

.overview__columns-container .control-modal-body {
  max-height: 60vh;
  padding: 0 16px;
  overflow: scroll;
}
.overview__columns-container .control-modal-footer {
  border-top: 1px solid #d5d9de;
  padding: 16px;
}

.overview-bulk-actions {
  display: flex;
  margin-left: auto;
}
.overview-bulk-actions [class^=button-control__] > div {
  display: flex;
  align-items: center;
}

.bulk-actions-assign-moderator-buttons {
  border-bottom: 1px;
  border-bottom-color: #d5d9de;
  border-bottom-style: solid;
  margin-bottom: 8px;
}

.overview__views-container .control-modal-body .form-group {
  margin-bottom: 0;
}
.overview__views-container .custom-view-name-input--update {
  margin-left: 20px;
}
.overview__views-container .radio-inline {
  width: 100%;
  margin-bottom: 8px;
}
.overview__views-container .radio-inline,
.overview__views-container .radio-inline + .radio-inline {
  margin-left: 0;
}
.overview__views-container .radio-inline input[type=radio] {
  position: initial;
  margin-right: 8px;
}
.overview__views-container .tooltip-message {
  top: 32px;
  width: 240px;
}
.overview__views-container .save-view {
  margin-right: 0;
}
.overview__views-container .control-modal-overlay {
  z-index: 8001;
}

.control-pagination {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.control-pagination .control-pagination--info {
  display: flex;
  font-weight: 700;
  margin-right: 16px;
}
.control-pagination .control-pagination--info .tooltip-container {
  font-weight: 400;
  margin-left: 8px;
}
.control-pagination .control-pagination--pager-item {
  padding: 0 8px;
}
.control-pagination .control-pagination--pager-item:nth-of-type(5) {
  margin-right: 8px;
}
.control-pagination .control-pagination--pager-item svg path {
  fill: #0369e9;
}
.control-pagination .control-pagination--pager-item svg path:hover {
  fill: #034aa3;
}
.control-pagination .control-pagination--pager-item a {
  color: #0369e9;
}
.control-pagination .control-pagination--pager-item.chevron {
  padding: 0 8px;
  display: inline-grid;
}
.control-pagination .control-pagination--pager-item.disabled a {
  color: #959898;
  text-decoration: none;
}
.control-pagination .control-pagination--pager-item.disabled svg path {
  fill: #959898;
}
.control-pagination .control-pagination--current-page {
  width: 40px;
  height: 32px;
  margin: 0 8px;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
}
.control-pagination .control-pagination--current-page.invalid {
  border: 2px solid #f75d4f;
}
.control-pagination .control-pagination--page-selector {
  width: 100%;
  padding: 2px 8px;
}
.control-pagination .control-pagination--page-selector div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.control-pagination .control-pagination--page-selector svg {
  margin-left: 8px;
  transition: transform 0.2s ease-in-out;
}
.control-pagination .control-pagination--page-selector svg path {
  fill: #828080;
}

.preact-pill-container {
  display: flex;
}
.preact-pill-container .preact-pill {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 12px;
  max-width: 400px;
  margin-right: 8px;
  padding: 8px;
  align-items: center;
}
.preact-pill-container .preact-pill-new {
  display: flex;
  max-width: 400px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  border-radius: 4px;
  padding: 12px;
  margin-right: 8px;
  align-items: center;
}
.preact-pill-container .preact-pill-new:hover, .preact-pill-container .preact-pill-new:focus {
  cursor: pointer;
  background-color: #f0f0f0;
}
.preact-pill-container .preact-pill:hover, .preact-pill-container .preact-pill:focus {
  background-color: #f0f0f0;
}

.pinned-reply__label {
  align-items: center;
  color: var(--config--main-color-brand);
  display: flex;
}
.pinned-reply__label svg {
  margin-right: 8px;
}
.pinned-reply__label svg path {
  fill: var(--config--main-color-brand);
}

.point-system-container .point-system-rules .section-body {
  padding-bottom: 0;
}
.point-system-container .point-system-rules .activity-row {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
}
.point-system-container .point-system-rules .activity-row.validation-error {
  margin-bottom: 32px;
  position: relative;
}
.point-system-container .point-system-rules .activity-row .section-switch {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 0;
}
.point-system-container .point-system-rules .activity-row .section-switch .panel-switch-label {
  display: flex;
}
.point-system-container .point-system-rules .activity-row .section-switch .panel-switch-label-link {
  color: #0369e9;
}
.point-system-container .point-system-rules .activity-row .form-group {
  display: inherit;
  width: 72px;
  margin-bottom: 0;
}
.point-system-container .point-system-rules .activity-row .form-group .form-control {
  font-size: 14px;
}
.point-system-container .point-system-rules .activity-row .form-group input {
  border-radius: 4px;
  height: 40px;
  width: 72px;
  padding: 10px 12px;
}
.point-system-container .point-system-rules .activity-row .form-group input.validation-error {
  border: 1px solid #f75d4f;
}
.point-system-container .point-system-rules .activity-row .form-group div.validation-error {
  position: absolute;
  bottom: -23.6px;
  left: 2px;
  width: max-content;
  line-height: 150%;
  color: #f75d4f;
}
.point-system-container .point-system-rules .activity-row .activity-description-left {
  padding-right: 8px;
}
.point-system-container .point-system-rules .activity-row .activity-description-right {
  padding-left: 8px;
}
.point-system-container .point-system-timezone-container .point-system-timezone-description {
  font-size: 14px;
  padding-bottom: 16px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .timezone-selector-placeholder,
.point-system-container .point-system-timezone-container .timezone-selector-container .timezone-selector-label {
  font-size: 14px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .timezone-selector-label {
  margin-bottom: 4px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .control-dropdown__list--adjust {
  width: 480px;
  height: 300px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 24px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .control-dropdown__list--adjust .control-dropdown__item--primary {
  font-size: 14px;
  padding: 12px 20px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .control-dropdown__list--adjust .control-dropdown__item--primary:hover {
  background-color: #f6f6f6;
  color: #25313b;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .control-dropdown__list .dropdown-searchbox {
  margin: 8px 20px;
  border-radius: 4px;
}
.point-system-container .point-system-timezone-container .timezone-selector-container .control-dropdown__list .dropdown-searchbox #searchbox {
  height: 40px;
  font-size: 14px;
}
.point-system-container .point-system-timezone-container .form-group {
  text-align: left;
}
.point-system-container .point-system-leaderboard-page-setting .point-system-leaderboard-page-setting-description {
  font-size: 14px;
  padding-bottom: 16px;
}
.point-system-container .point-system-leaderboard-page-setting .point-system-leaderboard-page-setting-description .link {
  color: #25313b;
  text-decoration: underline;
}
.point-system-container .point-system-leaderboard-page-setting .user-roles-open-button:focus {
  box-shadow: none;
}
.point-system-container .point-system-leaderboard-page-setting .user-roles-open-button div > div {
  display: flex;
  align-items: center;
}
.point-system-container .point-system-leaderboard-page-setting .user-roles-open-button .dropdown-placeholder-text {
  width: 100%;
  text-align: left;
  font-weight: 400;
}
.point-system-container .point-system-leaderboard-page-setting .user-role-selector-label {
  font-size: 14px;
  margin-bottom: 4px;
}
.point-system-container .point-system-leaderboard-page-setting .user-role-selector-button {
  height: 40px;
  width: 400px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container {
  position: relative;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box {
  position: absolute;
  width: 400px;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  margin-top: 4px;
  padding: 8px 0;
  z-index: 4;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-filter,
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header,
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back {
  cursor: pointer;
  padding: 12px 16px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-filter:hover {
  background: #f5f7f9;
  color: #25313b;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header {
  cursor: default;
  font-weight: 700;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back {
  display: flex;
  align-items: center;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back:hover {
  background: #f5f7f9;
  color: #25313b;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back div {
  font-weight: 700;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back svg {
  margin-right: 8px;
  margin-left: -4px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-header-back svg path {
  fill: #959898;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content {
  max-height: 450px;
  overflow: auto;
  font-size: 14px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .select-all {
  color: #0369e9;
  padding: 12px 16px 0 16px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .select-all:hover {
  cursor: pointer;
  text-decoration: underline;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .control-search-box {
  margin: 8px 16px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .control-search-box svg {
  width: 36px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .control-search-box svg path {
  fill: #828080;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content-no-results {
  padding: 12px 16px;
  text-align: center;
  color: #828080;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .loader {
  height: 40px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .loader .icon-loading-animation {
  top: 122px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.overview__filters-box-filter-title {
  cursor: default;
  font-size: 12px;
  color: #3c4a57;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.overview__filters-box-filter-title:hover {
  background-color: #fff;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group {
  margin-bottom: 0;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group label {
  cursor: pointer;
  font-weight: 400;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group label div {
  display: flex;
  align-items: center;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group label div .avatar {
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group input[type=checkbox], .point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-box-filter.form-group input[type=radio] {
  margin-right: 12px;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-data-input label {
  font-weight: 400;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-content .overview__filters-data-input input {
  box-shadow: none;
  margin: 0 8px 0 40px;
  border-radius: 4px;
  width: 80px;
  order: -1;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box hr {
  margin: 0;
  border-color: #e8e8e8;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box hr.separator {
  margin: 8px 0;
}
.point-system-container .point-system-leaderboard-page-setting .overview__filters-box-container .overview__filters-box .overview__filters-box-buttons {
  padding: 12px 16px 4px;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 16px;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box form {
  display: flex;
  align-items: center;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box svg:first-child {
  margin-right: 8px;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box svg:first-child path {
  fill: #25313b;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box input {
  height: auto;
  padding: 0;
  width: 474px;
  min-width: 200px;
  border: none;
}
.point-system-container .point-system-leaderboard-page-setting .control-search-box svg:last-child:hover {
  cursor: pointer;
}
.point-system-container .section-wrapper {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  margin-bottom: 16px;
}
.point-system-container .section-header,
.point-system-container .section-body {
  padding: 16px 24px;
}
.point-system-container .section-header {
  background-color: #f6f6f6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #d5d9de;
}
.point-system-container .section-header .section-header-title {
  font-weight: 700;
  font-size: 16px;
}

.timezone-selector-wrapper span.error {
  display: inline-block;
  margin-bottom: 8px;
  clear: left;
  color: #f75d4f;
}
.timezone-selector-wrapper button .timezone-selector {
  text-align: left;
  height: 40px;
  width: 480px;
  padding: 10px 12px;
  border-radius: 4px;
  float: left;
  font-size: 14px;
}
.timezone-selector-wrapper button .timezone-selector:hover {
  border-color: #0369e9;
  color: #0369e9;
  background-color: #fff;
}
.timezone-selector-wrapper button .timezone-selector:hover svg path {
  fill: #0369e9;
}
.timezone-selector-wrapper button .timezone-selector.validation-error {
  border: 1px solid #f75d4f;
}
.timezone-selector-wrapper button .timezone-selector.no-timezone-selected-message {
  color: #828080;
}
.timezone-selector-wrapper button .timezone-selector .selected {
  display: flex;
  margin-right: 20px;
}
.timezone-selector-wrapper button .timezone-selector .selected .truncated {
  align-self: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timezone-selector-wrapper button .timezone-selector svg {
  min-width: 16px;
  margin-left: auto;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.timezone-selector-wrapper button .timezone-selector svg path {
  fill: #828080;
}
.timezone-selector-wrapper button .timezone-selector span.error {
  display: inline-block;
  margin-bottom: 8px;
  clear: left;
  color: #f75d4f;
}

user-mention {
  position: relative;
  color: var(--config--main-color-brand);
}

.popup-component {
  position: absolute;
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 13px;
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  color: var(--config--main-color-night);
  margin: 5px;
  width: 400px;
  top: 100%;
  line-height: 1.5;
}

.private-message-tooltip {
  float: right;
  position: relative;
  cursor: pointer;
}
.private-message-tooltip .text--meta {
  float: right;
}
.private-message-tooltip .alert-danger {
  position: absolute;
  right: 0;
  margin-right: 20px;
  max-width: 300px;
  padding: 0.5em;
  z-index: 1;
}
.private-message-tooltip .tooltip-container {
  padding-bottom: 4px;
}
.private-message-tooltip .tooltip-container .tooltip-message {
  box-shadow: 0px -2px 16px -5px rgba(0, 0, 0, 0.75);
  background-color: #fff;
  color: var(--config--main-color-alert);
  padding: 8px 16px;
  line-height: var(--config--main-font-base-lineheight);
  font-size: 12px;
  right: -32px;
  min-width: 100px;
  white-space: nowrap;
}
.private-message-tooltip .tooltip-message:before {
  bottom: 100%;
  right: 32px;
  border: 6px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  margin-left: 9px;
}

.product-updates-overview {
  display: flex;
  flex-direction: column;
}
.product-updates-overview .load-more-container.back-to-top-button {
  margin-bottom: 16px;
}
.product-updates-overview .product-updates-list-header {
  margin-bottom: 16px;
}
.product-updates-overview .product-updates-list-header h3 {
  font-size: 16px;
}
.product-updates-overview .product-updates-list-header + .product-update-view {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .product-updates-overview .product-updates-list-header {
    padding: 0 16px;
  }
}

.product-update-view {
  position: relative;
  margin-bottom: 16px;
  max-width: 100%;
  width: 100%;
  margin-top: 40px;
}
.product-update-view:hover .product-update-view_info-title {
  color: var(--config--main-color-brand);
}
.product-update-view .product-update-view_feature-image {
  width: 100%;
  border-top-right-radius: var(--config-card-border-radius);
  border-top-left-radius: var(--config-card-border-radius);
}
.product-update-view .product-update-view_info {
  padding: 24px;
}
@media (max-width: 767px) {
  .product-update-view .product-update-view_info {
    padding: 16px;
  }
}
.product-update-view .product-update-view_info .product-update-view_info--metadata .pill {
  margin-right: 8px;
}
.product-update-view .product-update-view_info .product-update-view_info-title {
  margin-top: 8px;
}
.product-update-view .product-update-view_info .product-update-view_info-title a {
  color: inherit;
}
.product-update-view .product-update-view_info .product-update-view_info-content {
  margin-top: 8px;
}
.product-update-view .product-update-view_info .product-update-view_product-areas {
  margin-top: 16px;
}
.product-update-view .topic-view_footer-items {
  display: flex;
  column-gap: 24px;
  position: relative;
  z-index: 1;
  padding: 0;
  margin-bottom: 0;
}
.product-update-view .topic-view_footer-items .post__action-item {
  margin-right: 0;
}

.product-update-url,
.product-update-url:hover {
  color: var(--config--main-color-night);
}

.product-area-item {
  color: var(--config-card-text-color);
  margin: 0 4px;
}

.text--dot-underline {
  border-bottom: 1px dashed var(--config--main-border-base-color);
}

.twig_page-product-update-overview .post:hover .post__footer-wrapper .post-footer-item,
.twig_page-product-update .post:hover .post__footer-wrapper .post-footer-item {
  color: var(--config--main-color-brand);
}
.twig_page-product-update-overview .post-footer-item.active,
.twig_page-product-update .post-footer-item.active {
  color: var(--config--main-color-brand);
}
.twig_page-product-update-overview .list--stats-bar .list__item strong,
.twig_page-product-update .list--stats-bar .list__item strong {
  margin-right: 4px;
}
.twig_page-product-update-overview .tooltip-container .tooltip-message.product-updates_subscribe-btn--message,
.twig_page-product-update .tooltip-container .tooltip-message.product-updates_subscribe-btn--message {
  background-color: #fff;
  color: var(--config--main-color-night);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid var(--config--main-border-base-color);
  top: calc(100% + 2px);
  min-width: 200px;
  right: 0;
  font-size: 12px;
}
@media (max-width: 449px) {
  .twig_page-product-update-overview .list--stats-bar,
  .twig_page-product-update .list--stats-bar {
    justify-content: flex-start;
  }
  .twig_page-product-update-overview .list--stats-bar strong,
  .twig_page-product-update .list--stats-bar strong {
    text-align: left;
  }
}

.category-product-meta {
  display: flex;
  column-gap: 4px;
}

.popup-component {
  font-size: 14px;
}
.popup-component .tabs {
  display: none;
}
.popup-component table,
.popup-component table td {
  border: none;
  background-color: #fff;
}
.popup-component .link--user:not(.rank--underlined) {
  text-decoration: none;
}
.popup-component .tabs--active {
  display: block;
}
.popup-component .tabs--navigation .tabs__item {
  list-style: none;
  font-size: 16px;
  margin-right: 16px;
}
.popup-component .tabs--navigation .tabs__item:first-child {
  margin-left: 0;
}
.popup-component .tabs__btn {
  color: var(--config--main-color-night);
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0;
  font-size: 16px;
  line-height: 2;
  outline: 0;
}
.popup-component .tabs__btn:not(.tabs__btn--active):hover {
  color: var(--config--main-color-brand);
}
.popup-component .tabs__btn:hover {
  text-decoration: none;
  cursor: pointer;
}
.popup-component .tabs__btn--active {
  border-bottom: 2px solid var(--config--main-color-brand);
}
.popup-component .avatar-variant-0 {
  background-color: #98e7b1;
  color: #FFF;
}
.popup-component .avatar-variant-1 {
  background-color: #bfe8e4;
  color: #FFF;
}
.popup-component .avatar-variant-2 {
  background-color: #feccab;
  color: #FFF;
}
.popup-component .avatar-variant-3 {
  background-color: #ffcee0;
  color: #FFF;
}
.popup-component .avatar-variant-4 {
  background-color: #ff98bd;
  color: #FFF;
}
.popup-component .avatar-variant-5 {
  background-color: #96d1f3;
  color: #FFF;
}
.popup-component .avatar-variant-6 {
  background-color: #9adbd5;
  color: #FFF;
}
.popup-component .avatar-variant-7 {
  background-color: #feccab;
  color: #FFF;
}
.popup-component .avatar-variant-8 {
  background-color: #e2d4cf;
  color: #FFF;
}
.popup-component .avatar-variant-9 {
  background-color: #d5f5db;
  color: #FFF;
}
.popup-component .avatar .profilelabel {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  text-align: center;
}
.popup-component .avatar .profilelabel img {
  width: 100%;
  height: 100%;
  border: none;
}
.popup-component .default-avatar {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
}
.popup-component .avatar .profilepicture {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.popup-component .avatar .profilepicture img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  border: none;
}

#page--topic-moderation .post--content .popup-component table,
#page--topic-moderation .post--content .popup-component table td {
  border: none;
  background-color: #fff;
}

.public-tag-container {
  line-height: 100%;
  margin-bottom: 8px;
}
.public-tag-container .public-tag-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  flex-wrap: wrap;
  padding: 4px;
}
.public-tag-container .public-tag-wrapper input[type=text] {
  border: none;
  padding: 0 0 6px 0;
}
.public-tag-container .public-tag-wrapper .public-tag_selected-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  padding: 8px;
  margin: 4px;
  cursor: pointer;
  word-break: break-word;
}
.public-tag-container .public-tag-wrapper .public-tag_selected-tag:hover {
  color: var(--config--main-color-brand);
}
.public-tag-container .public-tag-wrapper .public-ai-tag {
  --border-width: 1px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  border: 0;
}
.public-tag-container .public-tag-wrapper .public-ai-tag::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: conic-gradient(from 90deg, #32b4e0, #b26fea, #b26fea, #b26fea, #fa8977, #b46de9, #b46de9, #b46de9, #32b4e0, #32b4e0);
  border-radius: 4px;
}
.public-tag-container .public-tag-wrapper .public-tag_selected-remove-button {
  padding-left: 7px;
  display: flex;
}
.public-tag-container .public-tag-wrapper .public-tag-input-wrapper {
  flex: auto;
  margin: 4px;
}
.public-tag-container .public-tag-wrapper .public-tag-input-wrapper input {
  padding: 0;
}
.public-tag-container .public-tag-edit-wrapper {
  margin-bottom: 10px;
}
.public-tag-container .public-tag-list-container {
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  box-sizing: border-box;
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 9px);
  left: -1px;
  width: 283px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  z-index: 7000;
  max-height: 240px;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .public-tag-container .public-tag-list-container {
    width: 100%;
  }
}
.public-tag-container .public-tag-list-container ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.public-tag-container .public-tag-list-container .public-ai-tag-list-separator {
  border: 1px solid var(--config--main-border-base-color);
}
.public-tag-container .public-tag-list-container .ai-suggested-tag-header {
  font-weight: 700;
  padding-left: 8px;
}
.public-tag-container .public-tag-list-container .public-ai-tag {
  padding: 4px;
}
.public-tag-container .public-tag-list-container .public-ai-tag-list-item {
  display: grid;
  grid-template-columns: 20px auto;
  word-break: break-word;
  align-items: center;
  list-style: none;
  cursor: pointer;
  padding: 16px 16px 8px 16px;
}
.public-tag-container .public-tag-list-container .public-tag-list-item {
  list-style: none;
  cursor: pointer;
  padding: 8px 16px;
  line-height: 150%;
  display: grid;
  grid-template-columns: auto 65px;
  word-break: break-word;
  width: 100%;
}
.public-tag-container .public-tag-list-container .public-tag-list-item:hover {
  color: var(--config--main-color-brand);
}
.public-tag-container .public-tag-list-container .public-tag-list-item.existing-tag {
  cursor: auto;
  color: var(--config-meta-text-color);
}
.public-tag-container .public-tag-list-container .public-tag-list-item.existing-tag:hover {
  color: var(--config-meta-text-color);
}
.public-tag-container .public-tag-list-container .public-tag-list-item .usage-count {
  justify-self: end;
}
.public-tag-container .public-tag-list-container .public-tag-list-item em {
  font-style: normal;
  font-weight: bold;
}
.public-tag-container .public-tag-list-container .public-tag-list-item.highlight-selected-option {
  color: var(--config--main-color-brand);
}
.public-tag-container .public-tag-list-container .public-tag_not-found {
  list-style: none;
  padding: 8px 16px;
  color: var(--config-meta-text-color);
  word-break: break-word;
  line-height: 150%;
}
.public-tag-container .public-tag-suggestions-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.public-tag-container .public-tag-suggestions-container .suggested-public-tag {
  color: #2B3346;
  background: none;
  margin: 8px 4px 0;
  padding: 8px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.public-tag-container .public-tag-suggestions-container .suggested-public-tag:hover {
  color: var(--config--main-color-brand);
}

.public-tag-edit-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.public-tag-edit-buttons .btn--cancel {
  margin: 0 8px;
  height: 32.5px;
}

.quicklinks-wrapper {
  padding: 0 16px;
}
@media (min-width: 1025px) {
  .widget-container--container-2-1-column_1 .quicklinks-wrapper, .homepage-widget-container--container-2-1-column_2 .quicklinks-wrapper {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .widget-container--container-2-1-column_1 .quicklinks-wrapper, .homepage-widget-container--container-2-1-column_2 .quicklinks-wrapper {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .widget-container--container-2-1-column_1 .quicklinks-wrapper, .homepage-widget-container--container-2-1-column_2 .quicklinks-wrapper {
    padding: 0 16px;
  }
}
.widget-container--container-2-1-column_1 .quicklinks-wrapper .col, .homepage-widget-container--container-2-1-column_2 .quicklinks-wrapper .col {
  padding: 0;
}

.quicklink__container,
.quicklink__container--knowledgeBase {
  list-style: none;
  padding: 0;
  display: grid;
  column-gap: min(16px, 1.6%);
  row-gap: 16px;
  grid-template-columns: repeat(60, 1fr);
}
.quicklink__container .featured-topic .quicklink__title,
.quicklink__container--knowledgeBase .featured-topic .quicklink__title {
  grid-gap: 4px;
}
@media (max-width: 767px) {
  .quicklink__container .featured-topic .quicklink__title,
  .quicklink__container--knowledgeBase .featured-topic .quicklink__title {
    padding: 8px 16px 16px;
  }
}
@media (max-width: 449px) {
  .quicklink__container.quicklink__container.horizontally-scrollable,
  .quicklink__container--knowledgeBase.quicklink__container.horizontally-scrollable {
    overflow-x: auto;
    grid-auto-flow: column;
    grid-template-columns: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 20px;
    justify-content: inherit;
  }
  .quicklink__container.quicklink__container.vertically-stacked,
  .quicklink__container--knowledgeBase.quicklink__container.vertically-stacked {
    overflow-x: hidden;
    grid-auto-flow: unset;
    grid-template-columns: repeat(12, 1fr);
    scroll-snap-type: unset;
    scroll-padding: unset;
    justify-content: inherit;
  }
}
.quicklink__container .quicklink__url,
.quicklink__container--knowledgeBase .quicklink__url {
  color: var(--config--main-color-night);
}
.quicklink__container .quicklink__url .quicklink__title:only-child,
.quicklink__container--knowledgeBase .quicklink__url .quicklink__title:only-child {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .quicklink__container .quicklink__url .quicklink__title:only-child,
  .quicklink__container--knowledgeBase .quicklink__url .quicklink__title:only-child {
    margin-top: 8px;
  }
}
.quicklink__container .quicklink__url:focus,
.quicklink__container--knowledgeBase .quicklink__url:focus {
  outline: none;
}
.quicklink__container .quicklink__url:focus:focus:focus-visible .card-widget-title,
.quicklink__container--knowledgeBase .quicklink__url:focus:focus:focus-visible .card-widget-title {
  color: var(--config--main-color-brand);
  outline: 2px solid var(--config--main-color-brand);
}

@media (max-width: 767px) {
  .quicklink__container--knowledgeBase .featured-topic .quicklink__title {
    grid-gap: 0;
  }
  .quicklink__container--knowledgeBase .featured-topic .quicklink__title > * {
    margin: 0;
  }
  .quicklink__container--knowledgeBase .featured-topic .quicklink__title .text--meta {
    display: none;
  }
}
.quicklink__container--knowledgeBase .btn-edit {
  width: 80px;
  text-align: center;
}

.quicklink__container > * {
  overflow: hidden;
  grid-column: auto/span calc(60 / var(--cards-per-row));
}
@media (max-width: 1024px) {
  .quicklink__container > * {
    grid-column: auto/span 30;
  }
}
@media (max-width: 767px) {
  .quicklink__container > * {
    grid-column: auto/span 60;
  }
}
@media (max-width: 449px) {
  .quicklink__container > * {
    min-height: 0;
    justify-content: center;
    align-items: center;
    min-width: 250px;
  }
  .quicklink__container > *:only-child {
    width: 100%;
    grid-column: auto/span 60;
  }
}

.quicklink__container--knowledgeBase > * {
  overflow: hidden;
  grid-column: auto/span calc(60 / var(--cards-per-row));
}
@media (min-width: 450px) {
  .quicklink__container--knowledgeBase > * {
    grid-column: auto/span 30;
  }
}
@media (min-width: 1025px) {
  .widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > *, .homepage-widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > * {
    width: 100%;
    grid-column: auto/span 60;
    margin-left: 0;
    margin-right: 0;
  }
  .widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > *:first-child, .homepage-widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > *:first-child {
    margin-top: 0;
  }
}
.widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > * .quicklink__title > h3, .homepage-widget-container--container-2-1-column_2 .quicklink__container--knowledgeBase > * .quicklink__title > h3 {
  font-size: 16px;
}
@media (max-width: 449px) {
  .quicklink__container--knowledgeBase > * {
    grid-column: auto/span 30;
  }
}

.quicklink__box {
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 767px) {
  .quicklink__box:only-child {
    width: 100%;
    grid-column: auto/span 60;
  }
}

.has-border {
  border: 1px solid var(--config--main-border-base-color);
}
.has-border:hover {
  border: 1px solid transparent;
}

body > .hoverable .quicklink__url {
  color: var(--config--main-color-night);
}
body > .hoverable .quicklink__box {
  list-style-type: none;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
  display: grid;
  height: 100%;
}
body > .hoverable .hover .btn {
  display: block;
  margin: 5px;
  width: 30%;
}

.padding__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.quicklink__icon, .padding__icon {
  height: 72px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .quicklink__icon, .padding__icon {
    margin-top: 16px;
  }
}
@media (max-width: 449px) {
  .quicklink__icon, .padding__icon {
    height: 60px;
    margin-top: 15px;
  }
}

.quicklink__hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.quicklink__hero:not(.padding__icon) + .quicklink__title {
  margin-top: 4px;
}
.quicklink__hero.padding__icon {
  background-size: auto 72px;
}
@media (max-width: 449px) {
  .quicklink__hero.padding__icon {
    background-size: auto 60px;
  }
}

.quicklink__hero:not(.padding__icon) {
  height: 136px;
}

.quicklink__title {
  padding: 8px 24px 16px;
  overflow: hidden;
}

.quicklink__title > h3 {
  padding: 0 0 8px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .quicklink__title > h3 {
    font-size: 16px;
  }
}

.quicklink__caret {
  margin: 0 0 0 5px;
}

.quick-link-manager {
  display: flex;
  flex-direction: column;
}
.quick-link-manager .quick-link-manager_add-new-button {
  height: 84px;
  width: 100%;
  font-weight: 500;
  margin-bottom: 16px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.quick-link-manager .react-modal {
  max-height: 95%;
  overflow-y: auto;
}
.quick-link-manager .quick-link-modal {
  width: 620px;
}
.quick-link-manager .quick-link-modal :first-child {
  margin-top: 0;
}
.quick-link-manager .quick-link-modal img.preview {
  display: block;
  margin: 0.5em 0;
  max-width: 300px;
  max-height: 300px;
  border: 1px solid grey;
  padding: 1px;
}
.quick-link-manager .quick-link-modal .preview {
  display: flex;
}
.quick-link-manager .quick-link-modal .preview .img-container img {
  display: block;
  margin: 0.5em 0;
  max-width: 300px;
  max-height: 300px;
  border: 1px solid grey;
  padding: 1px;
}
.quick-link-manager .quick-link-modal .preview .buttons-container {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.quick-link-manager .quick-link-modal .preview .buttons-container button.btn {
  margin: 0.5em;
}
.quick-link-manager .quick-link-modal .title {
  font-weight: bold;
  font-size: 1.2em;
}
.quick-link-manager .quick-link-modal button.btn.btn-primary {
  margin-top: 1em;
}
.quick-link-manager .quick-link-modal .uploader {
  margin-bottom: 12px;
}
.quick-link-manager .quick-link-modal .uploader label {
  display: block;
  margin: 0;
}
.quick-link-manager .quick-link-modal .uploader img.preview {
  max-width: 100%;
}
.quick-link-manager .quick-link-modal .uploader input[type=file] {
  display: none;
}
.quick-link-manager .react-modal-container .react-modal {
  width: auto;
  min-width: 570px;
  max-width: 1024px;
}
.quick-link-manager .hoverable > li {
  height: 100%;
  display: grid;
  overflow: hidden;
}
.quick-link-manager .hoverable .hover .btn {
  margin: 5px;
  min-width: 80px;
  padding: 8px 16px;
  box-shadow: none;
}

.quick-links-manager__add-quick-link-upload-image-check {
  flex-shrink: 0;
}

.quick-links-manager__add-quick-link-upload-image-error {
  color: var(--config--main-color-alert);
  font-size: 14px;
  font-weight: 400;
}

.quick-links-manager__add-quick-link-image-cropper-actions-use {
  margin-left: auto;
  margin-right: 0;
}

.quick-links-manager__add-quick-link-image-cropper-title {
  margin-bottom: 20px;
}

.quick-links-manager__add-quick-link-image-cropper-actions {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.quick-links-manager__add-quick-link-upload-image-body {
  display: flex;
  align-items: center;
  column-gap: 16px;
  margin-bottom: 4px;
}
.quick-links-manager__add-quick-link-upload-image-body button {
  flex-shrink: 0;
  margin-right: 0;
}

.quick-links-manager__add-quick-link-upload-image-preview {
  object-fit: contain;
}

.quick-links-manager__add-quick-link-upload-image-filename {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.quick-links-manager__add-quick-link-card-style .radio-group {
  display: flex;
  column-gap: 16px;
}
.quick-links-manager__add-quick-link-card-style .radio-inline {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  text-align: center;
}

.quick_links_common_settings_title {
  margin-bottom: 4px;
  display: flex;
}

.quick-links-manager__add-quick-link-container {
  margin-bottom: 0;
}

.quick-links-manager__add-quick-link-form {
  background-color: #f3f7fb;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
}

.widget-configurator .widget-configurator__controls .form-group.quick-links-manager__add-quick-link-input-group {
  margin-top: 0;
  margin-bottom: 12px;
}

.widget-configurator .widget-configurator__controls label.quick-links-manager__add-quick-link-upload-image-label {
  cursor: pointer;
}

.quick-links-manager__add-quick-link-upload-image-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.quick-links-manager__add-quick-link-btn {
  width: 100%;
  background-color: #f3f7fb;
  font-size: 14px;
  padding: 32px 8px;
  height: auto;
  font-family: var(--config--main-font-base-stack);
  font-weight: 500;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.quick-link-manager_list {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 16px;
}

.quick-link-manager_item {
  height: 84px;
  width: 100%;
  color: #181f26;
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  padding: 8px;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  box-sizing: border-box;
  user-select: none;
}
.quick-link-manager_item.quick-link-manager_item--is-deleting {
  background: #fcbeb9;
  border: 1px solid #dc3626;
  padding-left: 32px;
}

.quick-link-manager_dragging-item {
  z-index: 9999;
}

.quick-link-manager_item_icon {
  height: 100%;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.quick-link-manager_item_icon .quick-links-manager-drag-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: grab;
}
.quick-link-manager_item_icon .quick-links-manager-drag-handle:active {
  cursor: grabbing;
}

.quick-link-manager_item_style-image {
  height: auto;
  width: 52px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quick-link-manager_item_title {
  height: auto;
  width: auto;
  display: block;
  flex-shrink: 1;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.quick-link-manager_item--is-deleting .quick-link-manager_item_title {
  white-space: normal;
}

.quick-link-manager_item_button-container {
  height: 100%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}

.quick-link-manager_item_button {
  width: 32px;
  height: 32px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  cursor: pointer;
}
.quick-link-manager_item_button:hover {
  border: 1px solid #0069FF;
}
.quick-link-manager_item_button.quick-link-manager_item_button--delete:hover {
  border: 1px solid #dc3626;
}

.hoverable {
  position: relative;
}
.hoverable .hover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-content: center;
  background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 449px) {
  .widget__heading {
    font-size: 16px;
  }
}

.knowledgeBase__categoriesAmount {
  font-weight: 500;
  color: var(--config--main-color-brand);
}

.widget-configurator .quick-link-manager .switcher,
.homepage-widget-configurator .quick-link-manager .switcher {
  margin-top: 0;
  width: auto;
  padding: 0;
}
.widget-configurator .quick-link-manager .control-switcher,
.homepage-widget-configurator .quick-link-manager .control-switcher {
  margin: 2px 0 2px 2px;
}
.widget-configurator .quick-link-manager .form-group:first-child,
.homepage-widget-configurator .quick-link-manager .form-group:first-child {
  margin-top: 0;
}
.widget-configurator .quicklink__box,
.homepage-widget-configurator .quicklink__box {
  margin-right: 0;
}
.widget-configurator .quick-links__border,
.homepage-widget-configurator .quick-links__border {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.widget-configurator .quicklink__container .hoverable:first-child,
.homepage-widget-configurator .quicklink__container .hoverable:first-child {
  margin-top: 0;
}
.widget-configurator .quicklink__container .hoverable:last-child,
.homepage-widget-configurator .quicklink__container .hoverable:last-child {
  margin-bottom: 16px;
}
.widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title {
  width: auto;
}
.widget-configurator .widget-configurator__controls .article-creator__sidebar--checkbox label,
.widget-configurator .homepage-widget-configurator__controls .article-creator__sidebar--checkbox label,
.homepage-widget-configurator .widget-configurator__controls .article-creator__sidebar--checkbox label,
.homepage-widget-configurator .homepage-widget-configurator__controls .article-creator__sidebar--checkbox label {
  font-weight: normal;
}
.widget-configurator .widget-configurator__controls .form-group input.form-control,
.widget-configurator .homepage-widget-configurator__controls .form-group input.form-control,
.homepage-widget-configurator .widget-configurator__controls .form-group input.form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group input.form-control {
  margin-top: 4px;
}
.widget-configurator .widget-configurator__controls .input-group.input-group,
.widget-configurator .homepage-widget-configurator__controls .input-group.input-group,
.homepage-widget-configurator .widget-configurator__controls .input-group.input-group,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group.input-group {
  width: auto;
  margin-top: 0;
}
.widget-configurator .widget-configurator__controls .input-group .form-control.form-control,
.widget-configurator .homepage-widget-configurator__controls .input-group .form-control.form-control,
.homepage-widget-configurator .widget-configurator__controls .input-group .form-control.form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group .form-control.form-control {
  width: 40px;
  padding-right: 0;
  padding-left: 16px;
  max-width: 100%;
  border-radius: 4px;
}
.widget-configurator .widget-configurator__controls .input-group .input-group-addon.input-group-addon,
.widget-configurator .homepage-widget-configurator__controls .input-group .input-group-addon.input-group-addon,
.homepage-widget-configurator .widget-configurator__controls .input-group .input-group-addon.input-group-addon,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group .input-group-addon.input-group-addon {
  border: 0;
  padding-right: 0;
  padding-left: 8px;
}
.widget-configurator .widget-configurator__controls .quick-links__border-radius,
.widget-configurator .homepage-widget-configurator__controls .quick-links__border-radius,
.homepage-widget-configurator .widget-configurator__controls .quick-links__border-radius,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick-links__border-radius {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.widget-configurator .widget-configurator__controls .quick-links__border-radius .input-group .form-control.form-control,
.widget-configurator .homepage-widget-configurator__controls .quick-links__border-radius .input-group .form-control.form-control,
.homepage-widget-configurator .widget-configurator__controls .quick-links__border-radius .input-group .form-control.form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick-links__border-radius .input-group .form-control.form-control {
  padding-left: 4px;
}
.widget-configurator .widget-configurator__controls .react-modal_close-button-container,
.widget-configurator .homepage-widget-configurator__controls .react-modal_close-button-container,
.homepage-widget-configurator .widget-configurator__controls .react-modal_close-button-container,
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal_close-button-container {
  top: 28px;
  right: 28px;
}
.widget-configurator .widget-configurator__controls .react-modal_close-button-container input[type=radio],
.widget-configurator .homepage-widget-configurator__controls .react-modal_close-button-container input[type=radio],
.homepage-widget-configurator .widget-configurator__controls .react-modal_close-button-container input[type=radio],
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal_close-button-container input[type=radio] {
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.widget-configurator .widget-configurator__controls .react-modal i.react-modal_close-button,
.widget-configurator .homepage-widget-configurator__controls .react-modal i.react-modal_close-button,
.homepage-widget-configurator .widget-configurator__controls .react-modal i.react-modal_close-button,
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal i.react-modal_close-button {
  font-size: 18px;
}
.widget-configurator .widget-configurator__controls .react-modal h3,
.widget-configurator .homepage-widget-configurator__controls .react-modal h3,
.homepage-widget-configurator .widget-configurator__controls .react-modal h3,
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.widget-configurator .widget-configurator__controls .react-modal .quick-link-modal .form-group:nth-child(2),
.widget-configurator .homepage-widget-configurator__controls .react-modal .quick-link-modal .form-group:nth-child(2),
.homepage-widget-configurator .widget-configurator__controls .react-modal .quick-link-modal .form-group:nth-child(2),
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal .quick-link-modal .form-group:nth-child(2) {
  margin-top: 16px;
}
.widget-configurator .article-creator__sidebar--checkbox,
.homepage-widget-configurator .article-creator__sidebar--checkbox {
  margin-bottom: 11px;
}
.widget-configurator .article-creator__sidebar--checkbox:nth-child(2),
.homepage-widget-configurator .article-creator__sidebar--checkbox:nth-child(2) {
  margin-top: -8px;
}
.widget-configurator .article-creator__sidebar--checkbox input[type=checkbox],
.homepage-widget-configurator .article-creator__sidebar--checkbox input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}

.quick-link-layout-configuration {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.quick-link-layout-configuration .quick-links-cards-per-row-dropdown,
.quick-link-layout-configuration .quick-links-mobile-layout-dropdown {
  display: flex;
  flex-direction: column;
}
.quick-link-layout-configuration .quick-links-cards-per-row-dropdown label,
.quick-link-layout-configuration .quick-links-mobile-layout-dropdown label {
  display: flex;
  margin-bottom: 4px;
}
.quick-link-layout-configuration .quick-links-cards-per-row-dropdown .button-control-new > *,
.quick-link-layout-configuration .quick-links-mobile-layout-dropdown .button-control-new > * {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.widget--related-topics .related-topics__topic {
  display: flex;
  flex-direction: column;
}

.control-search-box form {
  display: flex;
}
.control-search-box input {
  min-width: 208px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-right: none;
  border-radius: 2px 0 0 2px;
}
.control-search-box button {
  border-radius: 0 2px 2px 0;
}

@media (max-width: 1024px) {
  .instant-search-wrapper {
    margin: 0 16px;
  }
}
@media (max-width: 449px) {
  .instant-search-wrapper {
    margin: 0 16px;
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .instant-search-wrapper {
    margin: 0 10px;
  }
}
.instant-search-wrapper .instant-search__filters-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
}
.instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill {
  display: flex;
  align-items: center;
  background-color: var(--config--main-color-brand);
  margin-right: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #fff;
}
.instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill .instant-search__filter-count {
  background-color: #fff;
  color: var(--config--main-color-brand);
  width: 21px;
  text-align: center;
  border-radius: 50%;
  margin-left: 4px;
}
.instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill .instant-search__filter-dismiss {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 4px;
}
.instant-search-wrapper .instant-search__filters-list .instant-search__filter-link {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.instant-search-wrapper .thread-list-item--index-label {
  color: #3c4a57;
}
.instant-search-wrapper .list__items--topic-count {
  font-weight: 600;
  font-size: 16px;
  color: var(--config-header-color);
}
@media (max-width: 449px) {
  .instant-search-wrapper .list__items--topic-count {
    font-size: 14px;
  }
}
.instant-search-wrapper .input-wrapper .pre-icon-wrapper {
  border-right: none;
  width: 56px;
}
@media (max-width: 449px) {
  .instant-search-wrapper .input-wrapper .pre-icon-wrapper {
    width: 52px;
  }
}
.instant-search-wrapper .input-wrapper .pre-icon-wrapper + .input-group {
  border-radius: 4px;
  font-size: 16px;
  height: auto;
  line-height: 1.5;
  padding: 14px 24px 16px 56px;
}
@media (max-width: 449px) {
  .instant-search-wrapper .input-wrapper .pre-icon-wrapper + .input-group {
    padding: 11px 8px 14px 52px;
    font-size: 14px;
  }
}
.instant-search-wrapper .instant-search-loader_pagination {
  text-align: center;
  margin-top: 24px;
}
.instant-search-wrapper .instant-search-loader_pagination img {
  width: 20px;
  height: 20px;
}
.instant-search-wrapper .search-topic-list-wrapper {
  padding-left: 0;
  padding-right: 0;
  width: calc(100% - (358px + 16px));
}
@media (max-width: 1025px) {
  .instant-search-wrapper .search-topic-list-wrapper {
    width: 100%;
  }
}
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
.instant-search-wrapper .search-topic-list-wrapper .topic-view {
  margin-top: 8px;
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
}
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item:first-child,
.instant-search-wrapper .search-topic-list-wrapper .topic-view:first-child {
  margin-top: 16px;
}
@media (max-width: 449px) {
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item:first-child,
  .instant-search-wrapper .search-topic-list-wrapper .topic-view:first-child {
    margin-top: 8px;
  }
}
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item .pill,
.instant-search-wrapper .search-topic-list-wrapper .topic-view .pill {
  margin-right: 5px;
  font-weight: normal;
}
@media (max-width: 1025px) {
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
  .instant-search-wrapper .search-topic-list-wrapper .topic-view {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin: 0 -16px 8px;
  }
}
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated {
  padding: 20px;
}
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__title,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__content,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__title,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__content,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__title,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__content,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__title,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__content,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__title,
.instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__content {
  margin-top: 8px;
}
@media (max-width: 449px) {
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk,
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar,
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk,
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce,
  .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated {
    padding: 16px;
  }
}
.instant-search-wrapper .search-topic-list-wrapper .event-item-detail-container .event-item__title {
  font-size: 16px;
}
.instant-search-wrapper .search-topic-list-wrapper .event-item-detail-container .event-item__location {
  font-size: 14px;
}
.instant-search-wrapper .thread-list-block-empty-status {
  background-color: #fff;
  border-top: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  margin-top: 16px;
}
@media (max-width: 449px) {
  .instant-search-wrapper .thread-list-block-empty-status {
    margin-top: 8px;
  }
}
@media (max-width: 1024px) {
  .instant-search-wrapper .thread-list-block-empty-status {
    border-left: 1px solid var(--config--main-border-base-color);
    border-right: 1px solid var(--config--main-border-base-color);
  }
}
@media (max-width: 768px) {
  .instant-search-wrapper .thread-list-block-empty-status {
    border-radius: 0;
    margin-left: -16px;
    width: calc(100% + 32px);
    border-left: none;
    border-right: none;
  }
}
.instant-search-wrapper .instant-search-input-wrapper {
  position: relative;
}
@media (max-width: 1025px) {
  .instant-search-wrapper .instant-search-input-wrapper {
    float: left;
    width: calc(100% - 64px);
    margin-bottom: 16px;
  }
}
.instant-search-wrapper .instant-search-input-wrapper .opacity {
  opacity: 0;
}
.instant-search-wrapper .instant-search-input-wrapper .instant-search-loader {
  display: inline-block !important;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
}
.instant-search-wrapper .instant-search-input-wrapper .instant-search-loader img {
  width: 100%;
  height: 100%;
}
@media (max-width: 449px) {
  .instant-search-wrapper .instant-search-input-wrapper svg {
    width: 16px;
    height: 16px;
  }
}

.instant-search__filter {
  display: none;
}
.searchbox .instant-search__filter {
  align-self: center;
}
@media (max-width: 1025px) {
  .searchbox .instant-search__filter {
    width: 48px;
    height: 48px;
  }
}
.header-navigation .instant-search__filter {
  align-self: center;
}
@media (max-width: 1025px) {
  .header-navigation .instant-search__filter {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1025px) {
  .instant-search__filter {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid var(--config--main-border-base-color);
    margin-left: 8px;
  }
}
@media (max-width: 449px) {
  .instant-search__filter {
    width: 48px;
    height: 48px;
  }
}

.search-and-filter-wrapper {
  display: flex;
}
.search-and-filter-wrapper > span {
  display: flex;
  flex-grow: 1;
  height: 48px;
}
.search-and-filter-wrapper > span > * {
  width: 100%;
}
.search-and-filter-wrapper > span .algolia-search-container {
  width: 100%;
}
.search-and-filter-wrapper > span .algolia-search-container.algolia-search-container--empty-input {
  padding-bottom: 16px;
}

.searchbox .instant-search__results-wrapper,
.header-navigation .instant-search__results-wrapper,
.instant-search-wrapper .instant-search__results-wrapper {
  clear: both;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 24px;
}
.searchbox .instant-search__results-wrapper-filter,
.header-navigation .instant-search__results-wrapper-filter,
.instant-search-wrapper .instant-search__results-wrapper-filter {
  width: 358px;
  margin-right: 16px;
}
@media (max-width: 1025px) {
  .searchbox .instant-search__results-wrapper-filter,
  .header-navigation .instant-search__results-wrapper-filter,
  .instant-search-wrapper .instant-search__results-wrapper-filter {
    position: fixed;
    background: #fff;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    width: calc(100% + 2px);
    margin: 0 1px -1px -1px;
    padding: 0 16px;
  }
  .searchbox .instant-search__results-wrapper-filter::before,
  .header-navigation .instant-search__results-wrapper-filter::before,
  .instant-search-wrapper .instant-search__results-wrapper-filter::before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -40px;
    left: 0;
    height: 40px;
    width: 100%;
  }
  .searchbox .instant-search__results-wrapper-filter > div,
  .header-navigation .instant-search__results-wrapper-filter > div,
  .instant-search-wrapper .instant-search__results-wrapper-filter > div {
    margin-bottom: 16px;
  }
  .searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper,
  .header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper,
  .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper {
    display: none;
  }
}
@media (max-width: 1025px) and (max-width: 1025px) {
  .searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper,
  .header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper,
  .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper {
    display: block;
    position: absolute;
    bottom: 0;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
    width: 100%;
    margin-bottom: 0;
    margin-left: -16px;
    background: #fff;
  }
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters {
  color: var(--config--main-color-night);
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters fieldset,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters fieldset,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters fieldset {
  border: none;
  padding: 0;
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter {
  padding: 0;
  margin-bottom: 24px;
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__idea-status li,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__product-area li,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .product-area-filter__product-areas-list li,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__idea-status li,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__product-area li,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .product-area-filter__product-areas-list li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__idea-status li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__product-area li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .product-area-filter__product-areas-list li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__idea-status li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__product-area li,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .product-area-filter__product-areas-list li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__idea-status li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__product-area li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .product-area-filter__product-areas-list li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__idea-status li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__product-area li,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .product-area-filter__product-areas-list li {
  line-height: var(--config--main-font-base-lineheight);
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading {
  font-size: 16px;
  font-family: var(--config-sidebar-widget-font-family);
  font-weight: var(--config-sidebar-widget-font-weight);
  padding-bottom: 12px;
  margin-bottom: 0;
  color: var(--config-header-color);
}
@media (max-width: 767px) {
  .searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
  .searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading,
  .header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
  .header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading,
  .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
  .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading {
    padding-bottom: 12px;
  }
}
@media (max-width: 1025px) {
  .searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters,
  .header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters,
  .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters {
    overflow: scroll;
    height: calc(100vh - 190px);
    margin: 0;
  }
}
.searchbox .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .instant-search__filter-no-results,
.header-navigation .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .instant-search__filter-no-results,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .instant-search__filter-no-results {
  font-size: 16px;
  margin-top: 16px;
}
.searchbox .instant-search__results-wrapper-filter .instant-search__filter-title,
.header-navigation .instant-search__results-wrapper-filter .instant-search__filter-title,
.instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__filter-title {
  color: var(--config-header-color);
  font-weight: 600;
  font-size: 16px;
}
.searchbox .instant-search__results-wrapper-filter-show-more,
.header-navigation .instant-search__results-wrapper-filter-show-more,
.instant-search-wrapper .instant-search__results-wrapper-filter-show-more {
  width: calc(100% - 32px);
  margin-left: 16px;
  height: 48px;
  font-size: 16px;
}
@media (max-width: 1025px) {
  .searchbox .instant-search__results-wrapper-filter--hide,
  .header-navigation .instant-search__results-wrapper-filter--hide,
  .instant-search-wrapper .instant-search__results-wrapper-filter--hide {
    display: none;
  }
}
.searchbox .instant-search__results-wrapper-filter-header,
.header-navigation .instant-search__results-wrapper-filter-header,
.instant-search-wrapper .instant-search__results-wrapper-filter-header {
  display: none;
  color: var(--config--main-color-night);
}
@media (max-width: 1025px) {
  .searchbox .instant-search__results-wrapper-filter-header,
  .header-navigation .instant-search__results-wrapper-filter-header,
  .instant-search-wrapper .instant-search__results-wrapper-filter-header {
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #d5d9de;
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}
.searchbox .instant-search__results-wrapper-filter-header-heading,
.header-navigation .instant-search__results-wrapper-filter-header-heading,
.instant-search-wrapper .instant-search__results-wrapper-filter-header-heading {
  font-weight: 600;
}
.searchbox .instant-search__results-wrapper-filter-header-btn,
.header-navigation .instant-search__results-wrapper-filter-header-btn,
.instant-search-wrapper .instant-search__results-wrapper-filter-header-btn {
  font-size: 16px;
  padding: 0;
  color: #3c4a57;
  background: none;
  border: none;
  margin: 0;
}

.forum--instant-search {
  /** Filters */
}
.forum--instant-search .instant-search__filter {
  display: none;
}
@media (max-width: 1025px) {
  .forum--instant-search .instant-search__filter {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid var(--config--main-border-base-color);
    margin-left: 8px;
  }
}
@media (max-width: 449px) {
  .forum--instant-search .instant-search__filter {
    width: 48px;
    height: 48px;
  }
}
.forum--instant-search .instant-search__results-count {
  padding: 0 6px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  color: #3c4a57;
}
.forum--instant-search .instant-search__category-filter {
  width: 358px;
}
@media (max-width: 768px) {
  .forum--instant-search .instant-search__category-filter {
    width: 100%;
  }
}
.forum--instant-search .instant-search__category-filter .instant-search-filter__closed,
.forum--instant-search .instant-search__category-filter .instant-search-filter__open {
  margin-left: 4px;
  color: #3c4a57;
  position: relative;
  top: 4px;
}
.forum--instant-search .instant-search__category-filter ul {
  padding: 0;
  margin-top: 8px;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item {
  list-style: none;
  padding: 6px 16px;
  padding-left: 0;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item a {
  color: unset;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item label {
  font-weight: normal;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item .instant-search__results-count {
  margin-left: 8px;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item .instant-search__filter-list-item {
  padding-left: 16px;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item .instant-search__filter-list-item .refined {
  font-weight: 600;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item .bold {
  font-weight: 600;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item--hide {
  display: none;
}
.forum--instant-search .instant-search__category-filter .instant-search__filter-list-item--showMore {
  cursor: pointer;
  color: #3c4a57;
  padding-left: 0;
  font-size: 16px;
}
.forum--instant-search .instant-search__category-filter .instant-search-filter__label-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  cursor: pointer;
}
.forum--instant-search .instant-search__category-filter .instant-search-filter__label-wrapper .refined {
  color: var(--config--main-color-brand);
}
.forum--instant-search .instant-search__category-filter .instant-search__category-filter {
  margin-bottom: 0;
}

.instant-search__sidebar {
  width: 30%;
  margin-right: 24px;
}

.instant-search-tags-filter .public-tags {
  margin-top: 8px;
}

.instant-search__topic-type-filter,
.instant-search__category-filter,
.instant-search__source-type-filter {
  margin-bottom: 24px;
}
.instant-search__topic-type-filter ul,
.instant-search__category-filter ul,
.instant-search__source-type-filter ul {
  padding: 0;
  margin: 8px 0 0 4px;
}
.instant-search__topic-type-filter .instant-search__filter-list-item,
.instant-search__category-filter .instant-search__filter-list-item,
.instant-search__source-type-filter .instant-search__filter-list-item {
  list-style: none;
  padding: 6px 16px;
  padding-left: 0;
}
.instant-search__topic-type-filter .instant-search__filter-list-item label,
.instant-search__category-filter .instant-search__filter-list-item label,
.instant-search__source-type-filter .instant-search__filter-list-item label {
  font-weight: normal;
  cursor: pointer;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.instant-search__topic-type-filter .instant-search__filter-list-item .instant-search__results-count,
.instant-search__category-filter .instant-search__filter-list-item .instant-search__results-count,
.instant-search__source-type-filter .instant-search__filter-list-item .instant-search__results-count {
  margin-left: 8px;
}
.instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper,
.instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper,
.instant-search__source-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper .topic-type-checkbox,
.instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper .topic-type-checkbox,
.instant-search__source-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper .topic-type-checkbox {
  margin-right: 12px;
  width: 16px;
  height: 16px;
}
.instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined label,
.instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined label,
.instant-search__source-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined label {
  color: var(--config--main-color-brand);
  font-weight: 600;
}

.instant-search__topic-type-filter,
.instant-search__category-filter {
  margin-bottom: 24px;
}

.algolia-search-container.algolia-search-container--open-popup {
  padding: 16px 16px;
  background: #fff;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 20vw);
  max-width: 1140px;
  top: 10%;
  z-index: 1030;
  border-radius: 3px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.25s, transform 0.25s;
  opacity: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .algolia-search-container.algolia-search-container--open-popup {
    max-width: none;
    width: auto;
    left: 0;
    right: 0;
    transform: none;
    top: 0;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

.algolia-search-container__close-button {
  position: absolute;
  right: 4px;
  top: 8px;
  padding: 8px;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.algolia-search-container.search-popup-transition-enter {
  opacity: 0;
  transform: translateX(-50%) translateY(30px);
}
@media (max-width: 768px) {
  .algolia-search-container.search-popup-transition-enter {
    transform: none;
  }
}

.algolia-search-container.search-popup-transition-enter.search-popup-transition-enter-active {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
  .algolia-search-container.search-popup-transition-enter.search-popup-transition-enter-active {
    transform: none;
  }
}

.algolia-search-container.search-popup-transition-leave {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
  .algolia-search-container.search-popup-transition-leave {
    transform: none;
  }
}

.algolia-search-container.search-popup-transition-leave.search-popup-transition-leave-active {
  opacity: 0;
  transform: translateX(-50%) translateY(30px);
}
@media (max-width: 768px) {
  .algolia-search-container.search-popup-transition-leave.search-popup-transition-leave-active {
    transform: none;
  }
}

.algolia-search-container__body {
  margin: 0 -16px;
  max-height: 60vh;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .algolia-search-container__body {
    max-height: none;
    flex: 1;
  }
}

.algolia-search-container__footer {
  margin: 0 -16px -16px;
  padding: 8px 16px;
  border-top: 1px solid var(--config--main-border-base-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.algolia-search-container__footer-text {
  flex: 1;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 768px) {
  .algolia-search-container__footer-text {
    display: none;
  }
}

.algolia-answer-container {
  margin: 0 16px;
}

.search-backdrop-transition-enter {
  opacity: 0.01;
  transition: opacity 0.25s;
}

.search-backdrop-transition-enter.search-backdrop-transition-enter-active {
  opacity: 0.02;
}

.search-backdrop-transition-leave {
  opacity: 0.02;
  transition: opacity 0.25s;
}

.search-backdrop-transition-leave.search-backdrop-transition-leave-active {
  opacity: 0.01;
}

.search-revamp .instant-search-wrapper {
  /** Filters */
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter {
  width: 358px;
  margin-right: 24px;
  border-right: 1px solid var(--config--main-border-base-color);
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index {
  border-radius: 8px;
  border: 1px solid var(--config--main-border-base-color);
  background-color: var(--config-card-background-color);
  align-self: flex-start;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index:not(.instant-search__results-wrapper-filter--hide) {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index {
    padding: 0;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-header {
  margin: 0;
  padding: 16px;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-header {
    width: 100%;
    justify-content: unset;
    gap: 16px;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-header .close-icon {
    order: 2;
    display: inline-flex;
    cursor: pointer;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-header-heading {
    order: 0;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-header-btn-wrapper {
    order: 1;
    flex: 1;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .panel-body > .instant-search__topic-type-filter,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .panel-body > .instant-search__category-filter {
  margin-bottom: 6px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .panel-body > .instant-search__topic-type-filter > ul,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .panel-body > .instant-search__category-filter > ul {
  padding: 0;
  margin: 0;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search-filter__label-wrapper .topic-creator__sidebar--checkbox .topic-type-checkbox {
  margin-right: 8px;
  margin-left: 0;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__category-filter .instant-search-filter__closed,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__category-filter .instant-search-filter__open {
  margin-left: 2px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__topic-type-filter {
  margin-bottom: 12px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filters {
  margin-top: 0;
  height: unset;
  flex: 1;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filters .instant-search__results-wrapper-filter-section {
  padding: 6px 0;
  border-top: 1px solid var(--config--main-border-base-color);
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filters .divider {
  display: none;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filters {
    overflow: auto;
  }
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter.unified-index .instant-search__results-wrapper-filter-show-more-wrapper {
    position: unset;
    margin: 0;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter:not(.unified-index) .instant-search__results-wrapper-filters .panel-new > * {
  padding-left: 0;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter {
    position: fixed;
    background: #fff;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    width: calc(100% + 2px);
    margin: 0 1px -1px -1px;
    padding: 0 16px;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter::before {
    content: "";
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -40px;
    left: 0;
    height: 40px;
    width: 100%;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter > div {
    margin-bottom: 16px;
  }
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper {
    display: none;
  }
}
@media (max-width: 1025px) and (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filter-show-more-wrapper {
    display: block;
    position: absolute;
    bottom: 0;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
    width: 100%;
    margin-bottom: 0;
    margin-left: -16px;
    background: #fff;
    border-top: 1px solid var(--config--main-border-base-color);
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters {
  color: var(--config--main-color-night);
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter {
  padding: 0;
  margin-bottom: 24px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__idea-status li,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .ideation-filters__product-area li,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .ideation-filters .product-area-filter__product-areas-list li,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__idea-status li,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .ideation-filters__product-area li,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .product-area-filter .product-area-filter__product-areas-list li {
  line-height: var(--config--main-font-base-lineheight);
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading {
  font-size: 16px;
  font-family: var(--config-sidebar-widget-font-family);
  font-weight: var(--config-sidebar-widget-font-weight);
  padding-bottom: 12px;
  margin-bottom: 0;
  color: var(--config-header-color);
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget-title,
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .widget__heading {
    padding-bottom: 12px;
  }
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters {
    overflow: scroll;
    height: calc(100vh - 190px);
    margin: 0;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .instant-search__filter-no-results {
  font-size: 16px;
  margin-top: 16px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .panel-body.panel-body--collapsible > :last-child {
  margin-top: 0;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__results-wrapper-filters .divider {
  width: 100%;
  margin: 8px 0 8px auto;
  border-top: 1px solid var(--config--main-border-base-color);
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__filter-title {
  color: var(--config--main-color-night);
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .instant-search__filter-title svg {
  margin-right: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter .panel-body > .instant-search__category-filter > ul {
  margin: 0;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-show-more {
  width: calc(100% - 32px);
  margin-left: 16px;
  height: 48px;
  font-size: 16px;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter--hide {
    display: none;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header {
  color: var(--config--main-color-night);
  display: flex;
  justify-content: space-between;
  margin: 16px;
  margin-left: 0;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header {
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #d5d9de;
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header .close-icon {
  display: none;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header .close-icon {
    display: block;
  }
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header-btn {
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  color: var(--config--main-color-brand);
  background: none;
  border: none;
  margin: 0;
  cursor: pointer;
}
.search-revamp .instant-search-wrapper .instant-search__results-wrapper-filter-header-btn:disabled {
  display: none;
}
.search-revamp .instant-search-wrapper .instant-search-tags-filter .public-tags {
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter,
.search-revamp .instant-search-wrapper .instant-search__category-filter {
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter ul,
.search-revamp .instant-search-wrapper .instant-search__category-filter ul {
  padding: 0;
  margin: 8px 0 0 22px;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item {
  list-style: none;
  padding: 6px 0;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item label,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item label {
  font-weight: normal;
  cursor: pointer;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  color: #181f26;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item .instant-search__results-count,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search__results-count {
  margin-left: 8px;
  border: none;
  color: #5f6c7a;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper .topic-type-checkbox,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper .topic-type-checkbox {
  margin-right: 12px;
  width: 16px;
  height: 16px;
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined {
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .instant-search__topic-type-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined label,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search-filter__label-wrapper.refined label {
  color: inherit;
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .instant-search__results-count {
  padding: 0 6px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  color: #3c4a57;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter {
  width: unset;
}
@media (max-width: 768px) {
  .search-revamp .instant-search-wrapper .instant-search__category-filter {
    width: 100%;
  }
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search-filter__closed,
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search-filter__open {
  margin-left: 4px;
  margin-right: 11px;
  color: #3c4a57;
  position: relative;
  top: 1px;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search-filter__closed {
  transform: rotate(180deg);
}
.search-revamp .instant-search-wrapper .instant-search__category-filter ul {
  padding: 0;
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item {
  list-style: none;
  padding: 6px 0;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item label {
  font-weight: normal;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search__results-count {
  margin-left: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search__filter-list-item {
  padding-left: 16px;
  padding-right: 0;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .instant-search__filter-list-item .refined {
  font-weight: 600;
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item .bold {
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item--hide {
  display: none;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__filter-list-item--showMore {
  cursor: pointer;
  color: #3c4a57;
  padding-left: 0;
  font-size: 16px;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search-filter__label-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  cursor: pointer;
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search-filter__label-wrapper .refined {
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .instant-search__category-filter .instant-search__category-filter {
  margin-bottom: 0;
}
.search-revamp .instant-search-wrapper .event-details-container,
.search-revamp .instant-search-wrapper .event-content-container,
.search-revamp .instant-search-wrapper .event-attendees-container,
.search-revamp .instant-search-wrapper .event-featured-topics-container,
.search-revamp .instant-search-wrapper .event-featured-topics-error-container {
  margin-top: 24px;
  color: var(--config--main-color-night);
  background: #fff;
  border-radius: 4px;
  border: none;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-details-container,
  .search-revamp .instant-search-wrapper .event-content-container,
  .search-revamp .instant-search-wrapper .event-attendees-container,
  .search-revamp .instant-search-wrapper .event-featured-topics-container,
  .search-revamp .instant-search-wrapper .event-featured-topics-error-container {
    margin: 24px 16px 0 16px;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-details-container,
  .search-revamp .instant-search-wrapper .event-content-container,
  .search-revamp .instant-search-wrapper .event-attendees-container,
  .search-revamp .instant-search-wrapper .event-featured-topics-container,
  .search-revamp .instant-search-wrapper .event-featured-topics-error-container {
    border-radius: 0;
    margin: 16px 0 0 0;
    border-width: 1px 0;
  }
}
.search-revamp .instant-search-wrapper .event-header-container {
  margin-top: 0;
  display: grid;
  grid-template-columns: 1fr 600px;
  grid-template-areas: "event-title event-image";
  grid-template-rows: auto max-content;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-header-container {
    margin: 0 16px;
  }
}
.search-revamp .instant-search-wrapper .event-header-container .event-pill__type {
  background: var(--config--main-color-brand);
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 12px;
  top: calc(50% - 6px);
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .event-header-container .event__title {
  font-size: 24px;
}
.search-revamp .instant-search-wrapper .event-header-container .event__date {
  color: var(--config--main-color-brand);
  font-size: 16px;
  font-weight: 700;
}
.search-revamp .instant-search-wrapper .event-header-container .event__date.event__date_past {
  color: var(--config--main-color-dusk-dark);
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper {
  padding: 32px;
  grid-area: event-title;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-header__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-pill__past {
  background: var(--config--main-color-night);
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--event,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--event:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover {
  margin-top: 24px;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended:hover,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended:hover {
  color: var(--config--main-color-dusk-dark);
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: none;
  cursor: default;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending:hover {
  border: 1px solid var(--config--main-border-base-color);
  color: var(--config--main-color-brand);
  background-color: #fff;
  box-shadow: none;
  cursor: default;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .icon-checkmark {
  top: 5px;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__signed-up-text,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended-text {
  padding-left: 12px;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended-text {
  color: var(--config--main-color-dusk-dark);
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-attending-wrapper {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-attending-wrapper .event__edit-rsvp {
  padding-left: 16px;
}
.search-revamp .instant-search-wrapper .event-header-container .react-modal-container .react-modal {
  width: 560px;
}
.search-revamp .instant-search-wrapper .event-header-container .react-modal-container .react-modal .react-modal_close-button {
  top: 7px;
  font-size: 16px;
}
.search-revamp .instant-search-wrapper .event-header-container .edit-rsvp__form {
  margin-top: 26px;
}
.search-revamp .instant-search-wrapper .event-header-container .edit-rsvp__form .radio-inline {
  display: block;
  font-weight: normal;
}
.search-revamp .instant-search-wrapper .event-header-container .edit-rsvp__form .radio-inline input {
  margin-top: 1px;
  margin-right: 16px;
}
.search-revamp .instant-search-wrapper .event-header-container .edit-rsvp__form .radio-inline + .radio-inline {
  margin-top: 19px;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container {
  border: none;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-details__header_label {
  border-bottom: none;
  padding-left: 0;
  font-weight: 700;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-calendar-links {
  flex-direction: row;
  padding: 0;
  justify-content: space-between;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-body .event-details-container.events-add-to-calendar-container .event-calendar-links .event-calendar-link-label {
  padding-right: 8px;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-title {
  padding-bottom: 24px;
}
.search-revamp .instant-search-wrapper .event-header-container .event-calendar-row {
  display: flex;
  margin-bottom: 16px;
  margin-right: 8px;
  line-height: 1.5;
}
.search-revamp .instant-search-wrapper .event-header-container .event-calendar-icon-wrapper {
  margin-right: 8px;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-message {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--config--main-color-brand), 0.3);
  padding: 16px;
  background-color: rgba(var(--config--main-color-brand), 0.1);
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-message .post__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.search-revamp .instant-search-wrapper .event-header-container .confirmation-modal-button .btn--confirm {
  margin: 0;
}
.search-revamp .instant-search-wrapper .event-header-container .event__image {
  grid-area: event-image;
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search-revamp .instant-search-wrapper .event-header-container .event-cta-wrapper {
  display: flex;
  align-items: baseline;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-header-container {
    grid-template-columns: 1fr 450px;
    grid-template-areas: "event-title event-image";
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper {
    padding: 16px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper h2 {
    font-size: 20px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event__date {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-header-container {
    margin: 0;
    border-width: 1px 0;
    grid-template-areas: "event-image" "event-title";
    grid-template-columns: 1fr;
    grid-template-rows: 160px max-content;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-pill__type {
    margin-bottom: 8px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper {
    padding: 16px;
    justify-content: initial;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper h2 {
    font-size: 20px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-cta-wrapper,
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-attending-wrapper,
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-engagement-wrapper {
    width: 100%;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-attending-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event-attending-wrapper .event__attending {
    margin-bottom: 6px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--event,
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--event:hover {
    margin-top: 16px;
    width: 100%;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--confirm,
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .btn--confirm:hover {
    width: 100%;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__signed-up-text,
  .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended-text {
    padding-left: 10px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event__date {
    font-size: 14px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .react-modal-container .react-modal {
    width: 320px;
  }
  .search-revamp .instant-search-wrapper .event-header-container .event__image {
    height: 160px;
    border-radius: 0;
  }
}
.search-revamp .instant-search-wrapper .event-header-container-full-width {
  grid-template-columns: 1fr;
  grid-template-rows: max-content max-content;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-header-container-full-width {
    grid-template-areas: "event-title";
    grid-template-rows: max-content max-content;
  }
}
.search-revamp .instant-search-wrapper .event-body-container {
  display: grid;
  grid-template-columns: 1fr 307px;
  grid-template-areas: "event-content event-details";
  column-gap: 16px;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-body-container {
    grid-template-areas: "event-details" "event-content";
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-body-container {
    grid-template-areas: "event-details" "event-content";
    grid-template-columns: 1fr;
  }
}
.search-revamp .instant-search-wrapper .event-details-wrapper {
  grid-area: event-details;
}
.search-revamp .instant-search-wrapper .event-calendar-links {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.search-revamp .instant-search-wrapper .event-calendar-links .event-calendar-link {
  display: flex;
  justify-content: flex-start;
  height: 40px;
  padding-bottom: 16px;
}
.search-revamp .instant-search-wrapper .event-calendar-links .event-calendar-link .event-calendar-link-icon {
  height: 24px;
  width: 24px;
  object-fit: scale-down;
}
.search-revamp .instant-search-wrapper .event-calendar-links .event-calendar-link .event-calendar-link-label {
  height: 24px;
  padding-left: 8px;
  line-height: 24px;
}
.search-revamp .instant-search-wrapper .event-calendar-links .event-calendar-link:last-child {
  padding-bottom: 0;
  height: 24px;
}
.search-revamp .instant-search-wrapper .event-details-container {
  grid-template-rows: max-content max-content;
}
@media (min-width: 1025px) {
  .search-revamp .instant-search-wrapper .event-details-container {
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 0;
  border-bottom: none;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail-row:last-child {
  padding-bottom: 16px;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail__label {
  font-size: 14px;
  font-weight: 500;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail__google_calendar_link,
.search-revamp .instant-search-wrapper .event-details-container .event-detail__text {
  padding-top: 4px;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail-icon {
  text-align: center;
  margin: 17px 10px 0 17px;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail-info {
  margin: 16px 16px 0 0;
}
.search-revamp .instant-search-wrapper .event-details-container .event-detail__link {
  cursor: pointer;
  word-break: break-word;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-url {
  color: var(--config--main-button-base-font-color);
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row {
  padding: 16px;
  display: flex;
  flex-direction: row;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row .event-group-details {
  align-self: center;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row .event-group__title {
  font-size: 16px;
  font-weight: 700;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row .event-group__type {
  padding-top: 4px;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row .event-group-thumbnail {
  padding-right: 16px;
}
.search-revamp .instant-search-wrapper .event-details-container .event-group-detail-row .event-group-thumbnail__image {
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  height: 72px;
  width: 72px;
}
.search-revamp .instant-search-wrapper .event-content-wrapper {
  grid-area: event-content;
}
.search-revamp .instant-search-wrapper .event-content-container {
  grid-template-rows: max-content max-content;
}
@media (min-width: 1025px) {
  .search-revamp .instant-search-wrapper .event-content-container {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.search-revamp .instant-search-wrapper .event-content-container .event__content {
  padding: 16px;
  margin: 0;
}
.search-revamp .instant-search-wrapper .event-details__header_label,
.search-revamp .instant-search-wrapper .event-content__header_label,
.search-revamp .instant-search-wrapper .event-attendees__header_label,
.search-revamp .instant-search-wrapper .event-featured-topics__header_label {
  font-size: 14px;
  font-weight: 500;
  padding: 16px;
  line-height: 1.5;
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.search-revamp .instant-search-wrapper .event-overview-title {
  padding: 32px 0;
  font-size: 40px;
  color: var(--config-hero-color);
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-overview-title {
    font-size: 24px;
    padding: 16px 0;
  }
}
.search-revamp .instant-search-wrapper div.event-upcoming-wrapper {
  padding-bottom: 32px;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper div.event-upcoming-wrapper {
    padding: 0 16px 32px 16px;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper div.event-upcoming-wrapper {
    padding: 0 0 16px 0;
  }
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper div.event-past-wrapper {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper div.event-past-wrapper {
    padding: 0;
  }
}
.search-revamp .instant-search-wrapper .event-upcoming-header,
.search-revamp .instant-search-wrapper .event-past-header {
  font-size: 20px;
  color: var(--config-header-color);
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-upcoming-header,
  .search-revamp .instant-search-wrapper .event-past-header {
    padding-left: 16px;
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-upcoming-header,
  .search-revamp .instant-search-wrapper .event-past-header {
    padding-left: 16px;
  }
}
.search-revamp .instant-search-wrapper .pill.pill--article.event-pill__past {
  background: var(--config--main-color-night);
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .event-list-item-details-full-width,
  .search-revamp .instant-search-wrapper .event-list-item-container {
    margin: 8px 0;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-list-item-details-full-width,
  .search-revamp .instant-search-wrapper .event-list-item-container {
    margin: 8px 0;
    padding: 16px;
    border-radius: 0;
  }
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container {
  padding-left: 0 !important;
  border: none !important;
  margin-bottom: 32px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item-image-container {
  height: 100px;
  width: 200px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfbfc;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item-image-container .event-item__image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item-image-container .event-item__no-image {
  background: #fbfbfc;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item-image-container .event-item__no-image svg {
  width: 60%;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item__meta {
  flex-wrap: wrap;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container {
    flex-direction: column;
  }
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item-image-container {
    width: 100%;
  }
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view.event-list-item-container .event-item__meta {
    gap: 5px;
  }
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__date.event__date_past {
  color: var(--config--main-color-dusk-dark);
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-detail-item__type {
  width: fit-content;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 0;
  margin-bottom: 8px;
  color: var(--config-header-color);
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta {
  display: flex;
  align-items: center;
  color: #3c4a57;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .separator:after {
  display: flex;
  align-self: center;
  content: "●";
  font-size: 10px;
  margin-left: 8px;
  margin-right: 8px;
  color: var(--config-meta-text-color);
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .separator + .separator {
  display: none;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta > div:first-child.separator {
  display: none;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .event-item__type.pill {
  margin-right: 0 !important;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .event-item__attendees {
  display: flex;
  align-self: end;
  padding-top: 8px;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .event-item__date {
  text-transform: uppercase;
  color: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .event-item__location {
  font-size: 16px;
  color: inherit;
  display: flex;
  align-self: start;
  padding: 0;
}
.search-revamp .instant-search-wrapper .event-item-detail-container .event-item__meta .event-item__location svg {
  margin-right: 8px;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event-item-detail-container .event-item__date {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
  }
  .search-revamp .instant-search-wrapper .event-item-detail-container .event-item__location {
    font-size: 14px;
  }
  .search-revamp .instant-search-wrapper .event-item-detail-container .event-item__location .event-item__location_icon {
    margin-top: 1px;
  }
  .search-revamp .instant-search-wrapper .event-item-detail-container .event-item__title {
    font-size: 16px;
  }
}
.search-revamp .instant-search-wrapper .event-attendees__header_label {
  display: flex;
  justify-content: space-between;
}
.search-revamp .instant-search-wrapper .event__attendees {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
.search-revamp .instant-search-wrapper .event__attendees .attendee {
  display: grid;
  grid-template-columns: 40px auto;
  grid-column-gap: 16px;
  padding: 8px;
  width: 33%;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .event__attendees .attendee {
    width: 50%;
  }
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .event__attendees .attendee {
    width: 100%;
  }
}
.search-revamp .instant-search-wrapper .event__attendees .attendee .avatar .profilelabel img {
  height: 100%;
}
.search-revamp .instant-search-wrapper .event__attendees .attendee > * {
  align-self: center;
}
.search-revamp .instant-search-wrapper .event__attendees .no-attendees-placeholder {
  background: var(--config-body-background-color);
  flex-grow: 1;
  text-align: center;
  padding: 8px;
}
.search-revamp .instant-search-wrapper .event-item__attendees {
  display: flex;
  align-items: center;
}
.search-revamp .instant-search-wrapper .event-item__attendees > span {
  padding-left: 8px;
  font-size: 14px;
  color: var(--config-meta-text-color);
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .event-item__attendees > span.metadata-desktop {
    display: none;
  }
}
@media (min-width: 450px) {
  .search-revamp .instant-search-wrapper .event-item__attendees > span.metadata-mobile {
    display: none;
  }
}
.search-revamp .instant-search-wrapper .event-item__attendees > span.metadata-featured {
  display: none;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee {
  width: 22px;
  height: 24px;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee:nth-child(1) {
  z-index: 5;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee:nth-child(2) {
  z-index: 4;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee:nth-child(3) {
  z-index: 3;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee:nth-child(4) {
  z-index: 2;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee:nth-child(5) {
  z-index: 1;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee .avatar {
  width: 24px;
  height: 24px;
  left: -2px;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee .avatar .profilepicture {
  border: 1px solid #fff;
}
.search-revamp .instant-search-wrapper .event-item__attendees .event-item__attendee.self > svg {
  color: var(--config--main-color-brand);
  border: 1px solid #fff;
  border-radius: 100%;
}
.search-revamp .instant-search-wrapper .event-attendees-container > .show-more-attendees {
  font-weight: 400;
  margin: 0 16px 16px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-container .thread-list-item {
  border-top: none;
  border-right: none;
  border-left: none;
}
.search-revamp .instant-search-wrapper .event-featured-topics-container .thread-list-item:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-container .thread__content-type-pill {
  margin-right: 5px;
  vertical-align: top;
  font-weight: var(--config--main-font-base-weight);
}
.search-revamp .instant-search-wrapper .event-featured-topics-container .tooltip--thread-type {
  margin-left: 8px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-error-container {
  padding: 16px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended {
  margin-bottom: 18px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__header-label {
  margin-bottom: 8px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-row-gap: 10px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item {
  display: grid;
  grid-template-columns: 13.33px auto;
  grid-column-gap: 9.33px;
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item svg {
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .event-featured-topics-as-recommended .event-featured-topics-as-recommended__topics-list .topic-curation__item .topic-curation__item-link {
  line-height: 150%;
  letter-spacing: 0.0857px;
}
.search-revamp .instant-search-wrapper .events-overview .no-events {
  color: #2B3346;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 16px;
}
.search-revamp .instant-search-wrapper .all-results--section:not(:last-child) {
  margin-bottom: 32px;
}
.search-revamp .instant-search-wrapper .all-results--section:not(:last-child):after {
  content: "";
  display: block;
  height: 1px;
  background: #d5d9de;
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .all-results--section__header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
}
.search-revamp .instant-search-wrapper .all-results--section__title {
  font-size: 16px;
  font-weight: 700;
}
.search-revamp .instant-search-wrapper .all-results--section__actions .btn--view-all {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--config--main-color-brand-secondary);
  cursor: pointer;
  padding: 0;
}
.search-revamp .instant-search-wrapper .all-results--section__actions .btn--view-all svg {
  rotate: 90deg;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper > .topic-view,
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url {
  width: calc(50% - 6px);
  margin-top: 0;
  margin-bottom: 24px;
  overflow: hidden;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper > .topic-view,
  .search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url {
    width: 100%;
  }
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper > .topic-view:first-child,
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url:first-child {
  margin-top: 0;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url .topic-view {
  margin-top: 0;
}
@media (min-width: 768px) {
  .search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url .event-item-image-container {
    height: 50px;
    width: 100px;
  }
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-list-item__url .event-list-item-container {
  margin-bottom: 0;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .event-item__title {
  line-height: 18px;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .thread-list-block__content a {
  -webkit-line-clamp: 1;
  max-height: 1.6em;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .thread-list-block__content a {
    -webkit-line-clamp: 2;
    max-height: 3.6em;
  }
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .thread-list-block__title {
  margin-top: 2px;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .topic-view {
  padding-left: 56px;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .topic-view .topic-view_header-item .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.search-revamp .instant-search-wrapper .all-results--section__body .children-wrapper .thread-list-item {
  flex-direction: row;
  padding-left: 0;
}
.search-revamp .instant-search-wrapper .search-result {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid var(--config--main-border-base-color);
  background: var(--config-card-background-color);
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .search-result-icon {
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .search-result-icon.icon-calendarEvent {
  position: relative;
  top: 2px;
}
.search-revamp .instant-search-wrapper .search-result-icon.icon-questionV2 {
  position: relative;
  top: 1px;
}
.search-revamp .instant-search-wrapper .search-result-data {
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .search-result-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--config-header-color);
  line-height: 1.25;
  margin-bottom: 4px;
}
.search-revamp .instant-search-wrapper .search-result-title-post-icon {
  margin-left: 8px;
}
.search-revamp .instant-search-wrapper .search-result-title-post-icon::before {
  vertical-align: bottom;
}
.search-revamp .instant-search-wrapper .search-result-content {
  margin-top: 8px;
  display: flex;
  gap: 16px;
}
.search-revamp .instant-search-wrapper .search-result-content--text {
  color: var(--config--main-color-night);
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-revamp .instant-search-wrapper .search-result-content--featured-image {
  height: 42px;
  border-radius: 4px;
}
.search-revamp .instant-search-wrapper .search-result-meta {
  display: inline;
}
.search-revamp .instant-search-wrapper .search-result-meta--item {
  display: inline-block;
}
.search-revamp .instant-search-wrapper .search-result-meta--item:not(.pill) {
  color: var(--config-meta-text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.search-revamp .instant-search-wrapper .search-result-meta--item:not(.pill):not([href="#"]):hover {
  text-decoration: underline;
}
.search-revamp .instant-search-wrapper .search-result-meta--separator::after {
  display: inline-flex;
  align-self: center;
  content: "●";
  font-size: 10px;
  margin-left: 4px;
  margin-right: 4px;
  color: var(--config-meta-text-color);
}
.search-revamp .instant-search-wrapper .list__items--meta {
  display: flex;
  justify-content: space-between;
}
.search-revamp .instant-search-wrapper .list__items--topic-count {
  font-weight: 700;
  font-size: 14px;
  color: var(--config--main-color-night);
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .list__items--topic-count {
    font-size: 14px;
  }
}
.search-revamp .instant-search-wrapper .thread-list-block-empty-status {
  background-color: #fff;
  border-top: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  margin-top: 16px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .thread-list-block-empty-status {
    margin-top: 8px;
  }
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .thread-list-block-empty-status {
    border-left: 1px solid var(--config--main-border-base-color);
    border-right: 1px solid var(--config--main-border-base-color);
  }
}
@media (max-width: 768px) {
  .search-revamp .instant-search-wrapper .thread-list-block-empty-status {
    border-radius: 0;
    margin-left: -16px;
    width: calc(100% + 32px);
    border-left: none;
    border-right: none;
  }
}
.search-revamp .instant-search-wrapper .instant-search-loader_pagination {
  text-align: center;
  margin-top: 24px;
}
.search-revamp .instant-search-wrapper .instant-search-loader_pagination img {
  width: 20px;
  height: 20px;
}
.search-revamp .instant-search-wrapper .thread-list-item--index-label {
  color: #3c4a57;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated {
  display: flex;
  gap: 16px;
  border: none;
  padding: 0;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-item--icon,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-item--icon,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-item--icon,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-item--icon,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-item--icon {
  padding-top: 5px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-item--icon svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-item--icon svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-item--icon svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-item--icon svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-item--icon svg {
  color: #5f6c7a;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-item--details,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-item--details,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-item--details,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-item--details,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-item--details {
  display: flex;
  flex-direction: column;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__title,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__title,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__title,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__title,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__title {
  margin-top: 8px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__title-link,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__title-link,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__title-link,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__title-link,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__title-link {
  display: flex;
  align-items: center;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__title-link svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__title-link svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__title-link svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__title-link svg,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__title-link svg {
  margin-left: 4px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-block__content,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-block__content,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-block__content,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-block__content,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-block__content {
  margin-top: 0;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk .thread-list-item--index-label,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar .thread-list-item--index-label,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk .thread-list-item--index-label,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce .thread-list-item--index-label,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated .thread-list-item--index-label {
  display: none;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--freshdesk,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--skilljar,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--zendesk,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--salesforce,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item--federated {
    padding: 16px;
  }
}
.search-revamp .instant-search-wrapper .search-results-container.unified-index-enabled .smart-summary {
  margin-bottom: 16px;
  border: 1px solid var(--config--main-border-base-color);
  background-color: color-mix(in srgb, var(--config-input-focus-color) 10%, transparent);
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter {
  margin-top: 16px;
  margin-bottom: 0;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button {
  font-weight: normal;
  cursor: pointer;
  color: var(--config--main-color-night);
  background: #f5f7f9;
  border-radius: 40px;
  border: 1px solid var(--config--main-border-base-color);
  transition: background-color 0.2s;
  padding: 0;
  height: fit-content;
  position: relative;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button.hidden-in-desktop {
  display: none;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button.hidden-in-desktop {
    display: block;
  }
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button:hover {
  background: #e6e9ec;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button.refined {
  color: var(--config--main-color-brand);
  font-weight: 600;
  border-color: var(--config--main-color-brand);
  background-color: color-mix(in srgb, white 5%, var(--config--main-color-brand) 5%);
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button.refined:after {
  background-color: color-mix(in srgb, white 5%, var(--config--main-color-brand) 5%);
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button .label-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 6px 16px;
  min-height: 38px;
  font-size: 14px;
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .instant-search__filter-tab-button .label-container .all-results-icon {
  margin-right: 8px;
  margin-left: -4px;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .instant-search__filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 40px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container {
  position: relative;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container > button {
  min-height: 38px;
  cursor: pointer;
  background: #f5f7f9;
  border-radius: 40px;
  border: 1px solid var(--config--main-border-base-color);
  font-weight: 600;
  transition: background-color 0.2s;
  white-space: nowrap;
  padding: 6px 16px;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container > button:hover {
  background: #e6e9ec;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container > button .icon {
  transform: rotate(180deg);
  margin-left: 8px;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container ul {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 0px 0px 1px 0px rgba(52, 56, 58, 0.24), 0px 24px 56px 0px rgba(52, 56, 58, 0.16);
  position: absolute;
  right: 0;
  background-color: #fff;
  z-index: 10;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container ul .more-dropdown-item {
  padding: 8px 16px;
  color: #181f26;
  white-space: nowrap;
  cursor: pointer;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .dropdown-container ul .more-dropdown-item:hover {
  background: #f5f7f9;
}
.search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .more-container {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .more-container {
    display: none;
  }
  .search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .instant-search__filter-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scrollbar-width: none;
  }
  .search-revamp .instant-search-wrapper .instant-search__source-type-filter .responsive-container .instant-search__filter-list::-webkit-scrollbar {
    display: none;
  }
}
.search-revamp .instant-search-wrapper .smart-summary {
  background-color: #f5f7f9;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 8px;
  padding: 24px;
  margin-top: 12px;
  position: relative;
}
.search-revamp .instant-search-wrapper .smart-summary .heading {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--config-header-color);
}
.search-revamp .instant-search-wrapper .smart-summary .row {
  display: flex;
  gap: 8px;
}
.search-revamp .instant-search-wrapper .smart-summary .html-content {
  line-height: 24px;
}
.search-revamp .instant-search-wrapper .smart-summary .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  background-color: #fff;
}
.search-revamp .instant-search-wrapper .smart-summary .generate-answer {
  display: flex;
  align-items: baseline;
  margin-top: -5px;
}
.search-revamp .instant-search-wrapper .smart-summary .generate-answer .btn-generate {
  font-weight: 700;
  margin-left: 16px;
}
.search-revamp .instant-search-wrapper .smart-summary .btn-generate {
  padding: 8px 16px;
  border-radius: 50px;
  background-color: var(--config--main-color-brand);
  color: #fff;
  border: none;
  cursor: pointer;
}
.search-revamp .instant-search-wrapper .smart-summary .btn-generate:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.search-revamp .instant-search-wrapper .smart-summary .loader .content {
  flex: 1;
}
.search-revamp .instant-search-wrapper .smart-summary .loader .generating-text {
  color: #181f26;
  font-style: italic;
  line-height: 24px;
}
.search-revamp .instant-search-wrapper .smart-summary .loader .skeleton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 12px;
  margin-bottom: 8px;
}
.search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line {
  height: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #d5d9de;
  position: relative;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line-1 {
  width: 260px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line-1 {
    width: 60%;
  }
}
.search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line-2 {
  width: 400px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line-2 {
    width: 100%;
  }
}
.search-revamp .instant-search-wrapper .smart-summary .loader .skeleton .line::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite linear;
  content: "";
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.search-revamp .instant-search-wrapper .smart-summary .sources {
  margin-top: 24px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal {
  z-index: 3000;
  border-radius: 8px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-overlay {
  z-index: 2000;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-header {
  padding-bottom: 12px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .topic-view:not(.thread-list-item--federated) {
  padding-left: 45px;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .topic-view:not(.thread-list-item--federated) {
    padding: 0;
  }
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .topic-view.thread-list-item--federated {
  padding-left: 0;
  display: flex;
  gap: 16px;
  border: none;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .topic-view .avatar {
  width: 32px;
  height: 32px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .topic-view .thread-list-item--icon {
  margin-left: 6px;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal-body .search-result {
  margin-top: 0;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .control-modal .control-header-close {
  cursor: pointer;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-heading {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(52, 56, 58, 0.24), 0px 2px 4px 0px rgba(52, 56, 58, 0.06);
  background-color: #fff;
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source {
    flex-basis: 100% !important;
  }
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source {
    flex: unset;
    flex-basis: calc(50% - 8px);
  }
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source .icon {
  color: #5f6c7a;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source .avatar {
  flex-shrink: 0;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list .source .title {
  line-height: normal;
  color: #181f26;
}
.search-revamp .instant-search-wrapper .smart-summary .sources .source-list .show-more-sources {
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(52, 56, 58, 0.24), 0px 2px 4px 0px rgba(52, 56, 58, 0.06);
  background-color: #fff;
  border: none;
  cursor: pointer;
  padding: 12px 36px;
}
.search-revamp .instant-search-wrapper .smart-summary .feedback:not(:empty) {
  margin-top: 24px;
}
.search-revamp .instant-search-wrapper .ai-answers-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-revamp .instant-search-wrapper .ai-answers-header .ai-answers-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: var(--config--main-color-brand);
  line-height: 20px;
  display: flex;
  align-items: center;
}
.search-revamp .instant-search-wrapper .ai-answers-header.ai-answers-header--loading .ai-answers-title {
  background: linear-gradient(90deg, var(--config--main-color-brand) 0%, rgba(var(--config--main-color-brand), 0.5) 50%, var(--config--main-color-brand) 100%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer-text 2s infinite;
}
@keyframes shimmer-text {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}
.search-revamp .instant-search-wrapper .ai-answers-empty-state {
  display: flex;
  align-items: center;
  height: 35px;
}
.search-revamp .instant-search-wrapper .ai-answers-empty-state .ai-answers-empty-state-message {
  padding-left: 32px;
}
.search-revamp .instant-search-wrapper .ai-answers-loading {
  display: flex;
  align-items: center;
  height: 35px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary {
  background-color: color-mix(in srgb, white 5%, var(--config--main-color-brand) 5%);
  border: 1px solid var(--config--main-color-brand);
  border-radius: 8px;
  padding: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
  min-height: 85px;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate {
  display: flex;
  align-items: center;
  gap: 32px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate .ai-answers-description {
  font-size: 14px;
  color: #3c4a57;
  line-height: 1.5;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate .ai-answers-spacer {
  flex: 1 1 auto;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate .btn-generate-summary {
  padding: 8px 24px;
  background-color: var(--config--main-color-brand);
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.2s ease;
  border-radius: 8px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate .btn-generate-summary:hover:not(:disabled) {
  opacity: 0.9;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .ai-answers-generate .btn-generate-summary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-preview .ai-answers-header-with-content {
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-preview .ai-answer {
  line-height: 1.6;
  color: #181f26;
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-container.answer-container-truncated {
  height: 350px;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-container.answer-container-expanded {
  height: auto;
  max-height: none;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper {
  display: flex;
  gap: 64px;
  align-items: flex-start;
  min-height: 240px;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-content {
  flex: 1;
  height: 100%;
  min-width: 0;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar {
  flex-shrink: 0;
  width: 280px;
  max-height: 100%;
  overflow-y: auto;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar {
    display: none;
  }
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading .resource-skeleton {
  padding: 16px;
  border-radius: 8px;
  background-color: #fbfbfc;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading .resource-skeleton .skeleton-title {
  height: 20px;
  width: 80%;
  background: #d5d9de;
  border-radius: 4px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading .resource-skeleton .skeleton-title::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite linear;
  content: "";
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading .resource-skeleton .skeleton-description {
  height: 16px;
  width: 100%;
  background: #d5d9de;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-loading .resource-skeleton .skeleton-description::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite linear;
  content: "";
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resources-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #181f26;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .btn-show-all-resources {
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #e6e9ec;
  border-radius: 8px;
  color: #181f26;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .btn-show-all-resources:hover {
  background-color: #fbfbfc;
  border-color: #d5d9de;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--color-border-default, #DEDFE2);
  background: var(--elevation-surface-default, #FFF);
  margin-bottom: 8px;
  transition: background-color 0.2s ease;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card:hover,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card:hover {
  background-color: #f5f7f9;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card h4,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card h4 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #181f26;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card h4 a,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card h4 a {
  color: #181f26;
  text-decoration: none;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card h4 a:hover,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card h4 a:hover {
  color: var(--config--main-color-brand);
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card p,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section .resource-card .resource-description,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card p,
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .answer-sidebar .resources-section > div .resource-card .resource-description {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #5f6c7a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answers-header-with-content {
  margin-bottom: 16px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer {
  line-height: 1.7;
  color: #3c4a57;
  font-size: 15px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h1, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h2, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h3, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h4, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h5, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h6 {
  margin-top: 20px;
  margin-bottom: 12px;
  color: #181f26;
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h1 {
  font-size: 24px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h2 {
  font-size: 20px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text h3 {
  font-size: 18px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text p {
  margin-bottom: 16px;
  line-height: 1.7;
  color: #3c4a57;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ul, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ol {
  margin-left: 24px;
  margin-bottom: 12px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ul li, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ol li {
  margin-bottom: 8px;
  line-height: 1.6;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ul {
  list-style-type: disc;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text ol {
  list-style-type: decimal;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text strong, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text b {
  font-weight: 600;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text em, .search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text i {
  font-style: italic;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text code {
  background-color: #f5f7f9;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 0.9em;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text pre {
  background-color: #f5f7f9;
  padding: 12px;
  border-radius: 4px;
  overflow-x: auto;
  margin-bottom: 12px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text pre code {
  background-color: transparent;
  padding: 0;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text a {
  color: var(--config--main-color-brand);
  text-decoration: underline;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text a:hover {
  text-decoration: none;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .conversational-text blockquote {
  border-left: 4px solid #d5d9de;
  padding-left: 16px;
  margin-left: 0;
  margin-bottom: 12px;
  color: #3c4a57;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .answer-wrapper .ai-answer .no-response {
  color: #3c4a57;
  font-style: italic;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .btn-continue-reading-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 48px;
  background: hsla(0, 0%, 100%, 0.4);
  box-shadow: 0 -40px 60px hsla(0, 0%, 100%, 0.4);
  backdrop-filter: blur(2px);
}
.search-revamp .instant-search-wrapper .ai-answers-summary .btn-continue-reading {
  margin-top: 0;
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #fff;
  color: #181f26;
  border: 1px solid #e6e9ec;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  display: block;
  width: 100%;
  text-align: center;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .btn-continue-reading:hover {
  background-color: #fbfbfc;
  border-color: #d5d9de;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .ai-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .content {
  flex: 1;
  min-width: 0;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .generating-text {
  color: #181f26;
  font-style: italic;
  line-height: 24px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 12px;
  margin-bottom: 8px;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line {
  height: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #d5d9de;
  position: relative;
  overflow: hidden;
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line-1 {
  width: 260px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line-1 {
    width: 60%;
  }
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line-2 {
  width: 400px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line-2 {
    width: 100%;
  }
}
.search-revamp .instant-search-wrapper .ai-answers-summary .loader .skeleton .line::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite linear;
  content: "";
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.search-revamp .instant-search-wrapper .ai-answers-summary .feedback:not(:empty) {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .search-revamp .instant-search-wrapper {
    margin: 0 16px;
  }
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper {
    margin: 0 16px;
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .search-revamp .instant-search-wrapper {
    margin: 0 10px;
  }
}
.search-revamp .instant-search-wrapper.unified-index-enabled .search-topic-list-wrapper {
  margin-top: 0;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper.unified-index-enabled .input-wrapper input.input-group {
    height: 48px;
  }
}
.search-revamp .instant-search-wrapper .search-query-info {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.search-revamp .instant-search-wrapper .instant-search__filters-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
}
.search-revamp .instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill {
  display: flex;
  align-items: center;
  background-color: var(--config--main-color-brand);
  margin-right: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #fff;
}
.search-revamp .instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill .instant-search__filter-count {
  background-color: #fff;
  color: var(--config--main-color-brand);
  width: 21px;
  text-align: center;
  border-radius: 50%;
  margin-left: 4px;
}
.search-revamp .instant-search-wrapper .instant-search__filters-list .instant-search__filter-list-pill .instant-search__filter-dismiss {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 4px;
}
.search-revamp .instant-search-wrapper .instant-search__filters-list .instant-search__filter-link {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.search-revamp .instant-search-wrapper .input-wrapper .pre-icon-wrapper {
  border-right: none;
  width: 56px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .input-wrapper .pre-icon-wrapper {
    width: 46px;
  }
}
.search-revamp .instant-search-wrapper .input-wrapper .post-icon-wrapper {
  border-left: none;
  width: 56px;
  cursor: pointer;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .input-wrapper .post-icon-wrapper {
    width: 46px;
  }
}
.search-revamp .instant-search-wrapper .input-wrapper .pre-icon-wrapper + .input-group {
  border-radius: 8px;
  font-size: 16px;
  height: 56px;
  line-height: 1.5;
  padding: 4px 8px 4px 56px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .input-wrapper .pre-icon-wrapper + .input-group {
    padding: 11px 8px 14px 52px;
    font-size: 14px;
  }
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper {
  padding-left: 0;
  padding-right: 0;
  flex: 1;
  margin-top: 16px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view {
  margin-top: 32px;
  border-radius: 4px;
  border: none;
  background-color: transparent;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item:first-child,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view:first-child {
  margin-top: 16px;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item:first-child,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view:first-child {
    margin-top: 8px;
  }
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view {
    padding: 0;
  }
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item .pill,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view .pill {
  margin-right: 5px;
  font-weight: normal;
}
@media (max-width: 1025px) {
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item,
  .search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item .topic-view_header > .topic-view_header-item,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view .topic-view_header > .topic-view_header-item {
  width: 100%;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .thread-list-item .topic-view_header > .topic-view_header-item .topic-view_header-meta,
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .topic-view .topic-view_header > .topic-view_header-item .topic-view_header-meta {
  width: 100%;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .event-item-detail-container .event-item__title {
  font-size: 16px;
}
.search-revamp .instant-search-wrapper .search-topic-list-wrapper .event-item-detail-container .event-item__location {
  font-size: 14px;
}
.search-revamp .instant-search-wrapper .instant-search-input-wrapper {
  position: relative;
  float: none !important;
  display: flex;
  width: auto;
  margin-bottom: 0;
}
.search-revamp .instant-search-wrapper .instant-search-input-wrapper .search-box-wrapper {
  flex: 1;
}
.search-revamp .instant-search-wrapper .instant-search-input-wrapper .opacity {
  opacity: 0;
}
@media (max-width: 449px) {
  .search-revamp .instant-search-wrapper .instant-search-input-wrapper svg {
    width: unset;
    height: unset;
  }
}
.search-revamp .instant-search-wrapper .no-search-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
}
.search-revamp .instant-search-wrapper .no-search-results--image {
  width: 120px;
  height: 120px;
  background: url("../images/no-search-results.svg") no-repeat center;
  margin-bottom: 24px;
}
.search-revamp .instant-search-wrapper .no-search-results--title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.search-revamp .instant-search-wrapper .no-search-results--text {
  text-align: center;
}
.search-revamp .instant-search__filter {
  display: none;
  cursor: pointer;
}
.searchbox .search-revamp .instant-search__filter {
  align-self: center;
}
@media (max-width: 1025px) {
  .searchbox .search-revamp .instant-search__filter {
    width: 48px;
    height: 48px;
  }
}
.header-navigation .search-revamp .instant-search__filter {
  align-self: center;
}
@media (max-width: 1025px) {
  .header-navigation .search-revamp .instant-search__filter {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1025px) {
  .search-revamp .instant-search__filter {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--config--main-border-base-color);
    margin-left: 8px;
  }
}
@media (max-width: 449px) {
  .search-revamp .instant-search__filter {
    width: 48px;
    height: 48px;
  }
}
.search-revamp .searchbox .instant-search__results-wrapper,
.search-revamp .header-navigation .instant-search__results-wrapper,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper {
  clear: both;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
}
.search-revamp .searchbox .instant-search__results-wrapper.border-bottom,
.search-revamp .header-navigation .instant-search__results-wrapper.border-bottom,
.search-revamp .instant-search-wrapper .instant-search__results-wrapper.border-bottom {
  border-top: 1px solid var(--config--main-border-base-color);
}
.search-revamp .algolia-search-container.algolia-search-container--open-popup {
  padding: 16px 16px;
  background: #fff;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 20vw);
  max-width: 1140px;
  top: 10%;
  z-index: 1030;
  border-radius: 3px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.25s, transform 0.25s;
  opacity: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container.algolia-search-container--open-popup {
    max-width: none;
    width: auto;
    left: 0;
    right: 0;
    transform: none;
    top: 0;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.search-revamp .algolia-search-container__close-button {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 8px;
  padding: 8px;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  outline: inherit;
}
.search-revamp .algolia-search-container.search-popup-transition-enter {
  opacity: 0;
  transform: translateX(-50%) translateY(30px);
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container.search-popup-transition-enter {
    transform: none;
  }
}
.search-revamp .algolia-search-container.search-popup-transition-enter.search-popup-transition-enter-active {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container.search-popup-transition-enter.search-popup-transition-enter-active {
    transform: none;
  }
}
.search-revamp .algolia-search-container.search-popup-transition-leave {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container.search-popup-transition-leave {
    transform: none;
  }
}
.search-revamp .algolia-search-container.search-popup-transition-leave.search-popup-transition-leave-active {
  opacity: 0;
  transform: translateX(-50%) translateY(30px);
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container.search-popup-transition-leave.search-popup-transition-leave-active {
    transform: none;
  }
}
.search-revamp .algolia-search-container__body {
  margin: 0 -16px;
  max-height: 60vh;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container__body {
    max-height: none;
    flex: 1;
  }
}
.search-revamp .algolia-search-container__footer {
  margin: 0 -16px -16px;
  padding: 8px 16px;
  border-top: 1px solid var(--config--main-border-base-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.search-revamp .algolia-search-container__footer-text {
  flex: 1;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 768px) {
  .search-revamp .algolia-search-container__footer-text {
    display: none;
  }
}

.skip-link {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: var(--config--main-color-brand);
  color: #fff;
  padding: 8px;
  translate: 0 -100%;
  transition: transform 0.2s ease-in-out;
}
.skip-link:focus {
  translate: 0;
}

.search-v2 .collapsed-search-wrapper {
  width: 100%;
}
.search-v2 .collapsed-search-wrapper .btn {
  min-width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.search-v2 .collapsed-search-wrapper input[type=search].search-box__input {
  height: 40px;
}
.search-v2 .search-and-filter-wrapper {
  display: flex;
}
.search-v2 .search-and-filter-wrapper > span {
  display: flex;
  flex-grow: 1;
  height: unset;
}
.search-v2 .algolia-search--opacity {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: var(--elevation-overlay, 12);
  opacity: 0.2;
  top: 0;
  left: 0;
}
.search-v2 .algolia-search-container {
  position: relative;
}
.search-v2 .algolia-search-container--title {
  margin-bottom: 8px;
  font-weight: normal;
}
.search-v2 .algolia-hit-container {
  position: absolute;
  z-index: var(--elevation-search-results, 13);
  background: #fff;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 0px 1px 0px rgba(52, 56, 58, 0.2), 0px 6px 12px 0px rgba(25, 35, 47, 0.06);
  padding-bottom: 0;
  margin-top: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-navigation--search-wrapper .search-v2 .algolia-hit-container {
    top: 88%;
  }
}
.search-v2 .algolia-hit-container a {
  line-height: 20px;
}
.search-v2 .algolia-hit-container .search-query-history {
  margin-top: 10px;
}
.search-v2 .algolia-hit-container-scroll {
  max-height: 360px;
  overflow: auto;
}
.search-v2 .algolia-hit-container-scroll.recents {
  margin-bottom: 8px;
}
.search-v2 .algolia-search-container--open-popup .algolia-hit-container {
  position: relative;
  border: none;
  box-shadow: none;
  padding: 0;
  width: auto;
}
.search-v2 .algolia-hit-container__header {
  padding: 8px 16px;
}
@media (max-width: 767px) {
  .search-v2 .algolia-hit-container__header {
    padding-top: 4px;
  }
}
.search-v2 .algolia-hit-container__header-text {
  color: var(--config-meta-text-color);
}
.search-v2 .algolia-search-submit-link {
  display: block;
  padding-top: 8px;
  color: var(--config--main-color-night);
  word-break: break-word;
}
.search-v2 .algolia-search__action {
  padding: 12px 16px;
  color: var(--config--main-color-brand);
  display: flex;
  align-items: center;
}
.search-v2 .algolia-search__action:hover, .search-v2 .algolia-search__action.highlighted {
  background-color: #f5f7f9;
}
.search-v2 .algolia-search__action-link {
  padding-left: 12px;
}
.search-v2 .algolia-search__action-icon {
  min-width: 20px;
  vertical-align: middle;
}
.search-v2 .algolia-search__action--view-all {
  font-size: 12px;
  background-color: #f5f7f9;
  color: #5f6c7a;
  transition: all 0.2s;
}
.search-v2 .algolia-search__action--view-all.link:hover {
  color: #5f6c7a;
}
.search-v2 .algolia-search__action--view-all code {
  font-size: 11px;
  padding: 4px;
  background: #e6e9ec;
  border-radius: 4px;
  margin: 0 4px;
}
.search-v2 .algolia-search__action--view-all code svg {
  position: relative;
  top: 2px;
}
.search-v2 .search-box {
  position: relative;
  width: 100%;
  z-index: var(--elevation-search-box, 11);
}
.search-v2 .search-box--open {
  z-index: var(--elevation-search-box-open, 13);
}
.search-v2 input[type=search].search-box__input {
  padding-left: 46px !important;
  padding-right: 40px !important;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  font-family: var(--config--main-font-base-stack);
  border-radius: 8px;
  height: 56px;
}
.algolia-search--forum .search-v2 input[type=search].search-box__input {
  box-shadow: none;
}
.search-v2 .algolia-search-container--open-popup input[type=search].search-box__input {
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 3px;
  box-shadow: none;
}
.search-v2 input[type=search].search-box__input--focused::-ms-clear {
  display: none;
}
.search-v2 .search-box__submit {
  position: absolute;
  background: transparent;
  border: none;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: unset;
  cursor: pointer;
  padding-left: 16px;
  color: #181f26;
  display: flex;
  align-items: center;
}
.search-v2 .search-box__submit svg {
  display: block;
}
.search-v2 .insided-control button.search-box__submit,
.search-v2 .widget-configurator button.search-box__submit,
.search-v2 .homepage-widget-configurator button.search-box__submit {
  padding: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-v2 .search-box__reset {
  position: absolute;
  background: transparent;
  border: none;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  cursor: pointer;
  transition: opacity 0.2s;
  z-index: 2;
  padding: 16px 16px 16px 0;
  color: #5f6c7a;
  display: flex;
  align-items: center;
}
.search-v2 .search-box__input-open-shortcut {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #5f6c7a;
}
.search-v2 .insided-control button.search-box__reset,
.search-v2 .widget-configurator button.search-box__reset,
.search-v2 .homepage-widget-configurator button.search-box__reset {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  top: 0;
}
.search-v2 .divider {
  border-top: 1px solid #d5d9de;
  margin: 10px 0;
}
.search-v2 .algolia-search-container.unified-index-enabled .unified-index-section .algolia-search-results {
  margin-bottom: 8px;
}
.search-v2 .algolia-search-container.unified-index-enabled .unified-index-section .loading-item {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-v2 .algolia-search-container.unified-index-enabled .unified-index-section .loading-item__icon {
  color: var(--config--main-color-brand);
  animation: spin 1s linear infinite;
}
.search-v2 .algolia-search-container.unified-index-enabled .unified-index-section .loading-item__text {
  color: var(--config-meta-text-color);
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search-results-section__title-label {
  color: var(--config-meta-text-color);
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-ai-summary {
  padding: 8px;
  margin: 8px 8px 0;
  border-radius: 8px;
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-ai-summary .algolia-search__action-link {
  color: var(--config--main-color-night);
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-ai-summary .algolia-search__action-icon {
  color: var(--config--main-color-brand);
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-all {
  background-color: unset;
  border-top: 1px solid var(--config--main-border-base-color);
  font-size: 14px;
  color: var(--config--main-color-night);
}
.search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-all:hover, .search-v2 .algolia-search-container.unified-index-enabled .algolia-search__action--view-all.highlighted {
  color: var(--config--main-color-brand);
  background-color: var(--config--main-color-day);
}
.search-v2 .algolia-search-results {
  margin: 0;
  padding: 0 8px;
}
.search-v2 .algolia-search-result {
  list-style: none;
  font-weight: normal;
  border-radius: 4px;
}
.search-v2 .algolia-search-result:hover, .search-v2 .algolia-search-result.highlighted {
  background: #f5f7f9;
}
.search-v2 .algolia-search-result a {
  padding: 8px;
}
.search-v2 .algolia-hit-item,
.search-v2 .algolia-search-results-section__title {
  color: var(--config--main-color-night) !important;
  word-break: break-word;
}
.search-v2 .algolia-hit-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.search-v2 .algolia-hit-item .ais-Highlight {
  margin-right: 4px;
}
.search-v2 .algolia-hit-item .icon-question {
  font-size: 18px;
  margin-top: -3px;
}
.search-v2 .algolia-hit-item-icon {
  height: 20px;
}
.search-v2 .algolia-hit-item--icon {
  min-width: 18px;
  color: #3c4a57;
}
.search-v2 .algolia-hit-item--name {
  padding-left: 12px;
}
.search-v2 .algolia-search-results-section__title {
  display: block;
  border-bottom: none;
  margin: 16px 4px 0 16px;
  line-height: 16px;
}
.search-v2 .algolia-search-results-section__title--answer {
  border-bottom: none;
  display: flex;
  justify-content: space-between;
}
.search-v2 .algolia-search-results-section__title-label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #181f26;
}
.search-v2 .algolia-search-results-section__title.recent-search .algolia-search-results-section__title-label {
  text-transform: capitalize;
}
.search-v2 .algolia-search-results-section__title-link {
  color: inherit;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  float: right;
}
.search-v2 .search-transition-enter {
  opacity: 0.01;
  transform: translateY(-10%) scale(0.95);
  transition: all 0.15s;
}
.search-v2 .search-transition-enter.search-transition-enter-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.search-v2 .search-transition-leave {
  opacity: 1;
  transform: translate(0) scale(1);
  transition: all 0.15s;
}
.search-v2 .search-transition-leave.search-transition-leave-active {
  opacity: 0.01;
  transform: translateY(-5%) scale(0.95);
}
.search-v2 .ais-Highlight {
  margin-right: 10px;
}
.search-v2 .hit-item--meta {
  color: var(--config-meta-text-color);
  display: inline-block;
  margin-left: 8px;
}
.search-v2 .hit-item--meta .icon {
  margin-right: 3px;
}
.search-v2 .algolia-search-container--open-popup .algolia-answer.algolia-search-results-section__title {
  margin: 16px 0 0;
}
.search-v2 .algolia-answer-result {
  display: block;
  color: inherit;
  border: 1px solid #d5d9de;
  margin-top: 8px;
  border-radius: 3px;
  padding: 16px;
}
.search-v2 .algolia-answer-result__title-with-show-more {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.search-v2 .algolia-answer-result__title-with-show-more .link {
  display: flex;
  align-items: center;
  color: var(--config--main-color-brand);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .search-v2 .algolia-answer-result__title-with-show-more .link span {
    display: none;
  }
}
.search-v2 .algolia-answer-result--loading {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  color: var(--config--main-color-brand);
}
.search-v2 .algolia-answer-result--loading.algolia-answer-result:hover {
  color: var(--config--main-color-brand);
}
.search-v2 .algolia-answer-result--loading .icon-loading-animation {
  right: 32px;
  left: auto;
}
.search-v2 .algolia-answer-result--highlighted {
  background: #f0f0f0;
  color: inherit;
}
.search-v2 .algolia-answer-result:hover {
  color: inherit;
}
.search-v2 .algolia-answer-result__content em {
  font-weight: bold;
}
.search-v2 .algolia-answer-result__user-info {
  display: flex;
  align-content: center;
  margin-top: 8px;
  margin-bottom: -4px;
}
.search-v2 .algolia-answer-result__user-info-avatar {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.search-v2 .no-search-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
}
.search-v2 .no-search-results--image {
  width: 64px;
  height: 64px;
  background: url("../images/no-search-results.svg") no-repeat center;
  margin-bottom: 24px;
}
.search-v2 .no-search-results--title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--config--main-color-night);
}
.search-v2 .no-search-results--text {
  color: var(--config--main-color-night);
  text-align: center;
}

.destination_error {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 32px 0;
}
.destination_error .destination_error_image {
  max-height: 280px;
  max-width: 400px;
}
.destination_error .destination_error_message_header {
  font-size: 32px;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 32px;
}
.destination_error .destination_error_message_description {
  max-width: 900px;
  font-size: 16px;
  text-align: center;
  white-space: pre-line;
  color: #6b707e;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon-loading-spinner {
  animation: spin 2s infinite ease-in-out;
  transform-origin: center center;
}

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85%;
}

.selector {
  padding: 8px;
  border: 1px solid #d5d9de;
  border-radius: 2px;
  background: #fff;
  width: 100%;
}
.selector.invalid {
  border: 1px solid #f75d4f;
}
.selector .preact-pill-container {
  width: 100%;
  margin-bottom: -8px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.selector .preact-pill-container .preact-pill {
  padding: 4px 8px;
  background: #e8e8e8;
  border: none;
  margin-bottom: 8px;
}
.selector .preact-pill-container .preact-pill:hover {
  background: #c7c7c7;
}
.selector .preact-pill-container .preact-pill.invalid {
  color: #fff;
  background: #f75d4f;
}
.selector .preact-pill-container .preact-pill.invalid:hover {
  background: #dc3626;
}
.selector .preact-pill-container .preact-pill.invalid svg.qa-dismiss-filter-pill path {
  fill: #fff;
}
.selector .preact-pill-container .preact-pill svg.qa-dismiss-filter-pill path {
  fill: #25313b;
}
.selector .preact-pill-container .selector__input-wrapper {
  flex-grow: 1;
}
.selector .preact-pill-container .selector__input-wrapper input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  margin-bottom: 8px;
}
.selector .control-dropdown__list {
  min-width: 200px;
}
.selector .control-dropdown__list .selector-item {
  display: flex;
  align-items: center;
}
.selector .control-dropdown__list .selector-item span {
  align-self: inherit;
}
.selector .control-dropdown__list .loader {
  padding: 8px;
}
.selector .control-dropdown__list a.active {
  background: #43ade5;
  color: #fff;
}

.slider-menu .slider-header {
  display: flex;
  padding: 16px;
}
.slider-menu .slider-header .slider-title {
  flex-grow: 1;
  font-weight: 700;
}
.slider-menu .slider-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 100vh;
  max-height: -webkit-fill-available;
  overflow-x: auto;
  background: #fff;
  z-index: 9999;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
}

.control-table .action-bar-wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
}
.control-table .action-bar {
  background: #fff;
  box-shadow: 0 6px 8px -8px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid #d5d9de;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.control-table .action-bar .action-bar-action-elements {
  display: flex;
  align-items: center;
}
.control-table .action-bar .refresh-button,
.control-table .action-bar .overview__columns,
.control-table .action-bar .overview-bulk-actions .button-control-new {
  margin-right: 8px;
}
.control-table .action-bar .refresh-button div > div,
.control-table .action-bar .overview__columns div > div,
.control-table .action-bar .overview-bulk-actions .button-control-new div > div {
  display: flex;
  align-items: center;
}
.control-table .action-bar .refresh-button div > div svg,
.control-table .action-bar .overview__columns div > div svg,
.control-table .action-bar .overview-bulk-actions .button-control-new div > div svg {
  margin-right: 8px;
}
.control-table .action-bar .overview-bulk-actions > button:last-child {
  margin-right: 0;
}
.control-table .table-wrapper {
  overflow-x: scroll;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  margin-bottom: 32px;
  margin-top: 16px;
  transition: width 0.5s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.control-table .table-wrapper table {
  width: 100%;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.control-table .table-wrapper table th,
.control-table .table-wrapper table td {
  word-break: break-word;
}
.control-table .table-wrapper table th.xs,
.control-table .table-wrapper table td.xs {
  min-width: 112px;
  max-width: 112px;
}
.control-table .table-wrapper table th.xs-right,
.control-table .table-wrapper table td.xs-right {
  min-width: 112px;
  max-width: 112px;
  text-align: right;
}
.control-table .table-wrapper table th.xs-right > div,
.control-table .table-wrapper table td.xs-right > div {
  justify-content: end;
}
.control-table .table-wrapper table th.xs-center,
.control-table .table-wrapper table td.xs-center {
  min-width: 112px;
  max-width: 112px;
  text-align: center;
}
.control-table .table-wrapper table th.xs-left,
.control-table .table-wrapper table td.xs-left {
  min-width: 112px;
  max-width: 112px;
  text-align: left;
}
.control-table .table-wrapper table th.s,
.control-table .table-wrapper table td.s {
  min-width: 160px;
  max-width: 160px;
}
.control-table .table-wrapper table th.s-right,
.control-table .table-wrapper table td.s-right {
  min-width: 160px;
  max-width: 160px;
  text-align: right;
}
.control-table .table-wrapper table th.s-right > div,
.control-table .table-wrapper table td.s-right > div {
  justify-content: end;
}
.control-table .table-wrapper table th.m,
.control-table .table-wrapper table td.m {
  min-width: 200px;
  max-width: 200px;
}
.control-table .table-wrapper table th.m-big,
.control-table .table-wrapper table td.m-big {
  min-width: 240px;
  max-width: 320px;
}
.control-table .table-wrapper table th.m-flexible,
.control-table .table-wrapper table td.m-flexible {
  min-width: 140px;
  max-width: 320px;
}
.control-table .table-wrapper table th.l,
.control-table .table-wrapper table td.l {
  min-width: 320px;
  max-width: 320px;
}
.control-table .table-wrapper table th.l-flexible,
.control-table .table-wrapper table td.l-flexible {
  min-width: 320px;
  max-width: 480px;
}
.control-table .table-wrapper table th.xl,
.control-table .table-wrapper table td.xl {
  min-width: 480px;
  max-width: 480px;
}
.control-table .table-wrapper table th.right,
.control-table .table-wrapper table td.right {
  text-align: right;
}
.control-table .table-wrapper table thead > tr > th {
  cursor: default;
  background: #fff;
  background-clip: padding-box;
  padding: 8px 12px;
}
.control-table .table-wrapper table thead .fixed-column-header {
  box-shadow: 1px 0 #d5d9de;
  position: sticky;
  left: 0;
  z-index: 1;
}
.control-table .table-wrapper table thead .table-header-cell {
  display: flex;
  align-items: center;
}
.control-table .table-wrapper table thead .table-header-cell.sortable {
  cursor: pointer;
}
.control-table .table-wrapper table thead .table-header-cell svg {
  margin-left: 8px;
}
.control-table .table-wrapper table thead .table-header-cell svg.inactive > path {
  fill: #828080;
}
.control-table .table-wrapper table tbody tr {
  border-top: 1px solid #d5d9de;
}
.control-table .table-wrapper table tbody th {
  font-weight: 400;
}
.control-table .table-wrapper table tbody th,
.control-table .table-wrapper table tbody td {
  border-left: none;
  border-right: none;
  padding: 8px 12px;
}
.control-table .table-wrapper table tbody th a,
.control-table .table-wrapper table tbody td a {
  color: #25313b;
}
.control-table .table-wrapper table tbody th a:hover,
.control-table .table-wrapper table tbody td a:hover {
  color: #0369e9;
  text-decoration: none;
}
.control-table .table-wrapper table tbody th[scope=row] {
  box-shadow: 1px 0 #d5d9de;
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  background-clip: padding-box;
}
.control-table .table-wrapper table tbody .control-table__row--selected {
  background-color: #f5f9fe;
}
.control-table .table-wrapper table tbody .control-table__row--selected th[scope=row] {
  background: #f5f9fe;
}
.control-table .table-wrapper table.narrow thead > tr > th {
  padding: 8px 12px;
}
.control-table .table-wrapper table.narrow tbody td {
  padding: 8px 12px;
}
.control-table .table-wrapper table .table-header--multiselect,
.control-table .table-wrapper table .table-header--drag {
  padding-right: 0;
}
.control-table .table-wrapper table .table-header--multiselect label,
.control-table .table-wrapper table .table-header--drag label {
  display: flex;
}
.control-table .table-wrapper table .table-header--multiselect + th,
.control-table .table-wrapper table .table-header--multiselect + th[scope=row],
.control-table .table-wrapper table .table-header--drag + th,
.control-table .table-wrapper table .table-header--drag + th[scope=row] {
  left: 32px;
}
.control-table .table-wrapper .spaced-cells th,
.control-table .table-wrapper .spaced-cells td {
  padding: 16px 12px;
}
.control-table .action-bar-wrapper + .table-wrapper {
  border-radius: 0 0 4px 4px;
  margin-top: 0;
}

.control-table__selected {
  font-size: 14px;
}

.control-table__selected-count {
  font-weight: 500;
}

.control-table__clear-selection {
  color: #828080;
}

.sortable-helper {
  font-size: 14px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e6e9ec;
  border-radius: 4px;
  box-shadow: 0 6px 12px 0 #e8e8e8;
}
.sortable-helper .drag-handle--union {
  cursor: grab;
}

.theme-configuration-mode {
  overflow-x: hidden;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
}
.theme-configuration-mode .scroll-to-top-sticky-button {
  display: none !important;
}
.theme-configuration-mode .body-wrapper {
  width: 100%;
}
.theme-configuration-mode > * {
  grid-column: 1;
}

.theme-configurator {
  width: 400px;
  background-color: #fff;
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 20;
  height: 100vh;
  position: sticky;
  right: 0;
  top: 0;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  border-left: 1px solid #d5d9de;
  z-index: 9000;
  transition: width 0.4s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.theme-configurator .btn--insided-brand,
.theme-configurator .btn--insided-secondary-brand,
.theme-configurator .btn-warning {
  border-radius: 4px;
  text-transform: initial;
  font-weight: normal;
}
.theme-configurator .theme-configuration_info-box {
  background-color: #f2f8ff;
  border: 1px solid #cce1ff;
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  margin-bottom: 16px;
}
.theme-configurator .theme-configuration_info-box p {
  margin-bottom: 0;
}
.theme-configurator .control-switcher {
  position: relative;
  clear: both;
  width: 51px;
  height: 24px;
  float: left;
  margin: 2px 0.7em 2px 2px;
}
.theme-configurator .theme-configurator--header {
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
  padding: 20px 24px;
  color: #25313b;
  align-items: center;
  border-bottom: 1px solid #d5d9de;
}
.theme-configurator .theme-configurator--header .theme-configurator--header__left {
  display: flex;
  align-items: center;
}
.theme-configurator .theme-configurator--header .theme-configurator--header__left .theme-configurator--header__back {
  cursor: pointer;
  padding: 4px;
  display: flex;
  border-radius: 2px;
}
.theme-configurator .theme-configurator--header .theme-configurator--header__left .theme-configurator--header__back:hover {
  background: #eaebed !important;
}
.theme-configurator .theme-configurator--header .theme-configurator--header__left .theme-configurator--header__back + .theme-configurator--header-title {
  margin-left: 8px;
}
.theme-configurator .theme-configurator--header .theme-configurator--header-title {
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 8px;
  letter-spacing: 0.12em;
  font-family: inherit;
}
.theme-configurator .theme-configurator--body {
  flex-grow: 1;
  overflow-y: scroll;
  color: #25313b;
  font-size: 14px;
}
.theme-configurator .theme-configurator--body .font-weight-normal {
  font-weight: 400;
}
.theme-configurator .theme-configurator--body .theme-list {
  padding: 0;
  margin: 0;
}
.theme-configurator .theme-configurator--body .theme-list .theme-item {
  font-size: 16px;
  padding: 20px 28px 20px 24px;
  border-bottom: 1px solid #d5d9de;
  color: #25313b;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.theme-configurator .theme-configurator--footer {
  color: #25313b;
  border-top: 1px solid #d5d9de;
  padding: 16px 24px;
  position: relative;
}
.theme-configurator .theme-configurator--footer .theme-configurator--buttons {
  display: flex;
  align-items: center;
}
.theme-configurator .theme-configurator--footer .theme-configurator--buttons > button {
  margin-right: 8px;
}
.theme-configurator .theme-configurator--footer .alert-notification {
  position: absolute;
  background-color: #f75d4f;
  width: 100%;
  bottom: 100%;
  left: 0;
  border-radius: 0;
  padding: 16px 24px;
  z-index: 9000;
}
.theme-configurator .theme-configurator--footer .alert-notification div {
  text-align: left;
}
.theme-configurator .CodeMirror {
  border: 1px solid #d5d9de;
  border-radius: 2px;
  box-sizing: border-box;
  height: calc(100vh - 200px);
}
.theme-configurator input {
  color: #181f26;
  border: 1px solid #d5d9de;
  font-family: inherit;
}
.theme-configurator input::placeholder {
  color: #25313b;
}
.theme-configurator .button-control-new {
  font-family: inherit;
}

.theme-configuration_colors-list {
  padding: 0;
  margin: 0;
}
.theme-configuration_colors-list .theme-configuration_colors-list-item {
  list-style: none;
  margin-bottom: 16px;
}
.theme-configuration_colors-list .theme-configuration_colors-list-item > p {
  font-size: 12px;
}
.theme-configuration_colors-list .theme-configuration_colors-list-item .theme-configuration-help_text {
  margin-top: 4px;
}
.theme-configuration_colors-list .theme-configuration_colors-list-item code {
  font-size: 10px;
  display: block;
  border-radius: 4px;
  color: #5f6c7a;
  background-color: #f6f6f6;
  padding: 8px;
  word-wrap: break-word;
}

.use-default {
  margin-top: 4px;
}
.use-default .form-group {
  margin-bottom: 8px;
}
.use-default .form-group .form-control {
  width: 16px;
  height: 16px;
  margin: 0 0 0 4px;
  cursor: pointer;
}
.use-default .form-group label {
  font-weight: normal;
  padding-left: 12px;
}

.theme-configuration-generic-settings.with-border {
  border-bottom: 1px solid #d5d9de;
}
.theme-configuration-generic-settings .theme-configuration-generic-setting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.theme-configuration-generic-settings .theme-configuration-generic-setting:first-child {
  margin-top: 0;
}
.theme-configuration-generic-settings .theme-configuration-generic-setting .theme-configuration-generic-setting_name {
  font-weight: 500;
}
.theme-configuration-generic-settings .theme-configuration-generic-setting .theme-configuration-generic-setting_configuration {
  max-width: 85px;
}
.theme-configuration-generic-settings .theme-configuration-generic-setting .theme-configuration-generic-setting_configuration > div {
  display: flex;
  align-items: center;
}

.theme-configuration_tabs {
  display: flex;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  margin-top: 16px;
}
.theme-configuration_tabs .theme-configuration_tab {
  display: flex;
  flex-basis: 33.3333333333%;
  justify-content: center;
  padding: 8px 0;
  cursor: pointer;
  text-transform: capitalize;
}
.theme-configuration_tabs .theme-configuration_tab:not(:last-child) {
  border-right: 1px solid #d5d9de;
}
.theme-configuration_tabs .theme-configuration_tab.active-tab {
  background: #3c4a57;
  color: #fff;
}
.theme-configuration_tabs .theme-configuration_tab.active-tab:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.theme-configuration_tabs .theme-configuration_tab.active-tab:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.theme-configuration-list {
  padding: 0;
}
.theme-configuration-list .theme-configuration-list-item {
  border-bottom: 1px solid #d5d9de;
}
.theme-configuration-list .theme-configuration-list-item_preview {
  padding: 24px 32px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  text-align: center;
}
.theme-configuration-list .theme-configuration-list-item_preview button {
  width: 100%;
}
.theme-configuration-list .theme-configuration-list-item_title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.12em;
  font-weight: 500;
  margin-top: 16px;
  color: #25313b;
  cursor: pointer;
}
.theme-configuration-list .theme-configuration-list-item_settings {
  margin-top: 16px;
}
.theme-configuration-list .theme-configuration-list-item_description {
  font-size: 14px;
  color: #25313b;
}
.theme-configuration-list .theme-configuration-list-item_setting {
  margin-top: 8px;
  list-style: none;
}
.theme-configuration-list .theme-configuration-list-item_setting label {
  text-transform: capitalize;
  cursor: default;
  color: #25313b;
  font-weight: 500;
}
.theme-configuration-list .theme-configuration-list-item_setting .use-default label {
  font-weight: normal;
}
.theme-configuration-list .theme-configuration-list-item_setting .theme-configuration-list-item_setting_subtext {
  text-transform: initial;
  font-size: 12px;
  font-weight: 400;
  color: #25313b;
}
.theme-configuration-list .theme-configuration-list-item_setting > div {
  margin-top: 4px;
}

.theme-dropdown {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.theme-dropdown .control-dropdown__list {
  width: 100px;
  left: -15px;
  background-color: #181f26;
  border-radius: 4px;
  border: none;
}
.theme-dropdown .control-dropdown__list > a {
  color: #fff;
  margin: 0;
  padding: 8px 16px;
}
.theme-dropdown .control-dropdown__list > a:hover {
  background: #3c4a57;
}

.insided-timepicker {
  display: flex;
  align-items: center;
  margin-left: -8px;
}
.insided-timepicker.validation-error button {
  border-color: #f75d4f;
}
.insided-timepicker > *:nth-child(-n+2) {
  padding: 0 8px;
  flex-basis: 40%;
}
.insided-timepicker > *:nth-child(3) {
  width: 64px;
}
.insided-timepicker > * > button {
  width: 100%;
}
.insided-timepicker > * > button > button {
  width: 100%;
  padding: 0 8px;
}
.insided-timepicker > * > button > button.default {
  color: #828080;
}
.insided-timepicker > * > button > button > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insided-timepicker > * > button > button > div > svg {
  color: #828080;
  order: 1;
}

.title-input {
  max-width: 640px;
}
.title-input h2 svg {
  margin-left: 8px;
}
.title-input h2 svg path {
  fill: #959898;
}
.title-input .control-header__title svg {
  min-width: 16px;
}
.title-input input {
  border-radius: 4px;
  font-size: 24px;
  font-weight: 500;
  height: 40px;
  padding: 4px 8px;
}
.title-input input:focus {
  border-color: #0369e9;
}

.title-input__title--placeholder {
  color: #959898;
}

.topic-helpfulness_container {
  padding: 32px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.topic-helpfulness_container.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.topic-helpfulness__voted .topic-helpfulness_container {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.topic-helpfulness_container .topic-helpfulness-text {
  font-weight: bold;
}
.topic-helpfulness_container .topic-helpfulness_reactions {
  display: flex;
  justify-content: center;
}
.topic-helpfulness_container .topic-helpfulness_reactions .topic-helpfulness_reaction {
  margin: 16px 16px 0;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
}
.topic-helpfulness_container .topic-helpfulness_reactions .topic-helpfulness_reaction svg {
  position: absolute;
  width: 32px;
  height: 32px;
  transition-duration: 0.1s;
}
.topic-helpfulness_container .topic-helpfulness_reactions .topic-helpfulness_reaction svg:hover {
  transition-duration: 0.1s;
  transform: scale(1.4);
}

.topic-helpfulness_widget {
  height: 135px;
  align-items: center;
}
.topic-helpfulness_widget .topic-helpfulness_header {
  text-align: center;
}
.topic-helpfulness_widget .topic-helpfulness {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.topic-helpfulness_widget .topic-helpfulness .topic-helpfulness_reaction {
  margin: 16px 16px 0;
}

.topic-helpfulness_float-bar {
  position: sticky;
  width: 94%;
  margin: auto;
  z-index: 1;
  background-color: #fff;
  bottom: 0;
}
.topic-helpfulness_float-bar.easy-out {
  transition: 0.3s ease-in;
  transform: translateY(100%);
}
.topic-helpfulness_float-bar.topic-helpfulness_container {
  padding: 16px;
  box-shadow: 0px -5px 10px 5px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--config--main-border-base-color);
  border-bottom: none;
  z-index: 10;
}
@media (max-width: 449px) {
  .topic-helpfulness_float-bar.topic-helpfulness_container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: none;
  }
}
.topic-helpfulness_float-bar .topic-helpfulness {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  width: 100%;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_reaction {
  margin-top: 0;
  margin-right: 24px;
}
.topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss {
  height: 21px;
  margin-right: 8px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .topic-helpfulness_float-bar .topic-helpfulness {
    flex-direction: column;
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
  .topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness-text {
    margin-top: 21px;
    text-align: center;
  }
  .topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_reactions {
    margin-top: 21px;
    margin-top: 21px;
    margin-bottom: 8px;
  }
  .topic-helpfulness_float-bar .topic-helpfulness .topic-helpfulness_dismiss {
    position: absolute;
    right: 16px;
  }
}

.is-hidden + .topic-helpfulness_component-wrapper {
  display: none;
}

.content-helpfulness-sidebar {
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 8px;
}

@media (max-width: 449px) {
  .sections__nav.sections__nav--accordion-S {
    border-bottom: none;
  }
}

.list-widget-wrapper {
  border: 1px solid var(--config--main-border-base-color);
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}
.list-widget-wrapper .thread-list-pagination,
.list-widget-wrapper .load-more-container {
  border: none;
  padding: 16px;
}
.list-widget-wrapper .thread-list-pagination.content--centered,
.list-widget-wrapper .load-more-container.content--centered {
  border: none;
}
@media (max-width: 767px) {
  .list-widget-wrapper {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
}
.list-widget-wrapper .forum-list-view-spacing--v-s,
.list-widget-wrapper .list__items--header {
  border: none;
  margin-bottom: 0;
}
.list-widget-wrapper > *:not(:last-child):not(.topic-list-item-card) {
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.list-widget-wrapper:has(.topic-list-item-card) {
  border: none;
  background-color: unset;
}
.list-widget-wrapper:has(.topic-list-item-card) .list__items--header {
  padding: 10px 0;
}
@media (max-width: 767px) {
  .list-widget-wrapper:has(.topic-list-item-card) .list__items--header {
    padding: 10px;
  }
}
.list-widget-wrapper:has(.topic-list-item-card) .thread-list-pagination {
  border: var(--config-list-views-card-border-width) solid color-mix(in srgb, var(--config-list-views-card-default-border-color) 50%, transparent);
  border-radius: var(--config-list-views-card-border-radius);
}
.list-widget-wrapper:has(.topic-list-item-card) .thread-list-pagination .pagination .current a {
  background: var(--config-list-views-card-default-border-color);
}
.list-widget-wrapper:has(.topic-list-item-card) .thread-list-pagination .pagination-icon-container {
  border: var(--config-list-views-card-border-width) solid color-mix(in srgb, var(--config-list-views-card-default-border-color) 50%, transparent);
}
.list-widget-wrapper:has(.topic-list-item-card) > *:not(:last-child):not(.topic-list-item-card) {
  border-bottom: none;
}

.category-and-topic-stream .topic-list-view:has(.topic-list-item-card) {
  background: transparent;
}

.topic-view {
  padding: 16px;
  position: relative;
  max-height: 500px;
}
@media (min-width: 768px) {
  .topic-view {
    padding: 20px;
    padding-left: 76px;
  }
  .event-list-item__url .topic-view {
    padding-left: 20px;
  }
}
.topic-view.remove-favorite {
  max-height: 0;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .topic-view.topic-view--ideation .topic-view_info.add_margin {
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .topic-view.topic-view--ideation .topic-view_info {
    padding-bottom: 38px;
  }
}
.topic-view .topic-view_link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.topic-view .thread-list-block__title-link {
  color: var(--config-header-color);
  opacity: 0.7;
  margin-right: 8px;
}
.topic-view.topic-view--unread .topic-view_body .thread-list-block__title .thread-list-block__title-link {
  color: var(--config-header-color);
  opacity: 1;
  padding: 4px 0;
}
.topic-view.topic-view--unread:hover .topic-view_body .thread-list-block__title,
.topic-view.topic-view--unread:hover .topic-view_body .thread-list-block__title .thread-list-block__title-link, .topic-view:hover .topic-view_body .thread-list-block__title,
.topic-view:hover .topic-view_body .thread-list-block__title .thread-list-block__title-link {
  color: var(--config--main-color-brand);
  transition: 0.2s;
}
@media (min-width: 768px) {
  .topic-view.topic-view--ideation .topic-view_body {
    margin-right: 94px;
  }
}
@media (min-width: 768px) {
  .topic-view.topic-view--bug .topic-view_body {
    margin-right: 94px;
  }
}
.topic-view.topic-view--sticky:after {
  background-color: var(--config--main-color-brand);
  opacity: 0.05;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .forum--search:not(.forum--instant-search) .topic-view, .category-page .topic-view {
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
}
@media (max-width: 767px) {
  .topic-view {
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
}
.topic-view > .topic-view_sticky-flag {
  fill: var(--config--main-color-brand);
  position: absolute;
  top: 0;
  right: 21px;
}
@media (max-width: 767px) {
  .topic-view .avatar {
    width: 24px;
    height: 24px;
  }
  .topic-view .avatar .profilelabel {
    width: 12px;
    height: 12px;
  }
}
.topic-view .topic-view_info {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
  position: relative;
}
@media (max-width: 767px) {
  .topic-view .topic-view_info.add_margin {
    padding-bottom: 0;
    margin-bottom: 32px;
  }
}
@media (max-width: 449px) {
  .topic-view .topic-view_info {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .topic-view .topic-view_info {
    padding-bottom: 32px;
  }
}
.topic-view .topic-view_info > .thread-list-block__featured-image-link {
  margin-left: 16px;
  width: 214px;
  height: 120px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 449px) {
  .topic-view .topic-view_info > .thread-list-block__featured-image-link {
    width: 100%;
    height: 150px;
    margin: 0 0 8px 0;
  }
}
.topic-view .topic-view_header {
  display: flex;
  align-items: center;
}
.topic-view .topic-view_header .link--user {
  position: relative;
}
.topic-view .topic-view_header .thread-meta-link-rank {
  color: var(--config--main-color-night);
}
.topic-view .topic-view_header .topic-view_header-item {
  margin-right: 4px;
  display: flex;
  align-items: baseline;
  line-height: 24px;
}
.topic-view .topic-view_header .topic-view_header-item > :first-child {
  flex-shrink: 0;
  white-space: nowrap;
}
.topic-view .topic-view_header .topic-view_header-item .user-title {
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic-view .topic-view_header .topic-view_header-item.text--meta {
  position: relative;
}
.topic-view .topic-view_header .topic-view_header-item.text--meta:hover {
  color: var(--config-meta-text-color);
}
.topic-view .topic-view_header .topic-view_header-item.text--meta > span:first-child::first-letter {
  text-transform: capitalize;
}
.topic-view .topic-view_header .topic-view_header-item .topic-view_header-item_category-link:hover {
  color: var(--config-meta-text-color);
  filter: brightness(90%);
  transition: 0.2s;
}
.topic-view .topic-view_header .topic-view_header-item .topic-view_header-item_category-link {
  border-bottom: 1px dashed var(--config--main-border-base-color);
}
.topic-view .topic-view_header > .topic-view_header-item {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .topic-view .topic-view_header > .topic-view_header-item .avatar {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
@media (min-width: 768px) {
  .topic-view .topic-view_header > .topic-view_header-item {
    margin-right: 0;
  }
}
.topic-view .topic-view_header .thread-list-block__header {
  padding: 0;
}
.topic-view .topic-view_header .topic-view_header-items-gathered {
  display: flex;
  min-width: 0;
}
@media (min-width: 768px) {
  .topic-view .topic-view_header .topic-view_header-items-gathered:not(.topic-view_header-items_without-category) > :first-child:after {
    display: flex;
    align-self: center;
    content: "●";
    font-size: 5px;
    margin-left: 4px;
    color: var(--config-meta-text-color);
  }
}
.topic-view .topic-view_header .topic-view_header-items-gathered .topic-view_header-item.text--meta {
  flex: 1;
  min-width: 0;
  line-height: 24px;
}
.topic-view .topic-view_header .topic-view_header-items-gathered .topic-view_header-item_category-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .topic-view .topic-view_header .topic-view_header-items-gathered {
    flex-direction: column;
    min-width: 0;
  }
}
.topic-view .topic-view_body-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .topic-view .topic-view_body {
    display: flex;
    flex-direction: column;
  }
}
.topic-view .topic-view_body .thread-list-block__title {
  margin-bottom: 0;
  font-size: 16px;
}
.topic-view .topic-view_body .thread-list-block__title .pill {
  vertical-align: top;
  margin-top: 2px;
  font-weight: var(--config--main-font-base-weight);
  font-size: 10px;
  border-radius: 2px;
}
.topic-view .topic-view_body .thread-list-block__title .icon--auto-width:before {
  height: 22px;
}
.topic-view .topic-view_body .thread-list-block__title .thread__content-type-pill {
  transition: 0.2s;
  background-color: var(--config--main-color-brand);
  margin-right: 4px;
}
.topic-view .topic-view_body .thread-list-block__title .tooltip--thread-type {
  margin-left: 0;
}
.topic-view .topic-view_body .thread-list-block__title .thread-list-block__title-link {
  line-height: 24px;
}
.topic-view .topic-view_body .thread-list-block__content {
  margin-top: 4px;
  margin-bottom: 0;
}
.topic-view .topic-view_body .thread-list-block__content a,
.topic-view .topic-view_body .thread-list-block__content span {
  word-wrap: anywhere;
  color: var(--config--main-color-night);
  padding-bottom: 4px;
}
.topic-view .topic-view_body .thread-list-block__article-wrapper {
  box-shadow: none;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.topic-view .topic-view_body .thread-list-block__article-wrapper .thread-list-block__article-excerpt {
  padding: 0;
}
.topic-view .topic-view_footer {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  max-width: 100%;
  column-gap: 20px;
  row-gap: 12px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .topic-view .topic-view_footer {
    position: absolute;
    bottom: 0;
    column-gap: 12px;
    flex-wrap: nowrap;
  }
  .topic-view .topic-view_footer.bottom_spacing {
    bottom: 16px;
  }
}
.topic-view .topic-view_footer .tooltip-container {
  cursor: pointer;
}
.topic-view .topic-view_footer .tooltip-container .icon--auto-width:before {
  vertical-align: baseline;
}
@media (max-width: 767px) {
  .topic-view .topic-view_footer .tooltip-container .icon--auto-width:before {
    vertical-align: sub;
  }
}
.topic-view .topic-view__action-bar {
  position: absolute;
  display: flex;
  align-items: center;
  top: 20px;
  right: 20px;
}
.topic-view .topic-view__action-bar .post__action-link {
  height: 24px;
  display: flex;
  width: 24px;
  justify-content: center;
  background-color: inherit;
}
.topic-view .topic-view__action-bar .post__action-link .icon--ellipsis {
  transform: rotate(90deg);
}
.topic-view .topic-view__action-bar .topic-view_sticky-flag {
  fill: var(--config--main-color-brand);
}

.topic-view .thread-meta-item {
  flex-shrink: 0;
}
.topic-view .thread-meta-item.thread-meta-item--last-update {
  flex-shrink: 1;
  min-width: 0;
}
.topic-view .thread-meta-item.thread-meta-item--last-update .avatar {
  flex-shrink: 0;
}
.topic-view .thread-meta-item.thread-meta-item--last-update .qa-topic-meta-last-post-date-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic-view .thread-meta-item.thread-meta-item--comments a {
  min-width: 24px;
}

.topic-view .thread-meta-item--vote {
  border-radius: 4px;
  position: absolute;
  line-height: 1;
  right: 0;
  top: 0;
  height: 70px;
  width: 62px;
  padding: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}
.topic-view .thread-meta-item--vote.add_spacing {
  top: 52px;
  right: 20px;
}
.topic-view .thread-meta-item--vote svg {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .topic-view .thread-meta-item--vote svg {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .topic-view .thread-meta-item--vote {
    position: static;
    flex-direction: row;
    height: auto;
    padding: 8px;
  }
  .topic-view .thread-meta-item--vote .qa-topic-meta-likes-content {
    margin-right: 4px;
    font-family: var(--config--main-font-base-stack);
  }
}

.thread-meta-item.btn--toggle.btn--toggle-small {
  line-height: normal;
  min-width: 10px;
  margin-right: 4px;
  border-radius: 2px;
  position: relative;
  right: 0;
  top: 0;
  height: 16px;
  width: 16px;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}

.thread-meta-item__icon {
  margin-right: 4px;
}
.thread-meta-item__icon.avatar {
  margin-right: 8px;
}

.thread-meta-item.thread-meta-item--hover-highlight:hover .thread-meta-item__icon:not(.avatar),
.thread-meta-item.thread-meta-item--hover-highlight:hover .thread-meta-item__text {
  color: var(--config-meta-text-color);
  filter: brightness(90%);
}
.thread-meta-item.thread-meta-item--hover-highlight:hover.thread-meta-item--likes--liked .thread-meta-item__icon,
.thread-meta-item.thread-meta-item--hover-highlight:hover.thread-meta-item--likes--liked .thread-meta-item__text {
  color: var(--config--main-color-brand);
}

.post-footer-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.post-footer-item:first-child {
  margin-left: 0;
}
.post-footer-item .post-footer-item-text:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .post-footer-item .post-footer-item-text {
    display: none;
  }
}
.post-footer-item svg {
  margin-right: 4px;
}

.post__footer-wrapper {
  display: flex;
  justify-content: space-between;
}
.post__footer-wrapper .list.post__actions {
  width: 100%;
}

.topic-public-tags-list,
.topic-liked-users,
.topic-voted-users {
  display: flex;
}
@media (max-width: 767px) {
  .topic-public-tags-list,
  .topic-liked-users,
  .topic-voted-users {
    padding-left: 0;
  }
}
.topic-public-tags-list > .avatar,
.topic-liked-users > .avatar,
.topic-voted-users > .avatar {
  margin-left: -8px;
}
.topic-public-tags-list > .avatar:first-child,
.topic-liked-users > .avatar:first-child,
.topic-voted-users > .avatar:first-child {
  margin-left: 0;
}
.topic-public-tags-list .topic-liked-users_text,
.topic-public-tags-list .topic-voted-users_text,
.topic-liked-users .topic-liked-users_text,
.topic-liked-users .topic-voted-users_text,
.topic-voted-users .topic-liked-users_text,
.topic-voted-users .topic-voted-users_text {
  margin-left: 8px;
}
.topic-public-tags-list .tooltip-container .tooltip-message,
.topic-liked-users .tooltip-container .tooltip-message,
.topic-voted-users .tooltip-container .tooltip-message {
  background-color: white;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.topic-public-tags-list ul.post-like-list__complete-list,
.topic-liked-users ul.post-like-list__complete-list,
.topic-voted-users ul.post-like-list__complete-list {
  margin: 0;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item:first-child .wrapper,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item:first-child .wrapper,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item:first-child .wrapper {
  border-top: none;
  padding-top: 0;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item {
  margin: 8px 0;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .link,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item .link,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item .link {
  display: flex;
  align-items: center;
}
.insided-control .topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .link,
.insided-control .topic-liked-users ul.post-like-list__complete-list .post-like-list__item .link,
.insided-control .topic-voted-users ul.post-like-list__complete-list .post-like-list__item .link {
  color: #181f26;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .link .avatar,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item .link .avatar,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item .link .avatar {
  margin-right: 8px;
  display: flex;
  flex-shrink: 0;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .wrapper,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item .wrapper,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item .wrapper {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--config--main-border-base-color);
  padding-top: 8px;
  color: var(--config-link-base-color);
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .wrapper .avatar,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item .wrapper .avatar,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item .wrapper .avatar {
  margin-right: 8px;
  display: flex;
  flex-shrink: 0;
}
.topic-public-tags-list ul.post-like-list__complete-list .post-like-list__item .wrapper span,
.topic-liked-users ul.post-like-list__complete-list .post-like-list__item .wrapper span,
.topic-voted-users ul.post-like-list__complete-list .post-like-list__item .wrapper span {
  width: max-content;
}
.topic-public-tags-list .canEditTags,
.topic-liked-users .canEditTags,
.topic-voted-users .canEditTags {
  display: flex;
  color: var(--config--main-color-brand);
  cursor: pointer;
}
.topic-public-tags-list .public-tag-edit,
.topic-liked-users .public-tag-edit,
.topic-voted-users .public-tag-edit {
  width: 100%;
}
.topic-public-tags-list .public-tag-edit .preact-selectize-dropdown input,
.topic-liked-users .public-tag-edit .preact-selectize-dropdown input,
.topic-voted-users .public-tag-edit .preact-selectize-dropdown input {
  width: 200px;
  opacity: 1;
  position: relative;
  left: 0;
}

.post-footer-item_show-more {
  float: right;
}
.post-footer-item_show-more .tooltip-container .tooltip-message {
  background-color: white;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: var(--config--main-color-night);
}
.post-footer-item_show-more .post-footer-item_show-more-list {
  margin: 8px 0;
  padding: 0;
}
.post-footer-item_show-more .post-footer-item_show-more-list li {
  list-style: none;
}
.post-footer-item_show-more .post-footer-item_show-more-list li:hover {
  color: var(--config--main-color-brand);
}

.list-item--publish-date .tooltip-container .tooltip-message {
  background: #fff;
  color: var(--config--main-color-night);
  width: 120px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: -25px;
  text-align: center;
}

.post__user__meta .text--meta .list--post__username {
  color: var(--config--main-color-brand);
}

.loading-wrapper {
  position: relative;
}
.loading-wrapper .topic-suggestion-loader {
  display: inline-block !important;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.loading-wrapper .topic-suggestion-loader img {
  width: 100%;
  height: 100%;
}

.topic-create_suggestions-wrapper input {
  font-family: var(--config--main-font-base-stack);
}
.topic-create_suggestions-wrapper .ais-SearchBox-form button {
  display: none;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-title {
  font-weight: bold;
  margin: 16px 0 8px;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list {
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  margin: 0;
  padding: 8px 0;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  color: inherit;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item:hover {
  cursor: pointer;
  background-color: #f6f6f6;
  color: inherit;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions-item-text {
  display: flex;
  flex-grow: 1;
  word-break: break-word;
  word-wrap: break-word;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_link-icon, .topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_type-icon {
  display: flex;
  align-self: stretch;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_type-icon {
  margin-right: 8px;
  padding-top: 3px;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_type-icon svg {
  height: 16px;
  width: 16px;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_type-icon svg path {
  fill: var(--config--main-color-brand);
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_link-icon {
  padding-top: 4px;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_link-icon svg {
  width: 12px;
  height: 12px;
}
.topic-create_suggestions-wrapper .topic-create_suggestions-list .topic-create_suggestions-item .topic-create_suggestions_link-icon svg path {
  fill: #3c4a57;
}
.topic-create_suggestions-wrapper ul {
  padding-left: 0;
}
.topic-create_suggestions-wrapper ul li {
  list-style-type: none;
}

.status-badge {
  display: inline-block;
  padding: 4px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  margin-right: 16px;
  margin-left: 16px;
}
.status-badge.status-badge--default {
  background-color: #c7c7c7;
  color: #54585a;
}
.status-badge.status-badge--draft {
  background-color: #f4a702;
  color: #fff;
}
.status-badge.status-badge--published, .status-badge.status-badge--completed {
  background-color: #13ad68;
  color: #fff;
}
.status-badge.status-badge--scheduled {
  background-color: #ea3477;
  color: #fff;
}
.status-badge.status-badge--archived {
  background-color: #f75d4f;
  color: #fff;
}
.status-badge.status-badge--active {
  background-color: #0369e9;
  color: #fff;
}
.status-badge.status-badge--sending {
  background-color: #f4a702;
  color: #fff;
}

.panel-header-title {
  display: flex;
  align-items: center;
}
.panel-header-title__text {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.panel-header-title__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
}

.panel-header-title-wrapper {
  width: 100%;
}

*:not(input, textarea, [contentEditable]):focus-visible:focus {
  outline: 2px solid var(--config--main-color-brand);
}

.preact-flag {
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  padding: 4px 9px;
  margin-left: 8px;
}
.preact-flag-success {
  background-color: #a2cf6b;
  color: #fff;
}
.preact-flag-secondary {
  background-color: #e8e8e8;
  color: #25313b;
}

.beta-badge {
  border: 1px solid #0369e9;
  border-radius: 4px;
  color: #0369e9;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 6px;
  margin-left: 8px;
}

.font-weight-normal {
  font-weight: 400;
}

.btn-danger-text,
.btn-danger-text:hover,
.btn-danger-text:active,
.btn-danger-text:visited,
.btn-danger-text:focus,
.btn-danger-text:active:hover {
  color: #d9604c;
}

.btn-secondary, body > .sortable-curated-topic .btn-default,
body > .hoverable .btn-default, .widget-configurator .widget-configurator__controls .btn-default,
.widget-configurator .homepage-widget-configurator__controls .btn-default,
.homepage-widget-configurator .widget-configurator__controls .btn-default,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-default {
  background: #fff;
  color: #25313b;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
  height: 48px;
}
.btn-secondary.btn--M, body > .sortable-curated-topic .btn--M.btn-default,
body > .hoverable .btn--M.btn-default, .widget-configurator .widget-configurator__controls .btn--M.btn-default,
.widget-configurator .homepage-widget-configurator__controls .btn--M.btn-default,
.homepage-widget-configurator .widget-configurator__controls .btn--M.btn-default,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn--M.btn-default {
  height: 40px;
}

.btn-secondary:hover, body > .sortable-curated-topic .btn-default:hover,
body > .hoverable .btn-default:hover, .widget-configurator .widget-configurator__controls .btn-default:hover,
.widget-configurator .homepage-widget-configurator__controls .btn-default:hover,
.homepage-widget-configurator .widget-configurator__controls .btn-default:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-default:hover,
.btn-secondary:active,
body > .sortable-curated-topic .btn-default:active,
body > .hoverable .btn-default:active,
.widget-configurator .widget-configurator__controls .btn-default:active,
.widget-configurator .homepage-widget-configurator__controls .btn-default:active,
.homepage-widget-configurator .widget-configurator__controls .btn-default:active,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-default:active,
.btn-secondary:visited,
body > .sortable-curated-topic .btn-default:visited,
body > .hoverable .btn-default:visited,
.widget-configurator .widget-configurator__controls .btn-default:visited,
.widget-configurator .homepage-widget-configurator__controls .btn-default:visited,
.homepage-widget-configurator .widget-configurator__controls .btn-default:visited,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-default:visited,
.btn-secondary:focus,
body > .sortable-curated-topic .btn-default:focus,
body > .hoverable .btn-default:focus,
.widget-configurator .widget-configurator__controls .btn-default:focus,
.widget-configurator .homepage-widget-configurator__controls .btn-default:focus,
.homepage-widget-configurator .widget-configurator__controls .btn-default:focus,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-default:focus {
  background: #e8e8e8;
  color: #25313b;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  box-shadow: none;
}

.btn-cancel {
  height: 40px;
  line-height: 1;
  top: 0;
}

.no-hover:hover, .no-hover:active, .no-hover:focus {
  background: #fff;
}

.btn-warning,
.btn-warning:visited,
.btn-warning:focus {
  background: #fff;
  color: #f75d4f;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
  height: 40px;
  line-height: 1;
  outline: none;
  position: relative;
}

.btn-warning:hover,
.btn-warning:active {
  background: #e8e8e8;
  color: #f75d4f;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

.full-page-loader-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  opacity: 0.5;
  z-index: 1000000;
}

.dynamic-save-bar {
  position: fixed;
  bottom: 0;
  width: calc(100% - 201px);
  margin-left: -40px;
  padding: 0 40px;
  background-color: #ffffff;
  border-top: 1px solid #c7c7c7;
  z-index: 5000;
  display: flex;
  align-items: center;
  height: 64px;
}

.dynamic-save-bar--buttons-right {
  justify-content: flex-end;
}

.sticky-top {
  position: fixed;
  top: 0;
  width: 40%;
  transform: translate(-50%, 0);
  left: 50%;
  margin-top: 24px;
  z-index: 9999;
}

@media only screen and (max-width: 768px) {
  .sticky-top {
    width: 80%;
  }
}
@media screen and (min-device-width: 769px) and (max-width: 1024px) {
  .sticky-top {
    width: 60%;
  }
}
.status-circle {
  display: inline-block;
  height: 8px;
  margin-right: 4px;
  min-width: 8px;
  border-radius: 50%;
}
.status-circle.status-circle--default {
  background-color: #c7c7c7;
}
.status-circle.status-circle--draft {
  background-color: #f4a702;
}
.status-circle.status-circle--published, .status-circle.status-circle--completed {
  background-color: #13ad68;
}
.status-circle.status-circle--scheduled {
  background-color: #ea3477;
}
.status-circle.status-circle--archived {
  background-color: #f75d4f;
}
.status-circle.status-circle--active {
  background-color: #0369e9;
}
.status-circle.status-circle--sending {
  background-color: #f4a702;
}
.status-circle.status-circle--past {
  background-color: #0069FF;
}

.alert-notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 400px;
  padding: 12px;
}

.alert-notification svg {
  align-self: flex-start;
  flex-shrink: 0;
  width: 20px;
}

.alert-notification svg path {
  fill: #fff;
}

.alert-notification__close {
  cursor: pointer;
}

.panel-heading.panel-heading--collapsible {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  cursor: pointer;
}

.panel-body.panel-body--collapsible {
  padding: 0 16px;
}
.panel-body.panel-body--collapsible > :first-child {
  margin-top: 16px;
}
.panel-body.panel-body--collapsible > :last-child {
  margin-bottom: 16px;
}

.panel-body.panel-body--collapse {
  max-height: 0;
  overflow: hidden;
}

.simple-panel {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  display: flex;
  padding: 24px;
}
.simple-panel .simple-panel__image {
  margin-right: 24px;
}
.simple-panel .simple-panel__action {
  margin-left: auto;
}
.simple-panel h5 {
  font-size: 16px;
  margin: 0;
  display: inline-block;
  padding-right: 8px;
}

.input-wrapper {
  display: flex;
  position: relative;
}
.input-wrapper .input-group {
  position: static;
  width: 100%;
}
.input-wrapper .input-group.has-post-icon {
  padding-right: 40px;
}
.input-wrapper .input-icon-wrapper {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: calc(100% - 2px);
  top: 1px;
  color: var(--config--main-color-night);
}
.input-wrapper .post-icon-wrapper {
  right: 1px;
  border-left: 1px solid var(--config--main-border-base-color);
}
.input-wrapper .pre-icon-wrapper {
  left: 1px;
  border-right: 1px solid var(--config--main-border-base-color);
}
.input-wrapper .pre-icon-wrapper + .input-group {
  padding-left: 40px;
}

.simple-collapsible__wrapper .simple-collapsible__open-button {
  display: flex;
}

.form-group input.validation-error,
.form-group textarea.validation-error {
  color: #25313b;
  border-color: #f75d4f;
}
.form-group .error-message {
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: #f75d4f;
}
.form-group .error-message-text {
  padding-left: 8px;
  font-size: 14px;
}
.form-group .icon-warning {
  vertical-align: middle;
}
.form-group .inline {
  display: flex;
  align-items: center;
}
.form-group .inline label {
  margin: 0;
}
.form-group .inline input {
  margin: 0 0.5em 0 0;
}
.form-group .inline input[type=checkbox], .form-group .inline input[type=radio] {
  order: -1;
}
.form-group label.hide-label {
  display: none;
}

.control-bold {
  font-weight: 700;
}

.warning-box,
.tip-box {
  box-sizing: border-box;
  border: 1px solid #cce1ff;
  background: #f2f8ff;
  border-radius: 4px;
  font-size: 14px;
  padding: 16px;
}

.warning-box {
  margin-bottom: 24px;
}

.textarea-new {
  font-size: 14px;
  padding: 12px;
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.2);
}
.textarea-new:focus {
  outline: none;
}
.textarea-new:focus.textarea-control {
  border-color: #0369e9;
}
.textarea-new:focus.textarea-destination {
  border-color: var(--config--main-color-brand);
}

.textarea-vertical {
  resize: vertical;
}

.social-sharing .tooltip-container {
  display: block;
}
.social-sharing .tooltip-container .tooltip-trigger {
  display: block;
}
.social-sharing .tooltip-container .tooltip-trigger .share-button {
  min-width: 48px;
  margin-left: 8px;
  background-color: #fff;
  border: 1px solid var(--config--main-border-base-color);
  color: var(--config--main-color-dusk-dark);
}
.social-sharing .tooltip-container .tooltip-trigger .share-button:hover {
  color: var(--config--main-color-dusk-dark);
  background-color: #fff;
}
.social-sharing .tooltip-container .tooltip-trigger .share-button svg {
  vertical-align: middle;
}
.social-sharing .tooltip-container .tooltip-message {
  max-width: none;
  background: #fff;
}
.social-sharing .tooltip-container .tooltip-message .arrow {
  top: -8px;
}
.social-sharing .tooltip-container .tooltip-message .arrow:after {
  box-shadow: 4px -4px 3px -4px rgba(0, 0, 0, 0.2);
  background: #fff;
}
@media (max-width: 767px) {
  .social-sharing .tooltip-container .tooltip-message {
    transform: translate(calc(-100% + 30px), 8px);
    text-align: right;
  }
  .social-sharing .tooltip-container .tooltip-message .arrow {
    margin-left: -40px;
  }
}
.social-sharing .tooltip-container .tooltip-message .share-container {
  display: flex;
  margin: 0 -2px;
}
.social-sharing .tooltip-container .tooltip-message .share-container > a {
  margin: 0 2px;
  min-width: initial;
  border-radius: 4px;
}
.social-sharing .tooltip-container:hover .tooltip-message {
  display: block;
  pointer-events: auto;
  opacity: 1;
}

.panel-form-information {
  padding: 8px;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 16px;
  font-size: 14px;
}
.panel-form-information .panel-form-information__icon-box svg {
  display: block;
  margin-right: 8px;
  min-width: 20px;
}
.panel-form-information a {
  text-decoration: underline;
}
.panel-form-information--info, .panel-form-information--loading {
  color: #3c4a57;
  background-color: #f6f6f6;
  border-color: #d5d9de;
}
.panel-form-information--info .panel-form-information__icon-box svg path, .panel-form-information--loading .panel-form-information__icon-box svg path {
  fill: #959898;
}
.panel-form-information--info a, .panel-form-information--loading a {
  color: #3c4a57;
}
.panel-form-information--info a:hover, .panel-form-information--info a:focus, .panel-form-information--loading a:hover, .panel-form-information--loading a:focus {
  color: #3c4a57;
}
.panel-form-information--success {
  color: #25313b;
  background-color: #f6fdfa;
  border-color: #98e7b1;
}
.panel-form-information--success .panel-form-information__icon-box svg path {
  fill: #13ad68;
}
.panel-form-information--success a {
  color: #25313b;
}
.panel-form-information--success a:hover, .panel-form-information--success a:focus {
  color: #25313b;
}
.panel-form-information--warning {
  color: #25313b;
  background-color: #fffaeb;
  border-color: #ffe18f;
}
.panel-form-information--warning .panel-form-information__icon-box svg path {
  fill: #f4a702;
}
.panel-form-information--warning a {
  color: #25313b;
}
.panel-form-information--warning a:hover, .panel-form-information--warning a:focus {
  color: #25313b;
}
.panel-form-information--danger {
  color: #f75d4f;
  background-color: #f9968d;
  border-color: #f75d4f;
}
.panel-form-information--danger .panel-form-information__icon-box svg path {
  fill: #f75d4f;
}
.panel-form-information--danger a {
  color: #f75d4f;
}
.panel-form-information--danger a:hover, .panel-form-information--danger a:focus {
  color: #f75d4f;
}
.panel-form-information--fullWidth {
  width: 100%;
}

.panel-form-information__title {
  flex: 1;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.6em;
}

.how-to-with-icon .icon-open-in-new {
  color: #0369e9;
  vertical-align: middle;
}
.how-to-with-icon a:focus {
  outline-color: #0369e9;
  outline-offset: 2px;
}
.how-to-with-icon .how-to-link-for-toggle,
.how-to-with-icon .how-to-link-for-block {
  padding-right: 8px;
  font-size: 14px;
  color: #0369e9;
}
.how-to-with-icon .how-to-link-for-toggle {
  padding-left: 64px;
}

.overview-switcher {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #0369e9;
}
@media (max-width: 768px) {
  .overview-switcher {
    display: none;
  }
}

.overview-switcher-old-link-text {
  color: #3c4a57;
}
.overview-switcher-old-link-text:hover {
  text-decoration: underline;
  color: #3c4a57;
}

.form-group--new-style label {
  font-size: 14px;
  font-weight: 500;
}
.form-group--new-style .form-control {
  border-color: #d5d9de;
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  height: 40px;
  padding: 10px 12px;
}
.form-group--new-style .form-control:focus {
  border-color: #0369e9;
}

.editable-input-with-variable .input-wrapper {
  display: flex;
}
.editable-input-with-variable .content-editable {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  height: 40px;
  font-size: 14px;
  white-space: nowrap;
  white-space: -moz-pre-space;
  overflow: hidden;
}
.editable-input-with-variable .content-editable:focus {
  outline: none;
  border-color: #0369e9;
}
.editable-input-with-variable .content-editable.error {
  border-color: #f75d4f;
}
.editable-input-with-variable .variable-dropdown {
  display: flex;
  border: 1px solid #d5d9de;
  border-left: none;
  height: 40px;
  padding: 10px 12px;
  border-radius: 0 4px 4px 0;
}
.editable-input-with-variable .variable-dropdown.focused {
  outline: none;
  border-color: #0369e9;
}
.editable-input-with-variable .variable-dropdown .control-dropdown__list {
  min-width: 280px;
  top: 20px;
  right: -13px;
}

.topic-reply-box-wrapper > :last-child {
  border-bottom: none;
}

.pagination-wrapper {
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.pagination-wrapper .pagination.is-hidden-mobile-up {
  border-bottom: none;
}

.input-subdomain-wrapper {
  color: #25313b;
  padding: 9px 12px;
  border: 1px solid #d5d9de;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-left: 0;
}

.input-label-meta-text {
  color: #3c4a57;
  font-size: 14px;
}

.section-wrapper {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  margin-bottom: 16px;
}

.section-header,
.section-body {
  padding: 16px 24px;
}

.section-header {
  background-color: #f6f6f6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #d5d9de;
}
.section-header .section-header-title {
  font-weight: 700;
  font-size: 16px;
  color: #25313b;
}
.section-header .section-header-controls {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.section-header .section-header-support {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-header .section-header-action {
  display: flex;
  align-items: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon-loading-spinner {
  animation: spin 2s infinite ease-in-out;
  transform-origin: center center;
}

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85%;
}

.community-settings-page .section-title,
.community-settings-page .section-content h4,
.community-settings-page .failed-content h4,
.community-settings-page .success-message .content h4,
.community-settings-page .connection-pending .progress-header .content h4 {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
.community-settings-page .section-content p,
.community-settings-page .status-item,
.community-settings-page .failed-content p,
.community-settings-page .success-message .content p,
.community-settings-page .connection-pending .progress-header .content p,
.community-settings-page .connection-initial p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .message-container,
.community-settings-page .failed-message,
.community-settings-page .success-message {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.community-settings-page .message-content,
.community-settings-page .failed-content,
.community-settings-page .success-message .content,
.community-settings-page .connection-pending .progress-header .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.community-settings-page .status-value-item,
.community-settings-page .status-icon-frame,
.community-settings-page .external-link-button,
.community-settings-page .panel-header-title-wrapper,
.community-settings-page .panel-header-title,
.community-settings-page .section-icons,
.community-settings-page .icon-container {
  display: flex;
  align-items: center;
}
.community-settings-page .destination-url-view,
.community-settings-page .destination-url-section,
.community-settings-page .destination-url-header,
.community-settings-page .update-section-left {
  display: flex;
  flex-direction: column;
}
.community-settings-page .network-icon-svg,
.community-settings-page .arrow-icon,
.community-settings-page .status-item .status-icon,
.community-settings-page .progress-step .step-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.community-settings-page .failed-icon,
.community-settings-page .success-message .icon,
.community-settings-page .progress-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.community-settings-page .dns-table thead th,
.community-settings-page .dns-table__loading-header th,
.community-settings-page .dns-table tbody td,
.community-settings-page .status-header .status-cell,
.community-settings-page .status-values .status-cell,
.community-settings-page .check-status,
.community-settings-page .connection-success {
  padding: 16px;
}
.community-settings-page .status-table,
.community-settings-page .dns-table-container,
.community-settings-page .update-section,
.community-settings-page .check-status {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background: #fff;
}
.community-settings-page .community-settings {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px 8px;
  align-self: stretch;
  min-height: calc(100vh - 80px);
  width: 100%;
  max-width: none;
}
.community-settings-page .destination-url-view {
  gap: 24px;
  width: 100%;
}
.community-settings-page .destination-url-section {
  gap: 24px;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.community-settings-page .destination-url-header {
  gap: 8px;
}
.community-settings-page .destination-url-title {
  font-size: 20px;
  font-weight: 700;
  color: #181f26;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
.community-settings-page .destination-url-description {
  font-size: 14px;
  font-weight: 400;
  color: #181f26;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
  width: 100%;
  max-width: 745px;
}
.community-settings-page .url-display-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.community-settings-page .url-field {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #873ed1;
  background: #f9f5fd;
  box-sizing: border-box;
}
.community-settings-page .url-text {
  color: #25313b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-family: Monospace;
  flex: 1;
}
.community-settings-page .external-link-button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  justify-content: center;
  flex-shrink: 0;
}
.community-settings-page .external-link-button:hover .external-link-icon {
  color: #0369e9;
}
.community-settings-page .external-link-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #5f6c7a;
  transition: color 0.2s ease;
}
.community-settings-page .status-table {
  width: 100%;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background: #fff;
}
.community-settings-page .status-row {
  display: flex;
  align-items: stretch;
}
.community-settings-page .status-cell {
  flex: 1;
  display: flex;
  align-items: center;
}
.community-settings-page .status-header {
  border-bottom: 1px solid #d5d9de;
}
.community-settings-page .status-header .status-cell {
  color: #181f26;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .community-settings-page .status-header .status-cell {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .community-settings-page .status-values .status-cell {
    padding: 12px;
  }
}
.community-settings-page .status-value-item {
  gap: 8px;
}
.community-settings-page .status-icon-frame {
  justify-content: center;
}
.community-settings-page .status-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #13ad68;
}
.community-settings-page .update-section {
  display: flex;
  padding: 20px 24px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  width: 100%;
}
@media (max-width: 1024px) {
  .community-settings-page .update-section {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px 20px;
  }
}
@media (max-width: 767px) {
  .community-settings-page .update-section {
    padding: 16px;
  }
}
.community-settings-page .update-section-left {
  align-items: flex-start;
  flex: 1;
}
.community-settings-page .update-title {
  color: #181f26;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .update-warning {
  color: #5f6c7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .update-section-right {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .community-settings-page .update-section-right {
    align-items: stretch;
  }
}
.community-settings-page .destination-url-edit {
  width: 100%;
  max-width: none;
}
.community-settings-page .panel-container,
.community-settings-page .accordion-panel,
.community-settings-page .stateless-panel {
  width: 100%;
}
.community-settings-page .panel-header-container {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.community-settings-page .panel-header-title-wrapper {
  gap: 0;
  padding: 0;
}
.community-settings-page .panel-header-title {
  gap: 16px;
}
.community-settings-page .section-icons {
  gap: 0;
}
.community-settings-page .icon-container {
  gap: 0;
  justify-content: center;
  height: 40px;
  width: 40px;
}
.community-settings-page .icon-container.network-icon {
  background: #0369e9;
  border-color: #0369e9;
}
.community-settings-page .icon-text {
  font-size: 12px;
  font-weight: 600;
  color: #181f26;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .network-icon-svg {
  color: #fff;
}
.community-settings-page .arrow-icon {
  color: #5f6c7a;
}
.community-settings-page .section-title {
  color: #181f26;
}
.community-settings-page .section-content {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;
}
.community-settings-page .section-content h4 {
  color: #181f26;
  margin-bottom: 12px;
}
.community-settings-page .section-content p {
  color: #5f6c7a;
  margin-bottom: 20px;
}
.community-settings-page .dns-table-container {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  isolation: isolate;
}
.community-settings-page .dns-table {
  width: 100%;
  border-collapse: collapse;
  background-color: transparent;
  overflow: hidden;
}
.community-settings-page .dns-table.dns-table--disabled {
  opacity: 0.6;
  filter: grayscale(0.2);
}
@media (max-width: 767px) {
  .community-settings-page .dns-table {
    min-width: auto;
    font-size: 12px;
  }
}
.community-settings-page .dns-table thead th {
  text-align: left;
  color: #181f26;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .community-settings-page .dns-table thead th {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .community-settings-page .dns-table__loading-header th {
    padding: 12px;
  }
}
.community-settings-page .dns-table tbody tr:hover {
  background: #fbfbfc;
}
.community-settings-page .dns-table tbody td {
  font-size: 14px;
  color: #25313b;
  vertical-align: top;
  border-top: 1px solid #d5d9de;
}
@media (max-width: 767px) {
  .community-settings-page .dns-table tbody td {
    padding: 12px;
  }
}
.community-settings-page .dns-table tbody tr:last-child td {
  border-bottom: none;
}
.community-settings-page .dns-table__loading-row:hover {
  background: transparent;
}
.community-settings-page .dns-table__shimmer {
  height: 16px;
  background-color: #e6e9ec;
  border-radius: 4px;
  animation: loading-animation 3000ms ease-in-out infinite;
  position: relative;
  overflow: hidden;
}
.community-settings-page .dns-table__shimmer--type {
  width: 40%;
  min-width: 60px;
}
.community-settings-page .dns-table__shimmer--name {
  width: 60%;
  min-width: 120px;
}
.community-settings-page .dns-table__shimmer--value {
  width: 80%;
  min-width: 200px;
}
.community-settings-page .dns-table__shimmer--header {
  height: 12px;
  width: 100%;
  display: inline-block;
  background-color: #d5d9de;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  animation: loading-animation 3000ms ease-in-out infinite;
}
.community-settings-page .dns-table__shimmer::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 2s infinite linear;
  content: "";
  z-index: 1;
  pointer-events: none;
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes loading-animation {
  0% {
    background-color: #e6e9ec;
  }
  50% {
    background-color: #f5f7f9;
  }
  100% {
    background-color: #e6e9ec;
  }
}
.community-settings-page .dns-actions {
  display: flex;
  justify-content: flex-start;
}
.community-settings-page .copy-integration-wrapper .button-control-new > div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.community-settings-page .copy-integration-wrapper .button-control-new > div > svg {
  order: 2;
}
.community-settings-page .copy-integration-wrapper .button-control-new > div > div {
  order: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.community-settings-page .check-status {
  margin-bottom: 20px;
}
.community-settings-page .status-item {
  gap: 12px;
  margin-bottom: 12px;
  color: #5f6c7a;
}
.community-settings-page .status-item:last-child {
  margin-bottom: 0;
}
.community-settings-page .connection-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.community-settings-page .connection-check--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.community-settings-page .section-actions {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
}
.community-settings-page .connection-failed {
  background: color-mix(in srgb, #f75d4f, transparent 95%);
  padding: 16px;
  border-radius: 4px;
}
.community-settings-page .message-container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.community-settings-page .failed-message {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.community-settings-page .failed-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #dc3626;
}
.community-settings-page .message-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.community-settings-page .failed-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.community-settings-page .failed-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #f75d4f;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
.community-settings-page .failed-content p {
  font-size: 14px;
  font-weight: 400;
  color: #f75d4f;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .status-badge {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  border-radius: 2px;
  text-transform: uppercase;
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.96px;
  color: #fff;
}
.community-settings-page .status-badge--completed {
  background: #13ad68;
}
.community-settings-page .status-badge--pending {
  background: #ff7e2a;
}
.community-settings-page .status-badge--failed {
  background: #dc3626;
}
.community-settings-page .connection-success {
  background: #ebfbee;
  padding: 16px;
  border-radius: 4px;
}
.community-settings-page .success-message {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.community-settings-page .success-message .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #13ad68;
}
.community-settings-page .success-message .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.community-settings-page .success-message .content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #181f26;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
.community-settings-page .success-message .content p {
  font-size: 14px;
  font-weight: 400;
  color: #5f6c7a;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .connection-pending {
  background: #f5f7f9;
  border-radius: 4px;
  padding: 16px 16px 0;
}
.community-settings-page .connection-pending .progress-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.community-settings-page .connection-pending .progress-header .progress-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #181f26;
}
.community-settings-page .connection-pending .progress-header .content {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.community-settings-page .connection-pending .progress-header .content h4 {
  font-size: 16px;
  font-weight: 600;
  color: #25313b;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
.community-settings-page .connection-pending .progress-header .content p {
  font-size: 14px;
  font-weight: 400;
  color: #5f6c7a;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .connection-pending .progress-steps {
  margin-top: 20px;
}
.community-settings-page .connection-pending .progress-steps .progress-step {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 4px;
}
.community-settings-page .connection-pending .progress-steps .progress-step.active {
  background-color: #fff3d1;
}
.community-settings-page .connection-pending .progress-steps .progress-step .step-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #fb0;
}
.community-settings-page .connection-pending .progress-steps .progress-step span {
  font-size: 14px;
  font-weight: 400;
  color: #5f6c7a;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
.community-settings-page .connection-initial p {
  font-size: 14px;
  font-weight: 400;
  color: #5f6c7a;
  font-style: normal;
  line-height: 1.5;
  margin: 0 0 20px 0;
}
.community-settings-page .retry-connection-wrapper {
  margin-top: 16px;
}

.unsubscribe-wrapper {
  padding: 24px;
  max-width: 570px;
  background: #ffffff;
  border: 1px solid #d5d9de;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 480px) {
  .unsubscribe-wrapper {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media screen and (min-width: 481px) {
  .unsubscribe-wrapper {
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.unsubscribe-wrapper .unsubscribe-title {
  font-size: 32px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.unsubscribe-wrapper .unsubscribe-body {
  margin-bottom: 16px;
  margin-top: 16px;
}

.user-selector .preact-pill div {
  display: flex;
  align-items: center;
}
.user-selector .preact-pill .avatar {
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin-right: 8px;
}
.user-selector .selector-item div {
  display: flex;
  align-items: center;
}
.user-selector .selector-item div span {
  align-self: inherit;
}
.user-selector .selector-item div .avatar {
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin-right: 8px;
}
.user-selector .selector-item div .avatar a {
  padding: 0;
}

.widget-configurator .community-statistics-widget__configurator input[type=checkbox],
.homepage-widget-configurator .community-statistics-widget__configurator input[type=checkbox] {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.widget-configurator .community-statistics-widget__configurator .article-creator__sidebar--checkbox,
.homepage-widget-configurator .community-statistics-widget__configurator .article-creator__sidebar--checkbox {
  margin-bottom: 9px;
}
.widget-configurator .community-statistics-widget__configurator .article-creator__sidebar--checkbox label,
.homepage-widget-configurator .community-statistics-widget__configurator .article-creator__sidebar--checkbox label {
  cursor: pointer;
}

.widget.widget--stats .box__content .what-is-going-on:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.widget.widget--stats .box__content .what-is-going-on .dl--tabular dt {
  width: 30%;
  font-weight: bold;
}
.widget.widget--stats .box__content .what-is-going-on .dl--tabular dd {
  width: 70%;
  font-weight: var(--config--main-font-base-weight);
}

.banner-container {
  list-style-position: inside;
}
.banner-container .banner-widget__layout {
  display: flex;
  align-items: center;
}
.banner-container .banner-widget__contents {
  margin: 16px 0;
}
.banner-container .banner-widget__layout > * {
  flex: 1;
  padding: 0 14px;
  width: 100%;
}
.banner-container .banner-widget__image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.banner-container h2 {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .banner-container .banner-widget__layout {
    display: block;
  }
}
@media (max-width: 1024px) {
  .banner-container {
    padding: 0 16px;
  }
  .banner-container .banner-widget__layout > * {
    padding: 0;
  }
}
.banner-container .banner-widget__button {
  margin-top: 8px;
}
.banner-container .btn--secondary, .banner-container .event-header-container .event-header-wrapper .event__ended, .event-header-container .event-header-wrapper .banner-container .event__ended,
.banner-container .event-header-container .event-header-wrapper .event__attended,
.event-header-container .event-header-wrapper .banner-container .event__attended, .banner-container .event-header-container .event-header-wrapper .event__attending, .event-header-container .event-header-wrapper .banner-container .event__attending, .banner-container .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__ended, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .banner-container .event__ended,
.banner-container .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attended,
.search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .banner-container .event__attended, .banner-container .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .event__attending, .search-revamp .instant-search-wrapper .event-header-container .event-header-wrapper .banner-container .event__attending {
  margin-left: 8px;
}
.banner-container .btn--cta:empty + .btn--secondary, .banner-container .event-header-container .event-header-wrapper .btn--cta:empty + .event__ended, .event-header-container .event-header-wrapper .banner-container .btn--cta:empty + .event__ended,
.banner-container .event-header-container .event-header-wrapper .btn--cta:empty + .event__attended,
.event-header-container .event-header-wrapper .banner-container .btn--cta:empty + .event__attended, .banner-container .event-header-container .event-header-wrapper .btn--cta:empty + .event__attending, .event-header-container .event-header-wrapper .banner-container .btn--cta:empty + .event__attending {
  margin-left: 0;
}
@media (max-width: 767px) {
  .banner-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr max-content;
    text-align: center;
    border-width: 1px 0;
  }
  .banner-container h2 {
    font-size: 20px;
  }
  .banner-container .banner-widget__button {
    padding-top: 0;
  }
  .banner-container .banner-widget__button a {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .banner-container .banner-widget__button .btn--secondary, .banner-container .banner-widget__button .event-header-container .event-header-wrapper .event__ended, .event-header-container .event-header-wrapper .banner-container .banner-widget__button .event__ended,
  .banner-container .banner-widget__button .event-header-container .event-header-wrapper .event__attended,
  .event-header-container .event-header-wrapper .banner-container .banner-widget__button .event__attended, .banner-container .banner-widget__button .event-header-container .event-header-wrapper .event__attending, .event-header-container .event-header-wrapper .banner-container .banner-widget__button .event__attending {
    margin-top: 8px;
  }
  .banner-container .banner-widget__button .btn--cta:empty + .btn--secondary, .banner-container .banner-widget__button .event-header-container .event-header-wrapper .btn--cta:empty + .event__ended, .event-header-container .event-header-wrapper .banner-container .banner-widget__button .btn--cta:empty + .event__ended,
  .banner-container .banner-widget__button .event-header-container .event-header-wrapper .btn--cta:empty + .event__attended,
  .event-header-container .event-header-wrapper .banner-container .banner-widget__button .btn--cta:empty + .event__attended, .banner-container .banner-widget__button .event-header-container .event-header-wrapper .btn--cta:empty + .event__attending, .event-header-container .event-header-wrapper .banner-container .banner-widget__button .btn--cta:empty + .event__attending {
    margin-top: 0;
  }
}

.widget-configurator .widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tab-header {
  cursor: pointer;
}
.widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tab-template .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tab-template .homepage-widget-configurator_tab-content {
  display: flex;
  justify-content: space-between;
}
.widget-configurator select,
.homepage-widget-configurator select {
  padding: 8px;
  margin-top: 4px;
}
.widget-configurator .html-editor__wrapper,
.homepage-widget-configurator .html-editor__wrapper {
  margin-top: 4px;
}
.widget-configurator .content_description .cke_combo__styles,
.widget-configurator .content_description .cke_combo__callout,
.widget-configurator .content_description .cke_button__textcolor,
.widget-configurator .content_description .cke_button__bgcolor,
.widget-configurator .content_description .cke_button__imageupload,
.widget-configurator .content_description .cke_button__insidedattachment,
.widget-configurator .content_description .cke_button__blockquote,
.widget-configurator .content_description .cke_button__more,
.widget-configurator .content_description .cke_toolbar_separator,
.homepage-widget-configurator .content_description .cke_combo__styles,
.homepage-widget-configurator .content_description .cke_combo__callout,
.homepage-widget-configurator .content_description .cke_button__textcolor,
.homepage-widget-configurator .content_description .cke_button__bgcolor,
.homepage-widget-configurator .content_description .cke_button__imageupload,
.homepage-widget-configurator .content_description .cke_button__insidedattachment,
.homepage-widget-configurator .content_description .cke_button__blockquote,
.homepage-widget-configurator .content_description .cke_button__more,
.homepage-widget-configurator .content_description .cke_toolbar_separator {
  display: none;
}

.badges-widget__configurator {
  padding: 16px 24px;
}

.widget--badges .widget--badges__btn-more {
  margin-top: 16px;
}

.is-customizing {
  overflow-x: hidden;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  /**
        height is zero here because in the file js/src/destination/modules/Customization/configurator/editor.tsx
        we have `mouseenter` and `mouseleave` listeners which fires
        when the mouse is over this add-widget-button-wrapper element
        since our clickable area is on the left, we can "hide" this element
        from mentioned above events to display "widget-controls" and "widget-tab"s

        To make it easier for the further refactoring, I've gathered hacky styles here, so
        it'll be easier to remove them once the problem is solved
    */
}
.is-customizing .scroll-to-top-sticky-button {
  display: none !important;
}
.is-customizing .widget-container--feature_topics,
.is-customizing .homepage-widget-container--feature_topics {
  max-width: 100vw;
}
.is-customizing .body-wrapper {
  width: 100%;
}
.is-customizing > * {
  grid-column: 1;
}
.is-customizing .new-widget-dropdown-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  background: #25313b;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  margin-left: 66px;
}
.is-customizing .new-widget-dropdown-list.new-widget-dropdown-list--nested {
  margin-left: 4px;
}
.is-customizing .new-widget-dropdown-list ul {
  margin: 0;
  padding: 8px 0;
}
.is-customizing .new-widget-dropdown-list .new-widget-dropdown-item {
  list-style: none;
  padding: 8px 16px;
}
.is-customizing .new-widget-dropdown-list .new-widget-dropdown-item:hover {
  cursor: pointer;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), #25313b;
}
.is-customizing .new-widget-dropdown-list .new-widget-dropdown-item .new-widget-dropdown-item-title {
  color: #fff;
  font-weight: bold;
}
.is-customizing .new-widget-dropdown-list .new-widget-dropdown-item .new-widget-dropdown-item-description {
  margin-top: 4px;
  color: #d5d9de;
}
.is-customizing .widget-container,
.is-customizing .homepage-widget-container {
  position: relative;
  border: 1px dashed transparent;
  background: var(--config-body-background-color);
  margin-top: -1px;
}
.is-customizing .widget-container--edit,
.is-customizing .homepage-widget-container--edit {
  background: color-mix(in srgb, #25313b, transparent 90%);
  border: 1px dashed rgba(43, 51, 70, 0.4);
  margin: 1px;
}
.is-customizing .widget-container--hovered,
.is-customizing .homepage-widget-container--hovered {
  border: 1px dashed rgba(43, 51, 70, 0.4);
  z-index: 4300 !important;
}
.is-customizing .widget-container--hovered:after,
.is-customizing .homepage-widget-container--hovered:after {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #25313b;
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 99999;
  content: " ";
}
.is-customizing .widget-container--hovered.widget-container--header:after,
.is-customizing .homepage-widget-container--hovered.widget-container--header:after {
  z-index: auto;
}
.is-customizing .widget-container--container_2_1:after,
.is-customizing .homepage-widget-container--container_2_1:after {
  z-index: 20;
}
.is-customizing .widget-container--hovered,
.is-customizing .widget-container,
.is-customizing .homepage-widget-container--hovered,
.is-customizing .homepage-widget-container {
  border: 1px dashed rgba(43, 51, 70, 0.4);
}
.is-customizing .widget-container .widget-container .homepage-widget-container .homepage-widget-container {
  padding: 8px;
}
.is-customizing .widget-placeholder,
.is-customizing .homepage-widget-placeholder {
  transition: all 0.2s;
  min-height: 20px;
  z-index: 4000;
}
.is-customizing .widget-container .widget-placeholder,
.is-customizing .homepage-widget-container .homepage-widget-placeholder {
  position: relative;
}
.is-customizing .widget-container--inactive .widget-placeholder > :first-child .homepage-widget-container--inactive .homepage-widget-placeholder > :first-child {
  opacity: 0.5;
}
.is-customizing .widget-controls,
.is-customizing .homepage-widget-controls {
  transition: 0.2s ease-in;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 4200;
}
.is-customizing .widget-controls--container_2_1,
.is-customizing .homepage-widget-controls--container_2_1 {
  z-index: 3900;
}
.is-customizing .widget-tab-positioner,
.is-customizing .homepage-widget-tab-positioner {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}
.is-customizing .widget-controls--header .widget-tab-positioner .homepage-widget-controls--header .homepage-widget-tab-positioner {
  top: 100%;
}
.is-customizing .widget-tab,
.is-customizing .homepage-widget-tab {
  color: #fff;
  font-weight: bold;
  background: #25313b;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  padding: 0 8px 0 16px;
  transform: translateY(-100%);
  transition: opacity ease-out;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 0;
  z-index: 4300;
}
.is-customizing .widget-tab .widget-tab-privacy-indicator,
.is-customizing .homepage-widget-tab .widget-tab-privacy-indicator {
  display: flex;
  align-items: center;
  margin-right: 14px;
}
.is-customizing .widget-tab {
  overflow: visible;
}
.is-customizing .widget-tab .widget-tab-privacy-list {
  padding-left: 0;
}
.is-customizing .widget-tab .widget-tab-privacy-list .widget-tab-privacy-list--label {
  font-weight: normal;
}
.is-customizing .widget-tab .widget-tab-privacy-list .widget-tab-privacy-list--label,
.is-customizing .widget-tab .widget-tab-privacy-list .widget-tab-privacy-list--item {
  list-style: none;
  line-height: 24px;
}
.is-customizing .widget-placeholder .widget-controls .widget-tab,
.is-customizing .homepage-widget-placeholder .homepage-widget-controls .homepage-widget-tab {
  left: 0;
}
.is-customizing .widget-controls--header .widget-tab,
.is-customizing .homepage-widget-controls--header .homepage-widget-tab {
  transform: none;
  border-radius: 0 0 4px 4px;
}
.is-customizing .widget-non-active-state,
.is-customizing .homepage-widget-non-active-state {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #959898;
}
.is-customizing .widget-tab__button,
.is-customizing .homepage-widget-tab__button {
  margin-right: 4px;
}
.is-customizing .widget-tab__button button,
.is-customizing .homepage-widget-tab__button button {
  color: #fff;
  display: block !important;
}
.is-customizing .widget-tab__button svg,
.is-customizing .homepage-widget-tab__button svg {
  color: #fff;
  display: block;
}
.is-customizing .widget-tab__button--arrow-up,
.is-customizing .homepage-widget-tab__button--arrow-up {
  margin-left: 4px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 8px;
}
.is-customizing:not(.widget-tab__button--arrow-up) + .widget-tab__button--arrow-down, .is-customizing:not(.homepage-widget-tab__button--arrow-up) + .homepage-widget-tab__button--arrow-down {
  margin-left: 4px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 8px;
}
.is-customizing .widget--emtpy,
.is-customizing .homepage-widget--emtpy {
  border: 1px dashed #bfc2c8;
  padding: 24px;
}
.is-customizing .customization-toolbar {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.is-customizing .customization-toolbar .customization-toolbar_edit-layout-text {
  font-weight: bold;
  margin-right: 16px;
}
.is-customizing .customization-toolbar .customization-toolbar_publish-button-content {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.is-customizing .widget-container--container-2-1-column_2,
.is-customizing .homepage-widget-container--container-2-1-column_2 {
  position: relative;
  z-index: 4500;
}
.is-customizing .widget-container--container-2-1-column_1:empty,
.is-customizing .widget-container--container-2-1-column_2:empty,
.is-customizing .homepage-widget-container--container-2-1-column_1:empty,
.is-customizing .homepage-widget-container--container-2-1-column_2:empty {
  margin-bottom: 32px;
  border: 1px dashed rgba(43, 51, 70, 0.4);
  min-height: 64px;
  padding: 4px;
}
.is-customizing .add-widget-button-wrapper,
.is-customizing .add-widget-button-container {
  height: 0;
  transform: translateY(0%);
}
.is-customizing .add-widget-button-wrapper {
  position: absolute;
  width: 100%;
  z-index: 4910;
  transition: top 0.15s cubic-bezier(0.06, 1, 0.14, 0.97);
}
.is-customizing .add-widget-button-container {
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
}
.is-customizing .add-widget-button-container--hidden {
  opacity: 0;
}
.is-customizing .add-widget-button {
  background-color: transparent;
  border: none;
  padding: 0;
  left: 16px;
  cursor: pointer;
  position: relative;
  display: flex;
  color: #25313b;
  z-index: 2;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
.is-customizing .add-widget-button:active svg {
  transition: inherit;
  transform: translateX(1px);
}
.is-customizing .add-widget-button:hover + .add-widget-button-line {
  transform: scaleX(1);
}
.is-customizing .add-widget-button--nested {
  transform: translateX(calc(-100% - 16px));
}
.is-customizing .add-widget-button--nested + .add-widget-button-line {
  left: 0;
}
.is-customizing .add-widget-button-line {
  position: absolute;
  top: 50%;
  left: 16px;
  right: 0;
  height: 2px;
  margin-top: -1px;
  transform: scaleX(0);
  transition: transform 0.2s ease;
  transform-origin: left center;
  background-color: #25313b;
  z-index: 1;
}

.widget-configurator,
.homepage-widget-configurator {
  width: 100%;
  background-color: #fff;
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 20;
  height: 100vh;
  position: sticky;
  right: 0;
  top: 0;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  z-index: 9000;
  transition: width 0.4s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  color: #181f26;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.widget-configurator .featured-topic__title,
.widget-configurator .leaderboard-config__empty-status-description,
.widget-configurator input[type=email],
.widget-configurator input[type=number],
.widget-configurator input[type=password],
.widget-configurator input[type=search],
.widget-configurator input[type=text],
.widget-configurator select,
.widget-configurator select[multiple],
.widget-configurator textarea,
.homepage-widget-configurator .featured-topic__title,
.homepage-widget-configurator .leaderboard-config__empty-status-description,
.homepage-widget-configurator input[type=email],
.homepage-widget-configurator input[type=number],
.homepage-widget-configurator input[type=password],
.homepage-widget-configurator input[type=search],
.homepage-widget-configurator input[type=text],
.homepage-widget-configurator select,
.homepage-widget-configurator select[multiple],
.homepage-widget-configurator textarea {
  color: #181f26;
  font-family: inherit;
}
.widget-configurator .featured-topic__title::placeholder,
.widget-configurator .leaderboard-config__empty-status-description::placeholder,
.widget-configurator input[type=email]::placeholder,
.widget-configurator input[type=number]::placeholder,
.widget-configurator input[type=password]::placeholder,
.widget-configurator input[type=search]::placeholder,
.widget-configurator input[type=text]::placeholder,
.widget-configurator select::placeholder,
.widget-configurator select[multiple]::placeholder,
.widget-configurator textarea::placeholder,
.homepage-widget-configurator .featured-topic__title::placeholder,
.homepage-widget-configurator .leaderboard-config__empty-status-description::placeholder,
.homepage-widget-configurator input[type=email]::placeholder,
.homepage-widget-configurator input[type=number]::placeholder,
.homepage-widget-configurator input[type=password]::placeholder,
.homepage-widget-configurator input[type=search]::placeholder,
.homepage-widget-configurator input[type=text]::placeholder,
.homepage-widget-configurator select::placeholder,
.homepage-widget-configurator select[multiple]::placeholder,
.homepage-widget-configurator textarea::placeholder {
  color: #acb4bd;
}
.widget-configurator input[type=checkbox],
.homepage-widget-configurator input[type=checkbox] {
  width: 14px;
  height: 14px;
  margin: 0 4px 0 0;
  vertical-align: middle;
}
.widget-configurator button,
.homepage-widget-configurator button {
  font-family: inherit;
}
.widget-configurator .text--meta,
.homepage-widget-configurator .text--meta {
  color: #959898;
}
.widget-configurator .widget-configuration_info-box,
.homepage-widget-configurator .widget-configuration_info-box {
  background-color: #f2f8ff;
  border: 1px solid #cce1ff;
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  margin: 16px 0;
}
.widget-configurator .widget-configuration_info-box a,
.homepage-widget-configurator .widget-configuration_info-box a {
  color: #0369e9;
}
.widget-configurator .widget-configuration_info-box .widget-configuration_info-box_link,
.homepage-widget-configurator .widget-configuration_info-box .widget-configuration_info-box_link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}
.widget-configurator .widget-configuration_info-box .widget-configuration_info-box_link svg path,
.homepage-widget-configurator .widget-configuration_info-box .widget-configuration_info-box_link svg path {
  fill: #0369e9;
}
.widget-configurator .widget-configurator_tabs-wrapper,
.widget-configurator .homepage-widget-configurator_tabs-wrapper,
.homepage-widget-configurator .widget-configurator_tabs-wrapper,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper {
  margin: -16px -24px;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tabs-wrapper,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tabs-wrapper,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tabs-wrapper,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tabs-wrapper {
  margin: 0;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab {
  border-bottom: 1px solid #d5d9de;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header,
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header {
  display: flex;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.12em;
  padding: 16px 24px;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-header .homepage-widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .widget-configurator_tab-icon,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-header .homepage-widget-configurator_tab-icon {
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content,
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-content,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .homepage-widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .homepage-widget-configurator_tab-content {
  padding: 4px 24px 24px 24px;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > * {
  margin-bottom: 16px;
}
.widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.homepage-widget-configurator .widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .widget-configurator_tab .widget-configurator_tab-content > *:last-child,
.homepage-widget-configurator .homepage-widget-configurator_tabs-wrapper .homepage-widget-configurator_tab .widget-configurator_tab-content > *:last-child {
  margin-bottom: 0;
}
.widget-configurator .widget-configurator--header,
.widget-configurator .homepage-widget-configurator--header,
.homepage-widget-configurator .widget-configurator--header,
.homepage-widget-configurator .homepage-widget-configurator--header {
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
  padding: 16px 24px;
  align-items: center;
}
.widget-configurator .widget-configurator--header .widget-configurator--header-title,
.widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title,
.widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title,
.widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title,
.homepage-widget-configurator .widget-configurator--header .widget-configurator--header-title,
.homepage-widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title,
.homepage-widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title,
.homepage-widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title {
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 8px;
  font-family: inherit;
}
.widget-configurator .widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container,
.widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container,
.widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container,
.widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container,
.homepage-widget-configurator .widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container,
.homepage-widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container,
.homepage-widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container,
.homepage-widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container {
  height: 32px;
  padding: 8px 0;
  margin-right: 2px;
}
.widget-configurator .widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.homepage-widget-configurator .widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.homepage-widget-configurator .widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.homepage-widget-configurator .homepage-widget-configurator--header .widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale,
.homepage-widget-configurator .homepage-widget-configurator--header .homepage-widget-configurator--header-title .widget-configurator--header-title_locale-container .widget-configurator--header-title_locale {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  background: #25313b;
  color: #fff;
  white-space: nowrap;
}
.widget-configurator .widget-configurator--footer,
.widget-configurator .homepage-widget-configurator--footer,
.homepage-widget-configurator .widget-configurator--footer,
.homepage-widget-configurator .homepage-widget-configurator--footer {
  border-top: 1px solid #d5d9de;
  padding: 16px 24px;
}
.widget-configurator .widget-configuration_error-box,
.homepage-widget-configurator .widget-configuration_error-box {
  background-color: color-mix(in srgb, #f75d4f, transparent 80%);
  border: 1px solid color-mix(in srgb, #f75d4f, transparent 30%);
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  margin-bottom: 8px;
}
.widget-configurator .widget-configurator__topic-display .widget-configurator_tab-template,
.homepage-widget-configurator .widget-configurator__topic-display .widget-configurator_tab-template {
  margin-top: 16px;
}
.widget-configurator .widget-configurator__controls,
.widget-configurator .homepage-widget-configurator__controls,
.homepage-widget-configurator .widget-configurator__controls,
.homepage-widget-configurator .homepage-widget-configurator__controls {
  flex-grow: 1;
  overflow-y: scroll;
  padding: 16px 24px;
  font-size: 14px;
}
.widget-configurator .widget-configurator__controls .font-weight-normal,
.widget-configurator .homepage-widget-configurator__controls .font-weight-normal,
.homepage-widget-configurator .widget-configurator__controls .font-weight-normal,
.homepage-widget-configurator .homepage-widget-configurator__controls .font-weight-normal {
  font-weight: 400;
}
.widget-configurator .widget-configurator__controls .button-control,
.widget-configurator .homepage-widget-configurator__controls .button-control,
.homepage-widget-configurator .widget-configurator__controls .button-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .button-control {
  cursor: pointer;
}
.widget-configurator .widget-configurator__controls #content-curation-manager p.featured-topic__title,
.widget-configurator .homepage-widget-configurator__controls #content-curation-manager p.featured-topic__title,
.homepage-widget-configurator .widget-configurator__controls #content-curation-manager p.featured-topic__title,
.homepage-widget-configurator .homepage-widget-configurator__controls #content-curation-manager p.featured-topic__title {
  padding: 8px;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper p,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper p,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper p,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper p {
  color: #25313b;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .react-modal,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .react-modal,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .react-modal,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .react-modal {
  background: #fff;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .image-cropper,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .image-cropper,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .image-cropper,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .image-cropper {
  padding: 16px 0 0;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-edit,
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-delete,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-edit,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-delete,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-edit,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-delete,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-edit,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-delete {
  min-width: 80px;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-delete,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-delete,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-delete,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-delete {
  color: #d9604c;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-default,
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-default,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-default,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-default,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background: #fff none;
  border: 1px solid #c7c7c7;
  padding: 6px 10px;
  line-height: 1.4;
  height: auto;
  font-size: 12px;
  min-width: 0;
  font-family: inherit;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-default:hover,
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-default:hover,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-default:hover,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-default:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary:hover {
  border: 1px solid #adadad;
  background: #f5f7f9;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary {
  color: #fff;
  border-color: #228bc2;
  background: #1e9cdf;
  text-shadow: 0 0 1px #0b80ab;
  position: relative;
  top: 1px;
}
.widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.homepage-widget-configurator .widget-configurator__controls .hero-banner-wrapper .btn-primary:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .hero-banner-wrapper .btn-primary:hover {
  background: #1ba4e8;
  text-shadow: 0 0 -1px #05384b;
  border-color: #0b80ab;
}
.widget-configurator .widget-configurator__controls .btn-upload,
.widget-configurator .homepage-widget-configurator__controls .btn-upload,
.homepage-widget-configurator .widget-configurator__controls .btn-upload,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-upload {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background: #fff none;
  border: 1px solid #c7c7c7;
  padding: 6px 10px;
  line-height: 1.4;
  height: auto;
}
.widget-configurator .widget-configurator__controls .btn-upload:hover,
.widget-configurator .homepage-widget-configurator__controls .btn-upload:hover,
.homepage-widget-configurator .widget-configurator__controls .btn-upload:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-upload:hover {
  border: 1px solid #adadad;
  background: #f5f7f9;
}
.widget-configurator .widget-configurator__controls .btn-danger,
.widget-configurator .homepage-widget-configurator__controls .btn-danger,
.homepage-widget-configurator .widget-configurator__controls .btn-danger,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-danger {
  background: var(--config--main-color-alert) none;
  border: 1px solid var(--config--main-color-alert);
}
.widget-configurator .widget-configurator__controls .btn-danger:hover,
.widget-configurator .homepage-widget-configurator__controls .btn-danger:hover,
.homepage-widget-configurator .widget-configurator__controls .btn-danger:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls .btn-danger:hover {
  background-color: #dd3914;
}
.widget-configurator .widget-configurator__controls .button-control--success,
.widget-configurator .homepage-widget-configurator__controls .button-control--success,
.homepage-widget-configurator .widget-configurator__controls .button-control--success,
.homepage-widget-configurator .homepage-widget-configurator__controls .button-control--success {
  background-color: #0369e9;
}
.widget-configurator .widget-configurator__controls label,
.widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .widget-configurator__controls span.field-label,
.widget-configurator .homepage-widget-configurator__controls label,
.widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.widget-configurator .homepage-widget-configurator__controls span.field-label,
.homepage-widget-configurator .widget-configurator__controls label,
.homepage-widget-configurator .widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .widget-configurator__controls span.field-label,
.homepage-widget-configurator .homepage-widget-configurator__controls label,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick_links_common_settings_title,
.homepage-widget-configurator .homepage-widget-configurator__controls span.field-label {
  font-weight: 500;
  cursor: default;
}
.widget-configurator .widget-configurator__controls span.field-label,
.widget-configurator .homepage-widget-configurator__controls span.field-label,
.homepage-widget-configurator .widget-configurator__controls span.field-label,
.homepage-widget-configurator .homepage-widget-configurator__controls span.field-label {
  display: flex;
  margin-bottom: 4px;
}
.widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item,
.widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item,
.widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item,
.widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item,
.widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item,
.widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item,
.homepage-widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item,
.homepage-widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item,
.homepage-widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item,
.homepage-widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item,
.homepage-widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item {
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}
.widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item br,
.widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item br,
.widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item br,
.widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item br,
.widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item br,
.widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item br,
.homepage-widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item br,
.homepage-widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item br,
.homepage-widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item br,
.homepage-widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item br,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item br,
.homepage-widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item br {
  display: none;
}
.widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item > span:last-child,
.widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item > span:last-child,
.widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item > span:last-child,
.widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item > span:last-child,
.widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item > span:last-child,
.widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item > span:last-child,
.homepage-widget-configurator .widget-configurator__controls .content-curation-manager .algolia-hit-item > span:last-child,
.homepage-widget-configurator .widget-configurator__controls .featured-topics-manager .algolia-hit-item > span:last-child,
.homepage-widget-configurator .widget-configurator__controls .topic-banner_configuration .algolia-hit-item > span:last-child,
.homepage-widget-configurator .homepage-widget-configurator__controls .content-curation-manager .algolia-hit-item > span:last-child,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics-manager .algolia-hit-item > span:last-child,
.homepage-widget-configurator .homepage-widget-configurator__controls .topic-banner_configuration .algolia-hit-item > span:last-child {
  color: #959898;
  margin-top: 4px;
}
.widget-configurator .widget-configurator__controls .algolia-search-result,
.widget-configurator .homepage-widget-configurator__controls .algolia-search-result,
.homepage-widget-configurator .widget-configurator__controls .algolia-search-result,
.homepage-widget-configurator .homepage-widget-configurator__controls .algolia-search-result {
  font-size: 12px;
}
.widget-configurator .widget-configurator__controls .algolia-search-result .algolia-hit-item > span,
.widget-configurator .homepage-widget-configurator__controls .algolia-search-result .algolia-hit-item > span,
.homepage-widget-configurator .widget-configurator__controls .algolia-search-result .algolia-hit-item > span,
.homepage-widget-configurator .homepage-widget-configurator__controls .algolia-search-result .algolia-hit-item > span {
  color: #181f26;
}
.widget-configurator .widget-configurator__controls #content-curation-manager .featured-topic__title,
.widget-configurator .widget-configurator__controls .featured-topics .featured-topic__title,
.widget-configurator .homepage-widget-configurator__controls #content-curation-manager .featured-topic__title,
.widget-configurator .homepage-widget-configurator__controls .featured-topics .featured-topic__title,
.homepage-widget-configurator .widget-configurator__controls #content-curation-manager .featured-topic__title,
.homepage-widget-configurator .widget-configurator__controls .featured-topics .featured-topic__title,
.homepage-widget-configurator .homepage-widget-configurator__controls #content-curation-manager .featured-topic__title,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics .featured-topic__title {
  display: flex;
  padding: 0 0 0 8px;
}
.widget-configurator .widget-configurator__controls #content-curation-manager .sortable-curated-topic,
.widget-configurator .widget-configurator__controls .featured-topics .sortable-curated-topic,
.widget-configurator .homepage-widget-configurator__controls #content-curation-manager .sortable-curated-topic,
.widget-configurator .homepage-widget-configurator__controls .featured-topics .sortable-curated-topic,
.homepage-widget-configurator .widget-configurator__controls #content-curation-manager .sortable-curated-topic,
.homepage-widget-configurator .widget-configurator__controls .featured-topics .sortable-curated-topic,
.homepage-widget-configurator .homepage-widget-configurator__controls #content-curation-manager .sortable-curated-topic,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics .sortable-curated-topic {
  background-color: transparent;
}
.widget-configurator .widget-configurator__controls #content-curation-manager .drag-handle--union,
.widget-configurator .widget-configurator__controls #content-curation-manager .featured-topic__link,
.widget-configurator .widget-configurator__controls .featured-topics .drag-handle--union,
.widget-configurator .widget-configurator__controls .featured-topics .featured-topic__link,
.widget-configurator .homepage-widget-configurator__controls #content-curation-manager .drag-handle--union,
.widget-configurator .homepage-widget-configurator__controls #content-curation-manager .featured-topic__link,
.widget-configurator .homepage-widget-configurator__controls .featured-topics .drag-handle--union,
.widget-configurator .homepage-widget-configurator__controls .featured-topics .featured-topic__link,
.homepage-widget-configurator .widget-configurator__controls #content-curation-manager .drag-handle--union,
.homepage-widget-configurator .widget-configurator__controls #content-curation-manager .featured-topic__link,
.homepage-widget-configurator .widget-configurator__controls .featured-topics .drag-handle--union,
.homepage-widget-configurator .widget-configurator__controls .featured-topics .featured-topic__link,
.homepage-widget-configurator .homepage-widget-configurator__controls #content-curation-manager .drag-handle--union,
.homepage-widget-configurator .homepage-widget-configurator__controls #content-curation-manager .featured-topic__link,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics .drag-handle--union,
.homepage-widget-configurator .homepage-widget-configurator__controls .featured-topics .featured-topic__link {
  cursor: pointer;
}
.widget-configurator .widget-configurator__controls #quick-links-manager .btn,
.widget-configurator .widget-configurator__controls .quick-link-modal .btn,
.widget-configurator .homepage-widget-configurator__controls #quick-links-manager .btn,
.widget-configurator .homepage-widget-configurator__controls .quick-link-modal .btn,
.homepage-widget-configurator .widget-configurator__controls #quick-links-manager .btn,
.homepage-widget-configurator .widget-configurator__controls .quick-link-modal .btn,
.homepage-widget-configurator .homepage-widget-configurator__controls #quick-links-manager .btn,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick-link-modal .btn {
  padding: 0 16px;
  line-height: 1;
  box-shadow: none;
}
.widget-configurator .widget-configurator__controls #quick-links-manager .quick-link-modal,
.widget-configurator .homepage-widget-configurator__controls #quick-links-manager .quick-link-modal,
.homepage-widget-configurator .widget-configurator__controls #quick-links-manager .quick-link-modal,
.homepage-widget-configurator .homepage-widget-configurator__controls #quick-links-manager .quick-link-modal {
  width: 536px;
}
.widget-configurator .widget-configurator__controls #quick-links-manager .hoverable:hover,
.widget-configurator .homepage-widget-configurator__controls #quick-links-manager .hoverable:hover,
.homepage-widget-configurator .widget-configurator__controls #quick-links-manager .hoverable:hover,
.homepage-widget-configurator .homepage-widget-configurator__controls #quick-links-manager .hoverable:hover {
  cursor: grab;
}
.widget-configurator .widget-configurator__controls .quicklink__container > *,
.widget-configurator .homepage-widget-configurator__controls .quicklink__container > *,
.homepage-widget-configurator .widget-configurator__controls .quicklink__container > *,
.homepage-widget-configurator .homepage-widget-configurator__controls .quicklink__container > * {
  width: 100%;
}
.widget-configurator .widget-configurator__controls .preact-drag-handle,
.widget-configurator .homepage-widget-configurator__controls .preact-drag-handle,
.homepage-widget-configurator .widget-configurator__controls .preact-drag-handle,
.homepage-widget-configurator .homepage-widget-configurator__controls .preact-drag-handle {
  border: 1px solid #c7c7c7;
  box-shadow: none;
  padding: 8px;
}
.widget-configurator .widget-configurator__controls .preact-drag-handle svg,
.widget-configurator .homepage-widget-configurator__controls .preact-drag-handle svg,
.homepage-widget-configurator .widget-configurator__controls .preact-drag-handle svg,
.homepage-widget-configurator .homepage-widget-configurator__controls .preact-drag-handle svg {
  display: block;
}
.widget-configurator .widget-configurator__controls .tabs-configurator ul,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator ul,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator ul,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator ul {
  margin: 0;
}
.widget-configurator .widget-configurator__controls .tabs-configurator label,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator label,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator label,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator label {
  margin-bottom: 4px;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .tab input,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .tab input,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .tab input,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .tab input {
  height: 36px;
  width: 120px;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .table .tab,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .table .tab,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab {
  white-space: nowrap;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > *,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > *,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > *,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > * {
  margin: 4px 8px;
  flex: auto;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .table .tab span,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab span,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .table .tab span,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab span {
  margin-left: 0;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > :first-child,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > :first-child,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > :first-child,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > :first-child {
  min-width: 115px;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > :last-child,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > :last-child,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .table .tab > :last-child,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .table .tab > :last-child {
  width: 54px;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .radio-group label.radio-inline,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .radio-group label.radio-inline,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .radio-group label.radio-inline,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .radio-group label.radio-inline {
  position: relative;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  margin-bottom: 8px;
  line-height: 20px;
}
.widget-configurator .widget-configurator__controls .tabs-configurator .radio-group input,
.widget-configurator .homepage-widget-configurator__controls .tabs-configurator .radio-group input,
.homepage-widget-configurator .widget-configurator__controls .tabs-configurator .radio-group input,
.homepage-widget-configurator .homepage-widget-configurator__controls .tabs-configurator .radio-group input {
  height: 16px;
  margin: 0;
  margin-right: 8px;
}
.widget-configurator .widget-configurator__controls .component-uploader__image-wrapper,
.widget-configurator .homepage-widget-configurator__controls .component-uploader__image-wrapper,
.homepage-widget-configurator .widget-configurator__controls .component-uploader__image-wrapper,
.homepage-widget-configurator .homepage-widget-configurator__controls .component-uploader__image-wrapper {
  position: relative;
  background: #c7c7c7;
  box-shadow: 0 0 0 1px #c7c7c7 inset, 0 0 0 2px #fff inset;
  padding: 0;
  max-width: 100%;
  flex: 1;
}
.widget-configurator .widget-configurator__controls .component-uploader__image-details,
.widget-configurator .homepage-widget-configurator__controls .component-uploader__image-details,
.homepage-widget-configurator .widget-configurator__controls .component-uploader__image-details,
.homepage-widget-configurator .homepage-widget-configurator__controls .component-uploader__image-details {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 10px;
  padding: 2px;
}
.widget-configurator .widget-configurator__controls .configurator__input-wrapper,
.widget-configurator .homepage-widget-configurator__controls .configurator__input-wrapper,
.homepage-widget-configurator .widget-configurator__controls .configurator__input-wrapper,
.homepage-widget-configurator .homepage-widget-configurator__controls .configurator__input-wrapper {
  max-width: 100%;
  width: 200px;
  align-items: center;
}
.widget-configurator .widget-configurator__controls .configurator__input-wrapper input.form-control,
.widget-configurator .homepage-widget-configurator__controls .configurator__input-wrapper input.form-control,
.homepage-widget-configurator .widget-configurator__controls .configurator__input-wrapper input.form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .configurator__input-wrapper input.form-control {
  margin-top: 0;
}
.widget-configurator .widget-configurator__controls .quick-link-modal .radio-group label.radio-inline,
.widget-configurator .homepage-widget-configurator__controls .quick-link-modal .radio-group label.radio-inline,
.homepage-widget-configurator .widget-configurator__controls .quick-link-modal .radio-group label.radio-inline,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick-link-modal .radio-group label.radio-inline {
  position: relative;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.widget-configurator .widget-configurator__controls .quick-link-modal .radio-group .radio-inline + .radio-inline,
.widget-configurator .homepage-widget-configurator__controls .quick-link-modal .radio-group .radio-inline + .radio-inline,
.homepage-widget-configurator .widget-configurator__controls .quick-link-modal .radio-group .radio-inline + .radio-inline,
.homepage-widget-configurator .homepage-widget-configurator__controls .quick-link-modal .radio-group .radio-inline + .radio-inline {
  margin-left: 10px;
  padding-left: 20px;
}
.widget-configurator .widget-configurator__controls .react-modal,
.widget-configurator .homepage-widget-configurator__controls .react-modal,
.homepage-widget-configurator .widget-configurator__controls .react-modal,
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal {
  font-size: 14px;
}
.widget-configurator .widget-configurator__controls .react-modal .react-modal_close-button,
.widget-configurator .homepage-widget-configurator__controls .react-modal .react-modal_close-button,
.homepage-widget-configurator .widget-configurator__controls .react-modal .react-modal_close-button,
.homepage-widget-configurator .homepage-widget-configurator__controls .react-modal .react-modal_close-button {
  display: flex;
  height: 20px;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.8;
}
.widget-configurator .widget-configurator__controls .control-switcher,
.widget-configurator .homepage-widget-configurator__controls .control-switcher,
.homepage-widget-configurator .widget-configurator__controls .control-switcher,
.homepage-widget-configurator .homepage-widget-configurator__controls .control-switcher {
  position: relative;
  clear: both;
  width: 51px;
  height: 24px;
  float: left;
  margin: 2px 0.7em 2px 2px;
}
.widget-configurator .widget-configurator__controls .component-uploader__style,
.widget-configurator .homepage-widget-configurator__controls .component-uploader__style,
.homepage-widget-configurator .widget-configurator__controls .component-uploader__style,
.homepage-widget-configurator .homepage-widget-configurator__controls .component-uploader__style {
  text-align: center;
  overflow: hidden;
  color: #fff;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.widget-configurator .widget-configurator__controls .component-uploader__no-image,
.widget-configurator .homepage-widget-configurator__controls .component-uploader__no-image,
.homepage-widget-configurator .widget-configurator__controls .component-uploader__no-image,
.homepage-widget-configurator .homepage-widget-configurator__controls .component-uploader__no-image {
  word-break: break-all;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
}
.widget-configurator .widget-configurator__controls h3,
.widget-configurator .homepage-widget-configurator__controls h3,
.homepage-widget-configurator .widget-configurator__controls h3,
.homepage-widget-configurator .homepage-widget-configurator__controls h3 {
  font-weight: 500;
}
.widget-configurator .widget-configurator__controls .form-group,
.widget-configurator .homepage-widget-configurator__controls .form-group,
.homepage-widget-configurator .widget-configurator__controls .form-group,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group {
  margin-bottom: 16px;
  margin-top: 8px;
}
.widget-configurator .widget-configurator__controls .form-group:after,
.widget-configurator .homepage-widget-configurator__controls .form-group:after,
.homepage-widget-configurator .widget-configurator__controls .form-group:after,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group:after {
  content: "";
  display: block;
  clear: both;
}
.widget-configurator .widget-configurator__controls .form-group .form-control,
.widget-configurator .homepage-widget-configurator__controls .form-group .form-control,
.homepage-widget-configurator .widget-configurator__controls .form-group .form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group .form-control {
  display: block;
  margin-top: 8px;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #181f26;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d5d9de;
  border-radius: 4px;
}
.widget-configurator .widget-configurator__controls .form-group .form-control::placeholder,
.widget-configurator .homepage-widget-configurator__controls .form-group .form-control::placeholder,
.homepage-widget-configurator .widget-configurator__controls .form-group .form-control::placeholder,
.homepage-widget-configurator .homepage-widget-configurator__controls .form-group .form-control::placeholder {
  color: #acb4bd;
}
.widget-configurator .widget-configurator__controls .input-group,
.widget-configurator .homepage-widget-configurator__controls .input-group,
.homepage-widget-configurator .widget-configurator__controls .input-group,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group {
  display: flex !important;
  align-content: stretch;
  margin-top: 8px;
}
.widget-configurator .widget-configurator__controls .input-group .form-control,
.widget-configurator .homepage-widget-configurator__controls .input-group .form-control,
.homepage-widget-configurator .widget-configurator__controls .input-group .form-control,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group .form-control {
  border-radius: 4px 0 0 4px;
  border: 1px solid #c7c7c7;
  margin-top: 0;
  max-width: calc(100% - 40px);
}
.widget-configurator .widget-configurator__controls .input-group .input-group-addon,
.widget-configurator .homepage-widget-configurator__controls .input-group .input-group-addon,
.homepage-widget-configurator .widget-configurator__controls .input-group .input-group-addon,
.homepage-widget-configurator .homepage-widget-configurator__controls .input-group .input-group-addon {
  padding: 0 12px;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
  border: 1px solid #c7c7c7;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.widget-configurator .widget-configurator__controls .row,
.widget-configurator .homepage-widget-configurator__controls .row,
.homepage-widget-configurator .widget-configurator__controls .row,
.homepage-widget-configurator .homepage-widget-configurator__controls .row {
  display: flex;
}
.widget-configurator .widget-configurator__controls .col-md-3,
.widget-configurator .homepage-widget-configurator__controls .col-md-3,
.homepage-widget-configurator .widget-configurator__controls .col-md-3,
.homepage-widget-configurator .homepage-widget-configurator__controls .col-md-3 {
  width: 50%;
}
.widget-configurator .widget-configurator__controls .col-md-3 + .col-md-3,
.widget-configurator .homepage-widget-configurator__controls .col-md-3 + .col-md-3,
.homepage-widget-configurator .widget-configurator__controls .col-md-3 + .col-md-3,
.homepage-widget-configurator .homepage-widget-configurator__controls .col-md-3 + .col-md-3 {
  padding-left: 8px;
}
.widget-configurator .widget-configurator__controls hr,
.widget-configurator .homepage-widget-configurator__controls hr,
.homepage-widget-configurator .widget-configurator__controls hr,
.homepage-widget-configurator .homepage-widget-configurator__controls hr {
  border: none;
}
.widget-configurator .widget-configurator__controls .CodeMirror,
.widget-configurator .homepage-widget-configurator__controls .CodeMirror,
.homepage-widget-configurator .widget-configurator__controls .CodeMirror,
.homepage-widget-configurator .homepage-widget-configurator__controls .CodeMirror {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  box-sizing: border-box;
}
.widget-configurator .switcher,
.homepage-widget-configurator .switcher {
  margin-top: 8px;
  padding-top: 7px;
}
.widget-configurator .featured-topics__buttons,
.homepage-widget-configurator .featured-topics__buttons {
  display: block;
}
.widget-configurator .featured-topics__buttons .form-group,
.homepage-widget-configurator .featured-topics__buttons .form-group {
  width: auto;
}
.widget-configurator .featured-topics-manager .search-box .search-box__input,
.homepage-widget-configurator .featured-topics-manager .search-box .search-box__input {
  height: 38px;
}
.widget-configurator .dropdown-selector-wrapper--destination,
.homepage-widget-configurator .dropdown-selector-wrapper--destination {
  margin-top: 2px;
}
.widget-configurator .dropdown-selector-wrapper--destination button div,
.homepage-widget-configurator .dropdown-selector-wrapper--destination button div {
  height: 40px;
  font-size: 14px;
  padding: 0 8px;
  color: inherit;
}
.widget-configurator .dropdown-trigger-button-wrapper,
.homepage-widget-configurator .dropdown-trigger-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.widget-configurator .dropdown-trigger-button-wrapper label,
.homepage-widget-configurator .dropdown-trigger-button-wrapper label {
  display: flex;
  margin-bottom: 4px;
}
.widget-configurator .dropdown-trigger-button-wrapper b,
.homepage-widget-configurator .dropdown-trigger-button-wrapper b {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
}
.widget-configurator .dropdown-trigger-button-wrapper .button-control-new > *,
.homepage-widget-configurator .dropdown-trigger-button-wrapper .button-control-new > * {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}

body > .sortable-curated-topic,
body > .hoverable {
  z-index: 9999;
}
body > .sortable-curated-topic .featured-topic__title,
body > .hoverable .featured-topic__title {
  display: flex;
  padding: 0 0 0 8px;
}
body > .sortable-curated-topic input,
body > .hoverable input {
  height: 36px;
}
body > .sortable-curated-topic .tab,
body > .hoverable .tab {
  font-size: 12px;
  white-space: nowrap;
}
body > .sortable-curated-topic .tab > :first-child,
body > .hoverable .tab > :first-child {
  min-width: 140px;
}
body > .sortable-curated-topic .btn,
body > .hoverable .btn {
  padding: 0;
  height: 32px;
  line-height: 1;
}
body > .sortable-curated-topic .btn-danger,
body > .hoverable .btn-danger {
  background: var(--config--main-color-alert) none;
  box-shadow: none;
}
body > .sortable-curated-topic .btn-danger:hover,
body > .hoverable .btn-danger:hover {
  background-color: #dd3914;
}
body > .widget-configuration--sortable-list {
  list-style: none;
  z-index: 9999;
  background: #fff;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list {
  position: relative;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  padding: 8px 12px;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info {
  margin-right: 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union {
  display: flex;
  border-right: none;
  background: none;
  width: auto;
  cursor: grab;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg {
  width: 14px;
  height: 20px;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg path {
  fill: #A7AEB5;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .sortable-item_title {
  margin-bottom: 0;
  margin-left: 8px;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .widget-configuration_sortable-item__link {
  display: none;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  height: auto;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg path {
  fill: #A7AEB5;
}
body > .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn .button-control__title-text {
  display: none;
}

.widget-configurator .widget-configuration_sortable-deletable-item-list__container,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container {
  padding-left: 0;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list {
  list-style: none;
  margin-bottom: 8px;
  z-index: 9999;
  background: #fff;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list:last-child,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list:last-child,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list:last-child {
  margin-bottom: 0;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list {
  position: relative;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  padding: 8px 12px;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info {
  margin-right: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union {
  display: flex;
  border-right: none;
  background: none;
  width: auto;
  cursor: grab;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg {
  width: 14px;
  height: 20px;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg path,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg path,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .drag-handle--union svg path {
  fill: #A7AEB5;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .sortable-item_title,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .sortable-item_title,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .sortable-item_title {
  margin-bottom: 0;
  margin-left: 8px;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .widget-configuration_sortable-item__link,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .widget-configuration_sortable-item__link,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__info .widget-configuration_sortable-item__link {
  display: none;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  height: auto;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg path,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg path,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn svg path {
  fill: #A7AEB5;
}
.widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn .button-control__title-text,
.homepage-widget-configurator .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn .button-control__title-text,
.groups-edit-featured-topics-modal .widget-configuration_sortable-deletable-item-list__container .widget-configuration--sortable-list .widget-configuration_sortable-deletable-item-list .widget-configuration_sortable-item__remove-btn .button-control__title-text {
  display: none;
}

.shared-widget,
.scheduled-widget,
.expired-widget {
  background: #54585a;
  border-radius: 2px;
  color: #fff;
  padding: 4px;
  margin-left: 8px;
  font-size: 10px;
  text-transform: uppercase;
}

.image-upload-field__image-wrapper {
  position: relative;
  margin-bottom: 8px;
}
.image-upload-field__image-wrapper img {
  width: 100%;
}

.image-upload-field__container {
  margin-top: 8px;
  display: flex;
}
.image-upload-field__container button {
  box-shadow: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 8px;
}

.image-upload-field__buttons {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

.branding-configurator-description {
  font-size: 12px;
  color: #5f6c7a;
}
.branding-configurator-description.preview {
  margin-top: 16px;
}

.customization--selected-language-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.widget-configurator_tab-content .filter-manager .sortable-list {
  padding-left: 0;
}
.widget-configurator_tab-content .search-container {
  position: relative;
}
.widget-configurator_tab-content .search-results__header {
  padding: 8px 16px;
}
@media (max-width: 767px) {
  .widget-configurator_tab-content .search-results__header {
    padding-top: 4px;
  }
}
.widget-configurator_tab-content .search-results__header-text {
  color: var(--config-meta-text-color);
}
.widget-configurator_tab-content .filter-item {
  display: flex;
  margin-bottom: 8px;
  background: #fff;
  min-height: 40px;
}
.widget-configurator_tab-content .filter-item__info {
  display: flex;
  padding: 0;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #c7c7c7;
  width: 100%;
  margin-right: 8px;
  background: #fff;
}
.widget-configurator_tab-content .filter-item__info .drag-handle--union {
  display: flex;
  width: 32px;
  border-right: 1px solid #c7c7c7;
  padding: 9px 11px 9px 12px;
  background: #f5f7f9;
  cursor: pointer;
  align-items: center;
  align-self: stretch;
}
.widget-configurator_tab-content .filter-item__title {
  margin: 0;
  padding: 0 8px;
  color: var(--config--main-color-night);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-configurator_tab-content .filter-item__delete-icon {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #c7c7c7;
  height: auto;
  margin-right: 0;
}
.widget-configurator_tab-content .sortable-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget-configurator_tab-content .sortable-list__item {
  list-style: none;
  margin-bottom: 8px;
}
.widget-configurator_tab-content input[type=search].search-box__input--focused {
  box-shadow: none;
  border: 1px solid var(--config--main-border-base-color);
}
.widget-configurator_tab-content .widget-configurator_dropdown-selector_container .list-group {
  margin-top: 8px;
}

/* Right-align the toolbar dropdown menu */
.toolbar-dropdown-right .control-dropdown__list {
  left: -81px;
}

/* Left-align the toolbar dropdown menu when collapsed*/
.toolbar-left.collapsed .toolbar-dropdown-right .control-dropdown__list {
  left: -8px;
}

.widget-container--event_calendar .box,
.homepage-widget-container--event_calendar .box {
  background-color: transparent;
}
.widget-container--event_calendar .box__pad,
.homepage-widget-container--event_calendar .box__pad {
  padding: 24px 16px;
}
.widget-container--event_calendar .event-calendar-container,
.homepage-widget-container--event_calendar .event-calendar-container {
  text-align: center;
}
.widget-container--event_calendar .widget-title,
.homepage-widget-container--event_calendar .widget-title {
  text-align: left;
}
.widget-container--event_calendar .event-calendar-icon-wrapper,
.homepage-widget-container--event_calendar .event-calendar-icon-wrapper {
  margin-right: 8px;
}
.widget-container--event_calendar .event-calendar-wrapper,
.homepage-widget-container--event_calendar .event-calendar-wrapper {
  display: flex;
  text-align: left;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.widget-container--event_calendar .event-calendar-wrapper-three-column > *,
.homepage-widget-container--event_calendar .event-calendar-wrapper-three-column > * {
  width: 33.3333333333%;
}
.widget-container--event_calendar .event-calendar-wrapper-two-column > *,
.homepage-widget-container--event_calendar .event-calendar-wrapper-two-column > * {
  width: 50%;
}
.widget-container--event_calendar .event-calendar-row,
.homepage-widget-container--event_calendar .event-calendar-row {
  display: flex;
}
@media (max-width: 1024px) {
  .widget-container--event_calendar .event-calendar-wrapper-three-column > *,
  .widget-container--event_calendar .event-calendar-wrapper-two-column > *,
  .homepage-widget-container--event_calendar .event-calendar-wrapper-three-column > *,
  .homepage-widget-container--event_calendar .event-calendar-wrapper-two-column > * {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .widget-container--event_calendar .event-calendar-wrapper > *,
  .widget-container--event_calendar .event-calendar-wrapper-three-column > *,
  .widget-container--event_calendar .event-calendar-wrapper-two-column > *,
  .homepage-widget-container--event_calendar .event-calendar-wrapper > *,
  .homepage-widget-container--event_calendar .event-calendar-wrapper-three-column > *,
  .homepage-widget-container--event_calendar .event-calendar-wrapper-two-column > * {
    width: 100%;
  }
}
.widget-container--event_calendar .event-calendar-wrapper > *,
.homepage-widget-container--event_calendar .event-calendar-wrapper > * {
  display: block;
  margin-bottom: 16px;
}
.widget-container--event_calendar .event-calendar-wrapper > *:last-child,
.homepage-widget-container--event_calendar .event-calendar-wrapper > *:last-child {
  margin-bottom: 0;
}

.Sidebarmodule .event-calendar-container {
  margin-top: 4px;
  display: block;
  text-align: left;
  padding: 0 8px;
}
.Sidebarmodule .event-calendar-wrapper {
  display: block;
  margin-top: 0;
}
.Sidebarmodule .event-calendar-row {
  display: flex;
  margin-right: 8px;
  width: 100%;
}
.Sidebarmodule .btn--show-more,
.Sidebarmodule .btn--show-more:hover {
  color: var(--config--main-color-brand);
  background-color: transparent;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  line-height: inherit;
}
.Sidebarmodule .btn--show-more-icon {
  vertical-align: text-top;
}
.Sidebarmodule .event-calendar-wrapper > * {
  width: 100%;
}

.event-calendar-icon-container {
  width: 48px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.event-calendar-icon-container .event__month,
.event-calendar-icon-container .event__date {
  border-color: var(--config--main-border-base-color);
  border-style: solid;
  border-width: 1px;
}
.event-calendar-icon-container .event__month {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.12em;
  font-weight: 600;
  background-color: var(--config--main-color-brand);
  color: #fff;
  border-bottom-width: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.event-calendar-icon-container .event__date {
  background-color: #fff;
  color: var(--config--main-color-night);
  font-weight: 700;
  font-size: 20px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-width: 0;
}

.event-detail-container .event__type {
  font-size: 12px;
  color: var(--config-meta-text-color);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  top: calc(50% - 6px - 14px);
}
.event-detail-container .event__title {
  font-size: 16px;
  line-height: 125%;
  color: var(--config--main-color-night);
}
.event-detail-container .event__title:hover {
  color: var(--config--main-color-brand);
}

.body-wrapper .featured-topic__url-link {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.body-wrapper .topic__likes-count {
  display: flex;
  align-items: flex-end;
}
.body-wrapper .topic__votes-count,
.body-wrapper .topic__views-count,
.body-wrapper .topic__reply-count {
  display: flex;
  align-items: center;
}
.body-wrapper .featured-topic__product-areas {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-self: end;
  margin-top: 0;
  margin-bottom: 8px;
  max-width: 100%;
  overflow: hidden;
}
.body-wrapper .featured-topic__product-areas .featured-topic__product-area {
  list-style: none;
  margin-right: 8px;
  border-bottom: 1px dashed var(--config--main-border-base-color);
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.body-wrapper .featured-topic__product-areas .featured-topic__product-area-count {
  list-style: none;
  white-space: nowrap;
}
.body-wrapper .thread-meta-item__icon {
  font-size: 18px;
}
.body-wrapper .thread-meta-item__date {
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .body-wrapper .thread-meta-item__date {
    display: none;
  }
}
.body-wrapper .featured-topic {
  position: relative;
}
@media (max-width: 767px) {
  .body-wrapper .featured-topic .event-item__attendees > span.metadata-desktop {
    display: none;
  }
  .body-wrapper .featured-topic .event-item__attendees > span.metadata-mobile {
    display: none;
  }
  .body-wrapper .featured-topic .event-item__attendees > span.metadata-featured {
    display: block;
  }
}
.body-wrapper .featured-topic.featured-topic--half-width .event-item__attendees > span.metadata-desktop {
  display: none;
}
@media (min-width: 1025px) {
  .body-wrapper .featured-topic.featured-topic--half-width .event-item__attendees > span.metadata-desktop {
    display: block;
  }
}
.body-wrapper .featured-topic.featured-topic--half-width .event-item__attendees > span.metadata-mobile {
  display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .body-wrapper .featured-topic.featured-topic--half-width .event-item__attendees > span.metadata-mobile {
    display: block;
  }
}
.body-wrapper .featured-topic:not(.featured-topic--full-width):not(.featured-topic--half-width) .event-item__attendees > span.metadata-featured {
  display: none;
}
@media (max-width: 767px) {
  .body-wrapper .featured-topic:not(.featured-topic--full-width):not(.featured-topic--half-width) .event-item__attendees > span.metadata-featured {
    display: block;
  }
}
.body-wrapper .featured-topic:not(.featured-topic--full-width):not(.featured-topic--half-width) .event-item__attendees > span.metadata-desktop {
  display: none;
}
.body-wrapper .featured-topic:not(.featured-topic--full-width):not(.featured-topic--half-width) .event-item__attendees > span.metadata-mobile {
  display: block;
}
@media (max-width: 767px) {
  .body-wrapper .featured-topic:not(.featured-topic--full-width):not(.featured-topic--half-width) .event-item__attendees > span.metadata-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .body-wrapper .featured-topic .event-list-item__url {
    display: grid;
    height: 100%;
  }
}

.featured-topics__list {
  padding-left: 0;
  list-style: none;
  display: grid;
  column-gap: min(16px, 1.6%);
  row-gap: 16px;
  grid-template-columns: repeat(60, 1fr);
}
@media (max-width: 767px) {
  .featured-topics__list {
    padding: 0 0 16px;
  }
}
@media (max-width: 449px) {
  .featured-topics__list {
    overflow-x: auto;
    grid-auto-flow: column;
    grid-template-columns: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 20px;
    justify-content: inherit;
  }
  .featured-topics__list .featured-topic {
    min-width: 250px;
  }
  .featured-topics__list.vertically-stacked {
    overflow-x: hidden;
    grid-auto-flow: unset;
    scroll-snap-type: unset;
    scroll-padding: unset;
    justify-content: inherit;
  }
  .featured-topics__list.vertically-stacked .featured-topic--full-width {
    grid-column: auto/span 30;
  }
}
.featured-topics__list .featured-topic {
  scroll-snap-align: center;
  grid-column: auto/span calc(60 / var(--cards-per-row));
}
@media (max-width: 1024px) {
  .featured-topics__list .featured-topic {
    grid-column: auto/span 30;
  }
}
@media (max-width: 767px) {
  .featured-topics__list .featured-topic {
    grid-column: auto/span 60;
  }
}
.featured-topics__list .featured-topic--full-width {
  grid-column: auto/span 60;
}
.featured-topics__list .featured-topic--half-width {
  grid-column: auto/span 30;
}

.widget-container--container-2-1-column_2 .featured-topics__list .featured-topic {
  grid-column: auto/span 60;
}

.featured-topics__listed-view {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.featured-topic__listed-view-item {
  background-color: #fff;
  border: 1px solid var(--grey-insided-grey-20, #d5d6da);
  padding: 12px 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
}
.featured-topic__listed-view-item:not(:last-child) {
  border-bottom: none;
}
.featured-topic__listed-view-item .featured-topic__vote {
  position: static;
}
.featured-topic__listed-view-item .topic__content-type-pill {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.featured-topic__listed-view-item .avatar--XS {
  margin: 0;
  min-width: 21px;
  flex-shrink: 0;
}

.featured-topic__listed-view-url-link {
  color: #2B3346;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  column-gap: 8px;
  padding: 4px 0;
}
.featured-topic__listed-view-url-link:hover .featured-topic__listed-view-item-icon {
  color: currentColor;
}
.featured-topic__listed-view-url-link .featured-topic__listed-view-url-link-text {
  display: block;
}

.featured-topic__listed-view-item-icon {
  color: #9599a2;
  display: flex;
}

.featured-topic__listed-view-item-actions {
  margin-left: auto;
}

.featured-topics__heading {
  font-size: 20px;
  max-width: 1140px;
}
@media (max-width: 449px) {
  .featured-topics__heading {
    font-size: 16px;
  }
}

.featured-topics__show-more-button {
  display: block;
  text-align: center;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .featured-topics__show-more-button {
    margin-top: 8px;
  }
}

.featured-topic--full-width figure,
.featured-topic--full-width .featured-topic__hero {
  height: 100%;
  width: 100%;
}
.featured-topic--full-width figure {
  display: flex;
}
.featured-topic--full-width .featured-topic__hero {
  border-top-left-radius: var(--config-card-border-radius);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--config-card-border-radius);
  aspect-ratio: 9/4;
}
@media (max-width: 767px) {
  .featured-topic--full-width .featured-topic__hero {
    border-top-right-radius: var(--config-card-border-radius);
  }
}
.featured-topic--full-width .featured-topic__url {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .featured-topic--full-width .featured-topic__url {
    grid-template-rows: max-content 1fr;
    padding-left: 16px;
  }
}
.featured-topic--full-width .featured-topic__title {
  padding-left: 0;
}

.featured-topic__hero {
  aspect-ratio: 9/4;
  max-width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  border-top-left-radius: var(--config-card-border-radius);
  border-top-right-radius: var(--config-card-border-radius);
}
@media (max-width: 1024px) {
  .featured-topic__hero {
    border-top-right-radius: var(--config-card-border-radius);
    border-bottom-left-radius: 0;
  }
}

.featured-topic__url {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  height: 100%;
  color: var(--config--main-color-night);
}
.featured-topic__url .pill {
  position: absolute;
  left: 24px;
  top: 24px;
  background-color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .featured-topic__url .pill {
    left: 16px;
    top: 16px;
  }
}
.featured-topic__url:hover .pill, .featured-topic__url:focus .pill, .featured-topic__url:active .pill {
  background-color: var(--config--main-color-brand);
}
@media (max-width: 767px) {
  .featured-topic__url:hover .pill.pill, .featured-topic__url:focus .pill.pill, .featured-topic__url:active .pill.pill {
    background-color: #1c1c1c;
  }
}

.featured-topic--featured-image .featured-topic__url {
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
}
@media (max-width: 767px) {
  .featured-topic--featured-image .featured-topic__url {
    grid-gap: 24px;
    grid-template-rows: max-content 1fr;
  }
}
.featured-topic--featured-image .featured-topic__title {
  grid-gap: 8px;
  grid-template-columns: 1fr;
}
@media (max-width: 767px) {
  .featured-topic--featured-image .featured-topic__title {
    padding-top: 0;
  }
}

.featured-topic__title {
  /* autoprefixer: ignore next */
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  padding: 24px;
  max-width: 100%;
  overflow: hidden;
}
.featured-topic__title .text--meta {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .featured-topic__title {
    grid-template-rows: max-content 1fr;
    padding: 16px;
  }
}

.featured-topic__heading {
  padding: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  .featured-topic__heading {
    font-size: 16px;
  }
}

.featured-topic__heading--no-image {
  padding-top: 30px;
}

.featured-topic--full-width.featured-topic--featured-image .featured-topic__hero {
  border-top-left-radius: var(--config-card-border-radius);
  border-bottom-left-radius: var(--config-card-border-radius);
}
@media (max-width: 767px) {
  .featured-topic--full-width.featured-topic--featured-image .featured-topic__hero {
    aspect-ratio: 9/4;
    border-bottom-left-radius: 0;
  }
}
.featured-topic--full-width.featured-topic--featured-image .featured-topic__url {
  grid-gap: 24px;
  grid-template-rows: 1fr;
  grid-template-columns: 430px 1fr;
  padding-left: 0;
}
@media (max-width: 1024px) {
  .featured-topic--full-width.featured-topic--featured-image .featured-topic__url {
    grid-template-columns: 378px 1fr;
  }
}
@media (max-width: 767px) {
  .featured-topic--full-width.featured-topic--featured-image .featured-topic__url {
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr;
  }
}
@media (max-width: 767px) {
  .featured-topic--full-width.featured-topic--featured-image .featured-topic__title {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-left: 16px;
  }
}

.featured-topic--featured-image:not(.featured-topic--full-width) .featured-topic__title {
  grid-template-rows: max-content 1fr;
}

.featured-topic--idea .pill {
  position: relative;
  top: -4px;
  left: 6px;
}
@media (max-width: 767px) {
  .featured-topic--idea .pill {
    top: -1px;
  }
}

.featured-topic--bug .pill {
  position: relative;
  top: -4px;
  left: 6px;
}
@media (max-width: 767px) {
  .featured-topic--bug .pill {
    top: -1px;
  }
}

.dynamic-content .post-meta__container,
.featured-topics .post-meta__container {
  display: flex;
  justify-content: space-between;
  margin: 0;
  color: var(--config-meta-text-color);
  flex-wrap: wrap;
  min-width: 0;
}
@media (max-width: 767px) {
  .dynamic-content .post-meta__container,
  .featured-topics .post-meta__container {
    margin: 8px 0 0;
  }
}
.dynamic-content .post-meta__container--left,
.featured-topics .post-meta__container--left {
  flex-grow: 1;
}
.dynamic-content .post-meta__container--left,
.dynamic-content .post-meta__container--right,
.featured-topics .post-meta__container--left,
.featured-topics .post-meta__container--right {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  min-width: 0;
}
.dynamic-content .post-meta__container--left > *,
.dynamic-content .post-meta__container--right > *,
.featured-topics .post-meta__container--left > *,
.featured-topics .post-meta__container--right > * {
  margin-right: 8px;
}
.dynamic-content .post-meta__container--left :last-child,
.dynamic-content .post-meta__container--right :last-child,
.featured-topics .post-meta__container--left :last-child,
.featured-topics .post-meta__container--right :last-child {
  margin-right: 0;
}
.dynamic-content .avatar--XS,
.featured-topics .avatar--XS {
  display: flex;
  flex-shrink: 0;
}

.featured-topic__title .post-meta__container {
  align-self: end;
}

.featured-topic__vote {
  position: static;
  bottom: 24px;
  right: 24px;
  cursor: pointer;
  width: 64px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (min-width: 450px) {
  .featured-topic--full-width .featured-topic__vote {
    flex-direction: column-reverse;
    height: 69px;
    width: 64px;
    top: 50%;
    bottom: auto;
    margin-top: -35px;
  }
}
@media (max-width: 767px) {
  .featured-topic--full-width .featured-topic__vote {
    bottom: 18px;
  }
}
@media (max-width: 767px) {
  .featured-topic__vote {
    bottom: 18px;
    right: 16px;
  }
}
.featured-topic__vote:hover + .featured-topic__url .featured-topic__heading {
  color: var(--config--main-color-brand);
}

.featured-topic__voteAmount {
  font-size: 14px;
}
.featured-topic--full-width .featured-topic__voteAmount {
  font-size: 16px;
}

.featured-topic__voteIcon {
  margin-left: 4px;
}
.featured-topic--full-width .featured-topic__voteIcon {
  margin-bottom: 8px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .featured-topic--full-width .featured-topic__voteIcon {
    margin-left: 8px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .featured-topic__voteIcon {
    margin-left: 8px;
  }
}

.category-filter {
  margin-bottom: 12px;
}

.category-filter__list {
  margin: 0;
  padding-left: 0;
}
.category-filter__list li {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 10px;
  border-left: 4px solid transparent;
}
.category-filter__list li.category-filter--selected {
  position: relative;
  border-left-color: var(--config--main-color-brand);
}
.category-filter__list li.category-filter--selected::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--config--main-color-brand);
  opacity: 0.1;
}

li.category-filter--container {
  font-weight: var(--config-sidebar-widget-font-weight);
  padding: 12px 12px 12px 16px;
}

li.category-filter--content {
  padding: 10px 10px 10px 42px;
}

li.category-filter--collapsible {
  padding-left: 10px;
}
li.category-filter--collapsible svg {
  margin-right: 8px;
}

.category-filter--collapsed {
  display: none;
}

.widget-visibility-configurator .radio-inline {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
  align-items: start;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widgets-visibility_segments-add {
  position: relative;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widgets-visibility_segments-add .widgets-visibility_segments-add--icon {
  position: absolute;
  top: 8px;
  left: 8px;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widgets-visibility_segments-add .widgets-visibility_segments-add--icon svg path {
  fill: #959898;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widgets-visibility_segments-add input {
  padding-left: 32px;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .c-dropdown__item .text--meta {
  color: #959898;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-visibility-selector--guest-user-checkbox {
  margin-bottom: 12px;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-personalisation_selected-segments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-personalisation_selected-segments-list--item {
  display: flex;
  justify-content: space-between;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-personalisation_selected-segments-list--item .selected-segment-item-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-personalisation_selected-segments-list--item .selected-segment-item-remove {
  cursor: pointer;
  border: none;
  background: none;
}
.widget-visibility-configurator .widgets-visibility__segments-configurator .widget-personalisation_selected-segments-list--item svg path {
  stroke: #181f26;
}

.widgets-library--widget-list {
  display: grid;
  grid-auto-flow: row;
  align-self: start;
  gap: 16px;
  padding: 0 4px 0 10em;
}

.widgets-library--widget-disabled {
  order: 1000;
}

.widgets-library-sidebar {
  width: 10em;
  margin-right: 16px;
  list-style: none;
  position: absolute;
  padding: 0;
  margin-top: 0;
  color: #25313b;
}
.widgets-library-sidebar li {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
  padding: 8px 0;
}
.widgets-library-sidebar li.active {
  color: #0369e9;
}
.widgets-library-sidebar li .counter {
  font-weight: normal;
  color: #959898;
}

.personalisation-preview-dropdown.theme-dropdown .control-dropdown__list {
  width: 150px;
}
.personalisation-preview-dropdown.theme-dropdown .control-dropdown__list a {
  line-height: 16px;
}

.report-content--reason label.a-label--app-destination {
  font-weight: 700;
}

.m-modal--footer button {
  margin-right: 8px;
  position: relative;
}
.m-modal--footer .report-content-modal-buttons {
  display: flex;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-end;
}
.m-modal--footer .modal-footer-buttons--threaded .btn {
  height: 32px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert {
  border: 0;
  border-radius: 2px;
  padding: 12px;
}
.alert .close {
  opacity: 1;
  margin-top: -2px;
}
.alert .close:hover {
  color: #fff;
}

.alert-danger {
  background: var(--config--main-color-alert);
  color: #fff;
}

.alert-success {
  background: var(--config--main-color-success);
  color: #fff;
}

.alert-warning {
  background: var(--config--main-color-info);
  color: #fff;
}

@keyframes loading-animation {
  0% {
    background-color: #e6e9ec;
  }
  50% {
    background-color: #f5f7f9;
  }
  100% {
    background-color: #e6e9ec;
  }
}
.qa-topic-first-post .topic-poll-wrapper .h5 {
  font-weight: bold;
  font-size: 16px;
}

.best-answer-field {
  margin-left: 56px;
}
.best-answer-field.answer-field {
  width: calc(100% - 56px);
}
.best-answer-field .post__content {
  padding-left: 0;
}
.best-answer-field .icon--checkmark path {
  fill: var(--config--main-color-success);
}

.topic-replies--hidden {
  display: none;
}

.topic-replies__wrapper .list__items--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topic-replies__wrapper .list__items--header .topic-replies__header-item-list {
  display: flex;
  align-items: center;
}
.topic-replies__wrapper .list__items--header .topic-replies__header-item-list .c-dropdown {
  display: flex;
}
.topic-replies__wrapper .list__items--header .topic-replies__header-item-list .language-selector-trigger {
  display: flex;
  align-items: center;
  font-family: var(--config--main-font-base-stack);
  font-size: 14px;
}
.topic-replies__wrapper .list__items--header .topic-replies__header-item-list .language-selector-trigger :hover {
  color: initial;
}
@media (max-width: 767px) {
  .topic-replies__wrapper .list__items--header .topic-replies__header-item-list .language-selector-trigger .post__action-link__text {
    display: inline-block;
  }
}
.topic-replies__wrapper .list__items--header.qa-topic-reply-box-header:after {
  display: none;
}
.topic-replies__wrapper .list__items--header .dropdown-links__active-sort {
  font-family: var(--config--main-font-base-stack);
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  min-width: 110px;
}

.product-area-meta-container {
  margin-top: 8px;
}
.product-area-meta-container .product-area-item {
  color: var(--config-card-text-color);
  margin: 0 4px;
}
.product-area-meta-container .text--dot-underline {
  border-bottom: 1px dashed var(--config--main-border-base-color);
}

.topic-header-vote-text {
  padding-left: 6px;
}

.ideation-view-topic-votes .ideation-topic-votes-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users {
  padding-left: 0;
  align-items: center;
  margin: 0;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .avatar--S {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: -8px;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .avatar--S:first-child {
  margin-left: 0;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-trigger > div {
  display: flex;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-message {
  width: 200px;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-message:hover {
  display: block;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .text--meta {
  align-self: center;
  margin-left: 8px;
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users .tooltip-trigger:hover .text--meta {
  color: var(--config--main-color-brand);
}
.ideation-view-topic-votes .ideation-topic-votes-wrapper .thread-meta-item--vote .qa-topic-meta-likes-content {
  margin-right: 0;
  margin-left: 8px;
}
@media (max-width: 767px) {
  .ideation-view-topic-votes .ideation-topic-votes-wrapper {
    flex-direction: column;
  }
  .ideation-view-topic-votes .ideation-topic-votes-wrapper .thread-meta-item--vote {
    margin-right: 0;
    justify-content: center;
  }
  .ideation-view-topic-votes .ideation-topic-votes-wrapper .topic-voted-users {
    margin-top: 16px;
  }
}

.topic-replies__header--left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.post--translated-claimer {
  display: flex;
  align-items: center;
  color: var(--config-meta-text-color);
}
.post__footer .post--translated-claimer {
  margin-bottom: 8px;
}
.post--translated-claimer svg {
  margin-right: 4px;
}

.topic__header .list-item_on-demand-translations {
  display: flex;
  align-items: center;
}
.topic__header .list-item_on-demand-translations:empty::before {
  content: none;
}
.topic__header .topic__labels-list {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}

.topic-wrapper .list--dot-seperated {
  margin-top: 8px;
}
.topic-wrapper .list--dot-seperated li {
  margin-left: 0;
}

.topic-wrapper .list--dot-seperated > li:not(:first-child):not(:empty)::before {
  content: "·";
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  padding: 0 4px;
}

.topic-wrapper .list--dot-seperated > li:empty::before {
  content: none;
}

.js-fallback-content {
  display: block;
}

.reply-flexbox {
  padding: 16px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 16px;
  position: relative;
  border-radius: 4px;
  margin: 0 0 16px;
}
.reply-flexbox .post__content {
  padding-left: 0;
}
.reply-flexbox .icon--pin,
.reply-flexbox .icon--checkmark {
  position: static;
}

.reply-flexbox--pinned {
  border: 1px solid var(--config--main-color-brand);
}
.reply-flexbox--pinned:after {
  background-color: var(--config--main-color-brand);
  opacity: 0.05;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.reply-flexbox--pinned .reply-label {
  color: var(--config--main-color-brand);
}
.reply-flexbox--pinned .icon--pin path {
  fill: var(--config--main-color-brand);
}
.insided-control .reply-flexbox--pinned {
  border-color: #a56cdd;
  background-color: #F3EAFB;
}
.insided-control .reply-flexbox--pinned .reply-label {
  color: #712bba;
}
.insided-control .reply-flexbox--pinned .icon--pin path {
  fill: #712bba;
}

.reply-flexbox--bestanswer {
  border: 1px solid var(--config--main-color-success);
  background-color: #ebfbee;
}
.reply-flexbox--bestanswer:after {
  background-color: var(--config--main-color-success);
  opacity: 0.05;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.reply-flexbox--bestanswer .reply-label {
  color: var(--config--main-color-success);
}
.reply-flexbox--bestanswer .icon--checkmark path {
  fill: var(--config--main-color-success);
}
.insided-control .reply-flexbox--bestanswer {
  border-color: #13ad68;
}
.insided-control .reply-flexbox--bestanswer:after {
  background-color: #13ad68;
  opacity: 0.05;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.insided-control .reply-flexbox--bestanswer .reply-label {
  color: #0f8754;
}
.insided-control .reply-flexbox--bestanswer .reply__content p {
  margin: 0;
}
.insided-control .reply-flexbox--bestanswer .icon--checkmark path {
  fill: #13ad68;
}

.reply-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reply-header .reply-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.reply-header .reply-icon-wrapper .icon--pin,
.reply-header .reply-icon-wrapper .icon--checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
}

.reply-footer {
  display: flex;
  justify-content: flex-start;
}

.view-in-thread {
  font-weight: bold;
  text-decoration: none;
}

.editor {
  border-radius: 8px;
}

.reply__content {
  margin: 0;
}

.unstyled-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.unstyled-button:focus {
  outline: auto;
}
.unstyled-button:focus-visible {
  outline: 2px solid var(--config--main-color-brand);
  outline-offset: 2px;
}

.box.editor .editor--open {
  padding: 16px;
}

.editor--open {
  padding-left: 12px;
}
.editor .html-editor__wrapper .html-editor {
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.editor .html-editor__wrapper .html-editor .cke_top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.editor .html-editor__wrapper .html-editor .cke_reset {
  border-radius: 8px;
}
.editor__collapsed {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}
.editor__collapsed:hover {
  background-color: #f5f7f9;
}
.editor__collapsed:focus {
  outline: 1px solid #0069FF;
  outline-offset: 1px;
}
.editor__avatar {
  flex-shrink: 0;
}
.editor__avatar-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e6e9ec;
}
.editor__input {
  height: 40px;
  cursor: pointer;
  background-color: #fbfbfc;
  border: 1px solid #e6e9ec;
}
.editor__input:hover {
  background-color: #f0f0f0;
  border-color: #0069FF;
}
.editor .html-editor__buttons {
  display: flex;
  gap: 8px;
  padding: 0;
  flex-direction: row-reverse;
}
.editor .html-editor__buttons .button-control-new {
  margin-right: 0;
}
.editor .html-editor__buttons .btn {
  height: 32px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-editor-avatar {
  font-size: 14px;
  font-family: var(--config--main-font-base-stack);
}

.threaded-reply-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 8px;
  background-color: var(--config-card-background-color);
  margin-bottom: 16px;
  position: relative;
}
.insided-control .threaded-reply-item-wrapper {
  border-color: #d5d9de;
  background-color: #fff;
}

.threaded-reply-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.threaded-replies-nested {
  width: 100%;
  position: relative;
}
.threaded-replies-nested:has(> .show-more-nested-replies)::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  height: calc(100% - 18px);
  width: 2px;
  background-color: #d5d9de;
  z-index: 1;
  transform: translateX(-2px);
}
.threaded-replies-nested:has(> .show-previous-nested-replies)::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  height: 48px;
  width: 2px;
  background-color: #d5d9de;
  z-index: 1;
  transform: translateX(-2px);
}

.threaded-reply-nested.level-2, .threaded-reply-nested.level-3 {
  margin-left: 32px;
  padding-top: 24px;
  position: relative;
}
.threaded-reply-nested.level-2::before, .threaded-reply-nested.level-3::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: 16px;
  height: 44px;
  border-left: 2px solid #d5d9de;
  border-bottom: 2px solid #d5d9de;
  border-bottom-left-radius: 8px;
  background-color: var(--config-card-background-color);
  transform: translateX(-2px);
  z-index: 2;
}
.insided-control .threaded-reply-nested.level-2::before, .insided-control .threaded-reply-nested.level-3::before {
  background-color: #fff;
}
.threaded-reply-nested.level-2:not(.last-child)::after, .threaded-reply-nested.level-3:not(.last-child)::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 14px;
  bottom: -12px;
  width: 2px;
  background-color: #d5d9de;
  transform: translateX(-2px);
  z-index: 1;
}

.show-previous-nested-replies {
  position: relative;
  margin-top: 16px;
  margin-left: 32px;
}
.show-previous-nested-replies::before {
  content: "";
  position: absolute;
  left: -16px;
  transform: translateX(-2px) translateY(-50%);
  width: 16px;
  height: 24px;
  border-left: 2px solid #d5d9de;
  border-bottom: 2px solid #d5d9de;
  border-bottom-left-radius: 8px;
  background-color: var(--config-card-background-color);
  z-index: 2;
}
.insided-control .show-previous-nested-replies::before {
  background-color: #fff;
}
.show-previous-nested-replies .show-previous-nested-btn {
  font-size: 14px;
  color: var(--config--main-color-brand);
}
.insided-control .show-previous-nested-replies .show-previous-nested-btn {
  color: #0369e9;
}

.show-more-nested-replies {
  position: relative;
  margin-top: 16px;
  margin-left: 32px;
}
.show-more-nested-replies::before {
  content: "";
  position: absolute;
  left: -16px;
  transform: translateX(-2px) translateY(-50%);
  width: 16px;
  height: 24px;
  border-left: 2px solid #d5d9de;
  border-bottom: 2px solid #d5d9de;
  border-bottom-left-radius: 8px;
  background-color: var(--config-card-background-color);
  z-index: 2;
}
.insided-control .show-more-nested-replies::before {
  background-color: #fff;
}
.show-more-nested-replies .show-more-nested-btn {
  font-size: 14px;
  color: var(--config--main-color-brand);
}
.insided-control .show-more-nested-replies .show-more-nested-btn {
  color: #0369e9;
}

.threaded-reply-body-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 12px;
  border-radius: 2px 8px 8px;
  background: rgba(0, 0, 0, 0.0392156863);
  width: fit-content;
  max-width: 100%;
}
.insided-control .threaded-reply-body-wrapper {
  background-color: #f5f7f9;
}
.insided-control .threaded-reply-body-wrapper .message-in-content--reported {
  background-color: transparent;
  border-left: 2px solid #dc3626;
}
.threaded-reply-body-wrapper.with-attachments, .threaded-reply-body-wrapper:has(.oembed-wrapper) {
  width: auto;
}
.threaded-reply-body-wrapper .signature {
  margin: 0;
  position: relative;
  word-wrap: break-word;
  font-size: 14px;
  color: #696E7C;
}
.threaded-reply-body-wrapper .topic-view-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.threaded-reply-body-wrapper .topic-view-content-wrapper .on-demand-translation-wrapper {
  padding-left: 0;
  margin-bottom: 0;
}
.threaded-reply-body-wrapper .topic-view-content-wrapper .post__content--new-editor + .on-demand-translation-wrapper {
  margin-top: 0;
}
.threaded-reply-body-wrapper .post__content {
  color: #2B3346;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}
.threaded-reply-body-wrapper .post__content p {
  margin: 0;
  word-wrap: break-word;
}
.threaded-reply-body-wrapper__actions {
  display: flex;
  align-items: center;
}

.threaded-reply-body-wrapper.best-answer {
  background-color: var(--config-thread-list-best-answer-background-color);
}
.insided-control .threaded-reply-body-wrapper.best-answer {
  background-color: #ebfbee;
}

.threaded-reply-body-wrapper.post--pinned {
  border: none;
}
.threaded-reply-body-wrapper.post--pinned .pinned-reply__label--comments {
  padding: 0;
}
.insided-control .threaded-reply-body-wrapper.post--pinned {
  background-color: #F3EAFB;
}
.insided-control .threaded-reply-body-wrapper.post--pinned .pinned-reply__label {
  color: #712bba;
}
.insided-control .threaded-reply-body-wrapper.post--pinned .pinned-reply__label svg path {
  fill: #712bba;
}

.threaded-reply-body-wrapper.post--modbreak {
  background: var(--config-thread-list-mod-break-background);
}
.insided-control .threaded-reply-body-wrapper.post--modbreak {
  border: none;
  background-color: #fffaeb;
}

.insided-control .threaded-reply-body-wrapper.post--reported {
  background-color: #FFF5F5;
}

.threaded-reply-editor {
  margin-left: 12px;
  padding-left: 12px;
  border-radius: 8px;
  position: relative;
}
.threaded-reply-editor.no-nested-replies {
  margin-left: 0;
  padding: 0;
}
.threaded-reply-editor.no-nested-replies .editor--open {
  padding: 0;
}
.threaded-reply-editor .level-3 {
  margin-left: 0;
  padding-left: 0;
}
.threaded-reply-editor.has-nested-replies::before {
  content: "";
  position: absolute;
  left: 2px;
  top: -4px;
  width: 16px;
  height: calc(100% + 20px);
  border-left: 2px solid #d5d9de;
  background-color: #fff;
  z-index: 1;
  transition: height 0.3s ease;
}
.threaded-reply-editor .html-editor .cke_contents {
  min-height: unset;
  max-height: unset;
}

.paginated-threaded-replies .pagination-load-more-btn {
  padding: 0 8px;
  box-shadow: none;
  background-color: #FFF;
  color: var(--config--main-color-brand);
}
.insided-control .paginated-threaded-replies .pagination-load-more-btn {
  color: #0369e9;
}
.paginated-threaded-replies .pagination-load-previous-btn {
  box-shadow: none;
  background-color: #FFF;
  color: var(--config--main-color-brand);
}
.insided-control .paginated-threaded-replies .pagination-load-previous-btn {
  color: #0369e9;
}
.paginated-threaded-replies .pagination-bottom {
  display: flex;
  justify-content: center;
  border: 1px solid #d5d9de;
  border-radius: 8px;
  background-color: #FFF;
}
.paginated-threaded-replies .pagination-top {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  border: 1px solid #d5d9de;
  border-radius: 8px;
  background-color: #FFF;
}

.pagination-icon {
  display: flex;
  align-items: center;
}
.pagination-icon svg path {
  fill: var(--config--main-color-brand);
}
.insided-control .pagination-icon svg path {
  fill: #0369e9;
}

.threaded-replies .list__items--header {
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 16px;
}
.threaded-replies .topic-replies__header-item-list {
  margin-left: auto;
}
.threaded-replies .list__items--sort-replies .c-dropdown__content > .c-dropdown__item {
  padding: 0;
}
.threaded-replies .list__items--sort-replies .c-dropdown__content > .c-dropdown__item a {
  display: block;
  padding: 12px 16px;
}
.threaded-replies .dropdown-links__active-sort {
  color: var(--config-meta-text-color);
  display: flex;
  align-items: center;
}
.threaded-replies .dropdown-links__active-sort b,
.threaded-replies .dropdown-links__active-sort .dropdown-links__sort-icon {
  color: var(--config-header-color);
}
.threaded-replies .dropdown-links__active-sort .dropdown-links__sort-icon {
  transition: transform 0.2s ease-in-out;
}
.threaded-replies .dropdown-links__active-sort .dropdown-links__sort-icon--open {
  transform: rotate(180deg);
}

.topic-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 16px;
  background-color: var(--config-card-background-color);
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid var(--config--main-border-base-color);
}
.insided-control .topic-wrapper {
  background-color: #fff;
  border-color: #d5d9de;
}
.topic-wrapper .topic-info.topic__header {
  padding: 0;
}
.topic-wrapper .topic__title {
  margin: 0;
}
.topic-wrapper .public-tag-edit-buttons {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 8px;
}
.topic-wrapper .public-tag-edit-buttons .btn-secondary, .topic-wrapper .public-tag-edit-buttons .widget-configurator .widget-configurator__controls .btn-default, .widget-configurator .widget-configurator__controls .topic-wrapper .public-tag-edit-buttons .btn-default,
.topic-wrapper .public-tag-edit-buttons .widget-configurator .homepage-widget-configurator__controls .btn-default,
.widget-configurator .homepage-widget-configurator__controls .topic-wrapper .public-tag-edit-buttons .btn-default,
.topic-wrapper .public-tag-edit-buttons .homepage-widget-configurator .widget-configurator__controls .btn-default,
.homepage-widget-configurator .widget-configurator__controls .topic-wrapper .public-tag-edit-buttons .btn-default,
.topic-wrapper .public-tag-edit-buttons .homepage-widget-configurator .homepage-widget-configurator__controls .btn-default,
.homepage-widget-configurator .homepage-widget-configurator__controls .topic-wrapper .public-tag-edit-buttons .btn-default, .topic-wrapper .public-tag-edit-buttons body > .sortable-curated-topic .btn-default, body > .sortable-curated-topic .topic-wrapper .public-tag-edit-buttons .btn-default,
.topic-wrapper .public-tag-edit-buttons body > .hoverable .btn-default,
body > .hoverable .topic-wrapper .public-tag-edit-buttons .btn-default {
  height: 32px;
}
.topic-wrapper .topic-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.topic-wrapper .topic-info .text--meta {
  margin-bottom: 0;
}
.topic-wrapper .topic-info > :first-child {
  padding-bottom: 4px;
}
.topic-wrapper .attachments {
  margin-bottom: 0;
}
.topic-wrapper .topic-view-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.topic-wrapper .topic-view-content-wrapper .post__content {
  color: #2B3346;
  padding: 0;
  margin: 0;
}
.insided-control .topic-wrapper .topic-view-content-wrapper .post__content {
  color: #181f26;
}
.topic-wrapper .topic-view-content-wrapper .post__content p {
  margin-bottom: 0;
  word-wrap: break-word;
}
.topic-wrapper .topic-public-tags-list {
  margin: 0 0 4px;
}
.topic-wrapper .topic-public-tags-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
}
.topic-wrapper .topic-public-tags-list .public-tags {
  margin-bottom: 0;
}
.topic-wrapper .topic-public-tags-list .public-tags li {
  margin-bottom: 0;
}

.topic-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -4px;
}

.action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  color: var(--config--main-color-dusk-dark);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  min-width: 40px;
}
.insided-control .action-btn {
  color: #959898;
}
.action-btn div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.action-btn:hover {
  color: var(--config-anchor-base-hover-color);
  background-color: inherit;
}

.action-btn:hover .action-btn__text {
  color: inherit;
}

.action-btn:focus {
  color: var(--config-anchor-base-hover-color);
  outline: 2px solid var(--config-anchor-base-hover-color);
  outline-offset: 2px;
  background-color: inherit;
}

.action-btn:focus .action-btn__text {
  color: inherit;
}

.action-btn--liked,
.action-btn.active {
  color: var(--config-anchor-base-hover-color);
}

.action-btn--liked .action-btn__text {
  color: inherit;
}

.action-btn__icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.action-btn__text {
  font-size: 14px;
  color: var(--config--main-color-dusk-dark);
  white-space: nowrap;
}

.topic-footer__actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.topic-footer__actions .expand-collapse-button {
  z-Index: 3;
  color: var(--config--main-color-brand);
}
.insided-control .topic-footer__actions .expand-collapse-button {
  color: #0369e9;
}
.topic-footer__actions .topic-liked-users {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
.topic-footer__actions .topic-liked-users .avatar {
  height: 16px;
  width: 16px;
  margin-left: -6px;
}
.topic-footer__actions .topic-liked-users .avatar:first-child {
  margin-left: 0;
}
.topic-footer__actions .topic-liked-users .topic-liked-users_text {
  margin-left: 4px;
  line-height: 1;
}
.topic-footer__actions .topic-liked-users .topic-liked-users_text .post-like-list__item {
  margin: 8px 0 0 2px;
}
.topic-footer__actions .tooltip-container .topic-share__tooltip {
  background-color: var(--config-card-background-color);
  border-radius: 8px;
  border: 1px solid var(--config--main-border-base-color);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  left: 50%;
  transform: translateX(calc(-50% + 10px));
}
.topic-footer__actions .tooltip-container .topic-share__tooltip .arrow {
  width: 40px;
  height: 8px;
  overflow: hidden;
  position: absolute;
  margin-left: -20px;
}
.topic-footer__actions .tooltip-container .topic-share__tooltip .arrow:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 28.2842712475px;
  height: 28.2842712475px;
  box-shadow: 4px 4px 1px -3px rgba(0, 0, 0, 0.2), -4px -4px 1px -3px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  background-color: var(--config-card-background-color);
  border: 1px solid var(--config--main-border-base-color);
}
.topic-footer__actions .tooltip-container .topic-share__tooltip .topic-share__socials-list {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.topic-footer__actions .tooltip-container .topic-share__tooltip .btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
}

.groups-widget__configurator b {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
}
.groups-widget__configurator .widget-configuration_sortable-deletable-item-list__container {
  margin-top: 4px;
}

@media (max-width: 449px) {
  .groups .group-overview {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-y: auto;
  }
}
@media (max-width: 449px) {
  .groups .group-overview .group-overview-item {
    flex-shrink: 0;
    width: 250px;
    margin-right: 16px;
  }
}

.widget-last-visitors {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.widget-last-visitors .widget-title {
  margin-right: 8px;
}
.widget-last-visitors .last-visitor {
  width: 24px;
  /*
  * width for .last-visitor is changed from 20px to 24px.
  * Improving accessibility issue: Touch targets do not have sufficient size or spacing.
  * https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html
  * https://dequeuniversity.com/rules/axe/4.9/target-size
  */
}

.widget-configurator_leaderboard-config-tabs-wrapper .widget-configurator_tabs-wrapper {
  margin: 0;
}
.widget-configurator_leaderboard-config-tabs-wrapper .widget-configurator_tab-content-custom {
  width: 100%;
}
.widget-configurator_leaderboard-config-tabs-wrapper .tip-box .widget-configuration_tip-box-title {
  padding-bottom: 8px;
  font-weight: 700;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__time-range .form-group,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link .form-group,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section .form-group,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__empty-status .form-group {
  margin-bottom: 8px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__time-range .form-group input.form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link .form-group input.form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section .form-group input.form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__empty-status .form-group input.form-control {
  margin-top: 0;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__time-range .form-group .form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link .form-group .form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section .form-group .form-control,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__empty-status .form-group .form-control {
  width: 16px;
  height: 16px;
  margin: 0 0 0 4px;
  cursor: pointer;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__time-range .form-group label,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link .form-group label,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section .form-group label,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__empty-status .form-group label {
  font-weight: normal;
  padding-left: 12px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link-text,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section {
  margin-top: 16px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__logged-in-user-section .form-group input.form-control {
  margin-top: -16px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__link .form-group,
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__empty-status .form-group {
  margin-bottom: 0;
}
.widget-configurator_leaderboard-config-tabs-wrapper .CodeMirror {
  min-height: 230px;
  height: 230px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .html-widget__form {
  margin-bottom: 8px;
}
.widget-configurator_leaderboard-config-tabs-wrapper .html-widget__form .form-group {
  display: none;
}
.widget-configurator_leaderboard-config-tabs-wrapper .leaderboard-config__user-roles button {
  width: 100%;
}

.leaderboard-config__time-range-error {
  color: #d9604c;
  display: none;
  font-size: 14px;
}

.leaderboard-config__time-range-error--active {
  display: block;
}

.leaderboard-config__user-roles_selected-role {
  display: inline-block;
  padding: 4px 8px;
  background-color: #f6f6f6;
  color: #2b3346;
  border-radius: 2px;
  margin: 8px 8px 0 0;
  font-size: 14px;
}
.leaderboard-config__user-roles_selected-role .leaderboard-config__user-roles_selected-role-remove-button {
  vertical-align: middle;
  cursor: pointer;
}

.leaderboard-config__user-roles-heading {
  margin-top: 12px;
  font-size: 14px;
}

.leaderboard-config__user-roles-selection {
  position: relative;
}
.leaderboard-config__user-roles-selection .form-control {
  margin-top: 0;
}
.leaderboard-config__user-roles-selection .form-group {
  margin-bottom: 0;
}

.leaderboard-config__user-role-list {
  background: #fff;
  border: 1px solid #d5d9de;
  box-sizing: border-box;
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  z-index: 7000;
  max-height: 320px;
  overflow-y: auto;
}
.leaderboard-config__user-role-list ul {
  padding: 0;
}
.leaderboard-config__user-role-list .leaderboard-config__user-role {
  list-style: none;
  cursor: pointer;
  padding: 8px 16px;
}
.leaderboard-config__user-role-list .leaderboard-config__user-role .leaderboard-config__user-role-type {
  font-style: italic;
  color: #3c4a57;
}
.leaderboard-config__user-role-list .leaderboard-config__user-role:hover {
  background: #f6f6f6;
}
.leaderboard-config__user-role-list .leaderboard-config__user-role_not-found {
  text-align: center;
  list-style: none;
  padding: 8px 16px;
  color: #3c4a57;
}

.leaderboard-config__empty-status-description {
  color: var(--config--main-color-night);
  font-size: 14px;
}

.leaderboard-container .leaderboard-widget-table .leaderboard-row {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.leaderboard-container .leaderboard-widget-table .leaderboard-row .icon-medal {
  vertical-align: middle;
}
.leaderboard-container .leaderboard-widget-table .leaderboard-row .icon-medal-1 {
  color: #ffd000;
}
.leaderboard-container .leaderboard-widget-table .leaderboard-row .icon-medal-2 {
  color: #c7c7c7;
}
.leaderboard-container .leaderboard-widget-table .leaderboard-row .icon-medal-3 {
  color: #ffac00;
}
.leaderboard-container .leaderboard-row-current-user {
  justify-content: center;
}
.leaderboard-container .leaderboard-row-current-user .icon-medal,
.leaderboard-container .leaderboard-row-current-user .position-number,
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-medal,
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-points-M,
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-points {
  display: none;
}
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-position,
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-details,
.leaderboard-container .leaderboard-row-current-user .logged-in-user-section-points-wrapper,
.leaderboard-container .leaderboard-row-current-user .logged-in-user-section-ranking-wrapper {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.leaderboard-container .leaderboard-row-current-user .logged-in-user-section-points,
.leaderboard-container .leaderboard-row-current-user .logged-in-user-section-ranking {
  font-weight: 700;
  font-size: 20px;
}
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-details {
  padding-left: 0;
}
.leaderboard-container .leaderboard-row-current-user .leaderboard-user-avatar {
  padding-right: 0;
}
.leaderboard-container .leaderboard-user-position {
  width: 8%;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .leaderboard-container .leaderboard-user-position {
    text-align: right;
    justify-content: flex-end;
    width: 10%;
  }
}
@media (max-width: 767px) {
  .leaderboard-container .leaderboard-user-position {
    justify-content: flex-start;
    width: 8%;
  }
}
.leaderboard-container .leaderboard-user-details {
  width: 82%;
  display: flex;
  align-items: center;
  padding-left: 16px;
}
@media (max-width: 1024px) {
  .leaderboard-container .leaderboard-user-details {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .leaderboard-container .leaderboard-user-details {
    width: 82%;
    padding-left: 0;
  }
}
@media (min-width: 450px) and (max-width: 1024px) {
  .leaderboard-container .is-hidden-only-M {
    display: none;
  }
}
@media (max-width: 767px) {
  .leaderboard-container .is-hidden-only-M {
    display: block;
  }
}
@media (max-width: 1024px) {
  .leaderboard-container .leaderboard-user-points-M {
    width: 45%;
  }
}
.leaderboard-container .leaderboard-user-avatar {
  padding-right: 16px;
}
.leaderboard-container .leaderboard-username .username {
  line-height: 24px;
  color: var(--config--main-color-night);
  font-weight: 500;
  word-break: break-word;
}
.leaderboard-container .leaderboard-username .username:hover {
  color: var(--config--main-color-brand);
}
.leaderboard-container .leaderboard-username .text--meta {
  color: var(--config-meta-text-color);
}
.leaderboard-container .default-leaderboard-meta-text {
  text-align: center;
}
.leaderboard-container .leaderboard-user-medal {
  width: 10%;
}
.leaderboard-container .leaderboard-link-text .leaderboard-link-text-icon {
  vertical-align: middle;
}
.leaderboard-container .position-number {
  color: var(--config-meta-text-color);
  font-weight: 700;
}
@media (min-width: 450px) and (max-width: 1024px) {
  .leaderboard-container .position-number {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .leaderboard-container .position-number {
    padding: 0;
  }
}
.leaderboard-container .tabs {
  display: none;
}
.leaderboard-container .tabs--active {
  display: block;
}
.leaderboard-container .sections__nav ul.tabs--navigation {
  padding: 0 0 12px;
}
@media (max-width: 767px) {
  .leaderboard-container .sections__nav ul.tabs--navigation {
    display: flex;
  }
}
.leaderboard-container .tabs--navigation .tabs__item {
  list-style: none;
  font-size: 16px;
  margin-right: 16px;
}
.leaderboard-container .tabs--navigation .tabs__item:first-child {
  margin-left: 0;
}
.leaderboard-container .tabs__btn {
  color: var(--config-meta-text-color);
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0;
  font-size: 14px;
  line-height: 2;
  outline: 0;
}
.leaderboard-container .tabs__btn:not(.tabs__btn--active):hover {
  color: var(--config--main-color-brand);
}
.leaderboard-container .tabs__btn:hover {
  text-decoration: none;
  cursor: pointer;
}
.leaderboard-container .tabs__btn--active {
  border-bottom: 2px solid var(--config--main-color-brand);
  color: var(--config--main-color-night);
}
.leaderboard-container .leaderboard-row > td {
  padding-bottom: 13px;
}
.leaderboard-container .leaderboard-row:last-child > td {
  padding-bottom: 0;
}
.leaderboard-container .leaderboard-user-points {
  margin: 0;
}

.twig_page-leaderboard-overview .leaderboard-sitewidth {
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .twig_page-leaderboard-overview .leaderboard-sitewidth {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-sitewidth {
    padding: 0;
  }
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container {
    flex-direction: column;
  }
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-title-container {
  width: 80%;
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container ul.tabs--navigation {
  display: flex;
  padding-left: 0;
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container ul.tabs--navigation li.tabs__item {
  list-style: none;
  font-size: 16px;
  margin-right: 8px;
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container ul.tabs--navigation li.tabs__item:last-child {
  margin-left: 8px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container ul.tabs--navigation {
    margin-top: 0;
    margin-bottom: 16px;
  }
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container .tabs__btn {
  color: var(--config-meta-text-color);
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0;
  font-size: 14px;
  line-height: 2;
  outline: 0;
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container .tabs__btn:not(.tabs__btn--active):hover {
  color: var(--config--main-color-brand);
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container .tabs__btn:hover {
  text-decoration: none;
  cursor: pointer;
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container .tabs__btn--active {
  border-bottom: 2px solid var(--config--main-color-brand);
  color: var(--config--main-color-night);
}
@media (max-width: 1024px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container {
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-header-container .leaderboard-time-period-container {
    padding-left: 16px;
  }
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-title {
  padding: 24px 0 8px;
  font-size: 40px;
}
@media (max-width: 1024px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-title {
    padding: 24px 16px 8px;
  }
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-title {
    font-size: 24px;
    padding: 24px 16px 16px;
  }
}
.twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-subtitle {
  font-size: 16px;
  text-align: left;
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-subtitle {
    padding: 0 16px 24px;
  }
}
@media (max-width: 767px) {
  .twig_page-leaderboard-overview .leaderboard-overview-container .leaderboard-overview-subtitle {
    padding-bottom: 16px;
  }
}
.twig_page-leaderboard-overview .tabs {
  display: none;
}
.twig_page-leaderboard-overview .tabs--active {
  display: block;
}

.leaderboard-table-container .leaderboard-table .icon-medal,
.leaderboard-table-container .leaderboard-table .icon-user {
  vertical-align: middle;
}
.leaderboard-table-container .leaderboard-table .ranking-number {
  display: inline-block;
  width: 20px;
  font-size: 16px;
  color: var(--config-meta-text-color);
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row,
.leaderboard-table-container .leaderboard-table .leaderboard-row {
  display: flex;
  font-weight: 500;
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .ranking-cell,
.leaderboard-table-container .leaderboard-table .leaderboard-row .ranking-cell {
  width: 14%;
}
@media (max-width: 768px) {
  .leaderboard-table-container .leaderboard-table .leaderboard-header-row .ranking-cell,
  .leaderboard-table-container .leaderboard-table .leaderboard-row .ranking-cell {
    width: 15%;
  }
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .points-cell,
.leaderboard-table-container .leaderboard-table .leaderboard-row .points-cell {
  width: 12%;
}
@media (max-width: 768px) {
  .leaderboard-table-container .leaderboard-table .leaderboard-header-row .points-cell,
  .leaderboard-table-container .leaderboard-table .leaderboard-row .points-cell {
    width: 30%;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .leaderboard-table-container .leaderboard-table .leaderboard-header-row .points-cell,
  .leaderboard-table-container .leaderboard-table .leaderboard-row .points-cell {
    width: 15%;
    padding-left: 0;
  }
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .rank-title-cell,
.leaderboard-table-container .leaderboard-table .leaderboard-row .rank-title-cell {
  width: 16%;
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .badges-cell,
.leaderboard-table-container .leaderboard-table .leaderboard-row .badges-cell {
  width: 34%;
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .user-cell,
.leaderboard-table-container .leaderboard-table .leaderboard-row .user-cell {
  width: 24%;
  padding-left: 16px;
}
@media (max-width: 768px) {
  .leaderboard-table-container .leaderboard-table .leaderboard-header-row .user-cell,
  .leaderboard-table-container .leaderboard-table .leaderboard-row .user-cell {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .leaderboard-table-container .leaderboard-table .leaderboard-header-row .user-cell,
  .leaderboard-table-container .leaderboard-table .leaderboard-row .user-cell {
    width: 70%;
    padding-left: 0;
  }
}
.leaderboard-table-container .leaderboard-table .leaderboard-header-row .right,
.leaderboard-table-container .leaderboard-table .leaderboard-row .right {
  text-align: right;
}
@media (max-width: 768px) {
  .leaderboard-table-container .leaderboard-table .is-hidden-tablet {
    display: none !important;
  }
}
.leaderboard-table-container .leaderboard-header-row {
  color: var(--config-meta-text-color);
}
.leaderboard-table-container .leaderboard-header-row div {
  padding: 12px 16px 12px 0;
  text-transform: uppercase;
}
.leaderboard-table-container .leaderboard-header-row div:first-child {
  padding-left: 16px;
}
.leaderboard-table-container .leaderboard-table-body .leaderboard-row {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--config--main-border-base-color);
}
@media (max-width: 1024px) {
  .leaderboard-table-container .leaderboard-table-body .leaderboard-row {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.leaderboard-table-container .leaderboard-table-body .leaderboard-row:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media (max-width: 1024px) {
  .leaderboard-table-container .leaderboard-table-body .leaderboard-row:first-child {
    border-radius: 0;
  }
}
.leaderboard-table-container .leaderboard-table-body .pagination-wrapper {
  background-color: #ffffff;
  border-left: 1px solid var(--config--main-border-base-color);
  border-right: 1px solid var(--config--main-border-base-color);
}
.leaderboard-table-container .leaderboard-table-body .pagination-wrapper .pagination {
  height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .leaderboard-table-container .leaderboard-table-body .pagination-wrapper {
    border-left: none;
    border-right: none;
  }
}
.leaderboard-table-container .leaderboard-table-body .pagination-wrapper .pagination.is-hidden-mobile-up {
  height: 48px;
}
.leaderboard-table-container .leaderboard-table-body > :last-child {
  border-bottom-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 1024px) {
  .leaderboard-table-container .leaderboard-table-body > :last-child {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.leaderboard-table-container .leaderboard-row {
  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.leaderboard-table-container .leaderboard-row .icon-medal-1 {
  color: #ffd000;
}
.leaderboard-table-container .leaderboard-row .icon-medal-2 {
  color: #c7c7c7;
}
.leaderboard-table-container .leaderboard-row .icon-medal-3 {
  color: #ffac00;
}
.leaderboard-table-container .leaderboard-row .ranking-cell,
.leaderboard-table-container .leaderboard-row .user-cell,
.leaderboard-table-container .leaderboard-row .points-cell,
.leaderboard-table-container .leaderboard-row .rank-title-cell,
.leaderboard-table-container .leaderboard-row .badges-cell {
  padding: 12px 16px 12px 0;
}
.leaderboard-table-container .leaderboard-row .points-cell,
.leaderboard-table-container .leaderboard-row .rank-title-cell,
.leaderboard-table-container .leaderboard-row .badges-cell {
  display: flex;
  align-items: center;
}
.leaderboard-table-container .leaderboard-row .logged-in-user-section-points-wrapper,
.leaderboard-table-container .leaderboard-row .logged-in-user-section-username,
.leaderboard-table-container .leaderboard-row .logged-in-user-section-ranking-wrapper {
  display: none;
}
.leaderboard-table-container .leaderboard-row .user-details-container {
  display: flex;
  align-items: center;
}
.leaderboard-table-container .leaderboard-row .user-details-container .user-details,
.leaderboard-table-container .leaderboard-row .user-details-container .rank-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.leaderboard-table-container .leaderboard-row .ranking-number {
  color: var(--config-meta-text-color);
}
@media (min-width: 768px) {
  .leaderboard-table-container .leaderboard-row .points-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .leaderboard-table-container .leaderboard-row .mobile-medal-icon {
    display: none;
  }
}
.leaderboard-table-container .leaderboard-row.leaderboard-row-current-user {
  margin-bottom: 8px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user {
    padding: 16px 24px;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .ranking-cell,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-cell,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .points-cell {
    width: 33%;
    text-align: center;
    padding: 0;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .ranking-cell,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-cell {
    padding: 0 16px 0 0;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-details-container {
    flex-direction: column;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-points-wrapper,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-username,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-ranking-wrapper,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .points-cell {
    display: block;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-details {
    margin-left: 0;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-details .link--user.username {
    display: none;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .points-mobile,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .ranking-number,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .icon-medal {
    display: none;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .user-details,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-ranking-label,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-points-label {
    padding-top: 4px;
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-ranking-label,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-points-label {
    color: var(--config-meta-text-color);
  }
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-points,
  .leaderboard-table-container .leaderboard-row.leaderboard-row-current-user .logged-in-user-section-ranking {
    font-size: 20px;
    font-weight: 700;
  }
}
.leaderboard-table-container .leaderboard-row.highlight-row {
  background-color: #f6f6f6;
}
.leaderboard-table-container .placeholder-row .icon-medal,
.leaderboard-table-container .placeholder-row .icon-user {
  color: #d5d9de;
}
.leaderboard-table-container .placeholder-row .ranking-number {
  color: #d5d9de;
}
.leaderboard-table-container .placeholder-row .user-placeholder:empty,
.leaderboard-table-container .placeholder-row .points-placeholder:empty,
.leaderboard-table-container .placeholder-row .rank-title-placeholder:empty {
  width: 60%;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #d5d9de;
}
@media (max-width: 768px) {
  .leaderboard-table-container .placeholder-row div.points-placeholder:empty {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .leaderboard-table-container .placeholder-row .user-placeholder:empty {
    width: 90%;
  }
}
.leaderboard-table-container .placeholder-row .points-mobile:empty {
  height: 12px;
  margin-top: 9px;
  background: #d5d9de;
}
@media (max-width: 767px) {
  .leaderboard-table-container .placeholder-row .points-mobile:empty {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .leaderboard-table-container .placeholder-row .points-mobile:empty {
    display: none;
  }
}
.leaderboard-table-container .placeholder-row.loading .user-placeholder:empty,
.leaderboard-table-container .placeholder-row.loading .points-placeholder:empty,
.leaderboard-table-container .placeholder-row.loading .rank-title-placeholder:empty,
.leaderboard-table-container .placeholder-row.loading .points-mobile:empty {
  background-color: #d5d9de;
  /* Adding animation */
  animation: loading-skeleton-animation 1s infinite linear;
}
.leaderboard-table-container .placeholder-row.loading .icon-user,
.leaderboard-table-container .placeholder-row.loading .icon-medal,
.leaderboard-table-container .placeholder-row.loading .ranking-number {
  /* Adding animation */
  animation: loading-skeleton-animation 1s infinite linear;
}
@keyframes loading-skeleton-animation {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
.leaderboard-table-container .badges-icon-container {
  display: flex;
  align-items: center;
}
.leaderboard-table-container .badges-icon-container .badge-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.leaderboard-empty-message-container,
.sections__nav ul.tabs--navigation {
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .leaderboard-empty-message-container,
  .sections__nav ul.tabs--navigation {
    padding: 0 16px 24px;
  }
}
@media (max-width: 767px) {
  .leaderboard-empty-message-container,
  .sections__nav ul.tabs--navigation {
    padding: 0 0 16px 0;
  }
}

.leaderboard-empty-message-container .leaderboard-empty-message {
  background-color: #ffffff;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--config--main-border-base-color);
}
.leaderboard-empty-message-container .leaderboard-empty-message .leaderboard-empty-message-title {
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .leaderboard-empty-message-container .leaderboard-empty-message {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
  }
}

.filter-list-pill {
  display: flex;
  align-items: center;
  background-color: var(--config--main-color-brand);
  margin-right: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #fff;
}
.filter-list-pill .filter-count {
  background-color: #fff;
  color: var(--config--main-color-brand);
  width: 21px;
  text-align: center;
  border-radius: 50%;
  margin-left: 4px;
}
.filter-list-pill .filter-dismiss {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 4px;
}

.twig_page-product-update-overview .filter-list,
.twig_page-ideas-overview .filter-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 16px;
}
.twig_page-product-update-overview .filter-list .filter-reset-link,
.twig_page-ideas-overview .filter-list .filter-reset-link {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.topic-preview .box {
  border: 1px solid var(--config--main-border-base-color);
}

.topic-preview__notice {
  padding: 16px;
  text-align: center;
}

.topic-preview__notice-label {
  line-height: 1.25;
  margin-bottom: 4px;
  font-weight: var(--config-topic-page-header-font-weight);
  color: var(--config-header-color);
}

.topic-preview__notice-desc {
  display: flex;
  justify-content: center;
}

.topic-preview__notice-icon {
  margin-right: 8px;
}

.topic-preview__notice-text {
  line-height: 1.5;
  font-family: "Helvetica", sans-serif;
  font-size: 12px;
  color: #3c4a57;
}

ul.category-selector {
  max-height: 320px;
  overflow-y: auto;
}

.dropdown-selector .section-header {
  background-color: #ffffff;
  padding: 4px 0;
  border-bottom: none;
  border-top: 1px solid var(--config--main-border-base-color);
  border-radius: unset;
}
.dropdown-selector .section-header-title {
  padding: 8px 16px 0;
  font-size: 14px;
  font-weight: 500;
  color: #828080;
}
.dropdown-selector .category-dropdown-search .control-search-box {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 8px;
}
.dropdown-selector .category-dropdown-search .control-search-box svg {
  width: 40px;
}
.dropdown-selector .category-dropdown-search .control-search-box svg:first-child {
  margin-right: 0;
}
.dropdown-selector .category-dropdown-no-results {
  padding: 12px 16px;
  color: #5f6c7a;
  font-size: 14px;
  text-align: center;
}

.action-bar__move-to-dropdown {
  position: relative;
}
.action-bar__move-to-dropdown .dropdown-selector {
  width: 300px;
}

.dropdown-selector__item-wrapper--first-level {
  padding: 4px 0;
}

.dropdown-selector__item-wrapper--no-children {
  padding: 0;
}

.dropdown-selector__item-wrapper--expanded {
  overflow: auto;
  transition: max-height 0.3s ease-in-out;
}

.dropdown-selector__item-wrapper--collapsed {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.dropdown-selector__item--first-level,
.dropdown-selector__item--middle-level,
.dropdown-selector__item--last-level {
  padding: 12px 16px;
  font-size: 14px;
}
.dropdown-selector__item--first-level:hover,
.dropdown-selector__item--middle-level:hover,
.dropdown-selector__item--last-level:hover {
  background-color: #f4f5f6;
  color: #181f26;
}

.dropdown-selector__item--first-level--category-selection,
.dropdown-selector__item--middle-level--category-selection {
  cursor: default;
}
.dropdown-selector__item--first-level--category-selection:hover,
.dropdown-selector__item--middle-level--category-selection:hover {
  background: none;
  color: #181f26;
}

.dropdown-selector__item-image {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
  box-sizing: border-box;
}

.dropdown-selector__item--first-level,
.dropdown-selector__item--middle-level {
  font-weight: 700;
}

.dropdown-selector__item__collapse {
  display: flex;
}
.dropdown-selector__item__collapse svg path {
  fill: var(--config--main-color-night);
}

.dropdown-selector__item__multi-select {
  cursor: pointer;
}

.dropdown-selector__item__multi-select-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.dropdown-selector__item__multi-select-content input {
  cursor: pointer;
  margin: 0 12px 0 0;
}

.dropdown-selector__item--no-children {
  font-weight: 400;
  cursor: pointer;
}

.dropdown-selector__header {
  background-color: #fff;
  border-bottom: none;
  border-top: 1px solid var(--config--main-border-base-color);
  color: #828080;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.96px;
  padding: 16px 16px 8px 16px;
  text-transform: uppercase;
}
.dropdown-selector__header .dropdown-selector__header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.dropdown-selector > div:first-child .dropdown-selector__header {
  border-top: 0;
  border-radius: 4px;
}

.dropdown-selector__item__label {
  flex: 1;
}

.c-dropdown {
  position: relative;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content {
  border-color: var(--config--main-border-base-color);
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item {
  color: #25313b;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item:hover {
  position: relative;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: #25313b;
  opacity: 0.05;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert {
  color: #f75d4f;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert:hover {
  position: relative;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: #f75d4f;
  opacity: 0.05;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info {
  color: #0369e9;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info:hover {
  position: relative;
}
.c-dropdown.c-dropdown--app-control .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: #0369e9;
  opacity: 0.05;
}
.c-dropdown .c-dropdown__content {
  position: absolute;
  width: max-content;
  z-index: 7000;
  background: #fff;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  padding: 8px 0;
  outline: none;
  overflow-y: scroll;
}
.c-dropdown .c-dropdown__content:empty {
  display: none;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item {
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
  color: var(--config--main-color-night);
}
.c-dropdown .c-dropdown__content > .c-dropdown__item:hover {
  position: relative;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--config--main-color-night);
  opacity: 0.05;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item > * {
  color: inherit;
  width: 100%;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown--nested {
  padding: 0;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown--nested .c-dropdown {
  padding: 12px 16px;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert {
  color: var(--config--main-color-alert);
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert:hover {
  position: relative;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-alert:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--config--main-color-alert);
  opacity: 0.05;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info {
  color: var(--config--main-color-brand);
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info:hover {
  position: relative;
}
.c-dropdown .c-dropdown__content > .c-dropdown__item.c-dropdown__item-type-info:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--config--main-color-brand);
  opacity: 0.05;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-size-S {
  width: 250px;
  max-height: 320px;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-size-M {
  width: 350px;
  max-height: 400px;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-size-L {
  width: 450px;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-size-full-width {
  width: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-right {
  top: 0;
  margin-left: 4px;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-right:not(.c-dropdown__content-overflow) {
  left: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-right.c-dropdown__content-overflow {
  right: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-left {
  top: 0;
  margin-right: 4px;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-left:not(.c-dropdown__content-overflow) {
  right: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-left.c-dropdown__content-overflow {
  left: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-bottom {
  margin-top: 4px;
  top: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-bottom.c-dropdown__content-overflow {
  right: 0;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-top {
  bottom: 100%;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-position-top.c-dropdown__content-overflow {
  right: 0;
}
.c-dropdown .c-dropdown__content.c-dropdown__content-align-right {
  right: 0;
}
.c-dropdown li.c-dropdown--divider {
  width: 100%;
  border-top: 1px solid var(--config--main-border-base-color);
  border-bottom: none;
  padding: 0;
}
.widget-configurator_tabs-wrapper .c-dropdown .widget-configuration-widget_dropdown-selection {
  display: flex;
  flex-direction: column;
}
.widget-configurator_tabs-wrapper .c-dropdown .widget-configuration-widget_dropdown-selection label {
  display: flex;
  margin-bottom: 4px;
}
.widget-configurator_tabs-wrapper .c-dropdown .widget-configuration-widget_dropdown-selection .button-control-new > * {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.c-radio {
  display: flex;
  cursor: pointer;
}
.c-radio input[type=radio] {
  margin: 4px;
}
.c-radio.c-radio_position-right {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.c-radio.c-radio_position-top {
  flex-direction: column;
  justify-content: space-between;
}
.c-radio.c-radio_position-bottom {
  flex-direction: column-reverse;
  justify-content: space-between;
}

.radio-text {
  display: flex;
  align-items: center;
}

.m-radio-vertical.m-radio_spacing-L > * {
  margin-bottom: 16px;
}
.m-radio-vertical.m-radio_spacing-M > * {
  margin-bottom: 8px;
}
.m-radio-vertical.m-radio_spacing-S > * {
  margin-bottom: 4px;
}
.m-radio-vertical :last-child {
  margin-bottom: 0;
}

.m-radio-horizontal {
  display: flex;
}
.m-radio-horizontal.m-radio_spacing-L > * {
  margin-right: 16px;
}
.m-radio-horizontal.m-radio_spacing-M > * {
  margin-right: 8px;
}
.m-radio-horizontal.m-radio_spacing-S > * {
  margin-right: 4px;
}
.m-radio-horizontal :last-child {
  margin-right: 0;
}

.o-card {
  border-radius: var(--config-card-border-radius);
  border: var(--config-card-border-width) solid var(--config-card-border-color);
  background: var(--config-card-background-color);
  box-shadow: var(--config-card-shadow);
  cursor: pointer;
}
.o-card:hover {
  border: var(--config-card-border-width) solid var(--config-card-hover-border-color);
  background: var(--config-card-hover-background-color);
  box-shadow: var(--config-card-hover-shadow);
}
.o-card:active {
  border: var(--config-card-border-width) solid var(--config-card-active-border-color);
  background: var(--config-card-active-background-color);
  box-shadow: var(--config-card-active-shadow);
}
.o-card.o-card--app-control {
  border-radius: 4px;
  border: 1px solid #f6f6f6;
  background: #fff;
  box-shadow: none;
}
.o-card.o-card--app-control .a-card-image div[role=img] {
  border-radius: 4px;
}
.o-card.o-card--app-control:hover {
  border: 1px solid #0369e9;
}
.o-card.o-card--app-control:hover .a-card-widget-title {
  color: #0369e9;
}
.o-card.o-card--app-control:active {
  border: 1px solid #0369e9;
}
.o-card.o-card--app-control .m-card_info,
.o-card.o-card--app-control .a-card-widget-title {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.o-card.o-card--app-control .a-card-widget-title:hover, .o-card.o-card--app-control .a-card-widget-title:active {
  color: #0369e9;
}
.o-card.o-card__content-size-S {
  width: 250px;
  max-height: 320px;
}
.o-card.o-card__content-size-M {
  width: 350px;
  max-height: 400px;
}
.o-card.o-card__content-size-L {
  width: 450px;
}
.o-card.o-card__content-size-full-width {
  width: 100%;
}
.o-card .m-card_url {
  display: flex;
  height: 100%;
}
.o-card .m-card_url.m-card-vertical {
  flex-direction: column;
}
.o-card .m-card_url.m-card-horizontal {
  flex-direction: row;
  padding: 24px;
}
@media (max-width: 767px) {
  .o-card .m-card_url.m-card-horizontal {
    padding: 16px;
  }
}
.o-card .o-card-vertical {
  flex-direction: column;
  align-items: center;
}
.o-card .o-card-vertical .a-card-image {
  margin-bottom: 16px;
}
.o-card .o-card-vertical .m-card_info {
  text-align: center;
  align-items: center;
}
.o-card .o-card-horizontal .a-card-image {
  margin-right: 16px;
}
.o-card .o-card-horizontal .m-card_info {
  justify-content: center;
}
.o-card .m-card_info {
  display: flex;
  flex-direction: column;
  margin: 12px;
}
.o-card .m-card_info.m-card_info--horizontal {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.o-card .m-card_info.m-card_info--horizontal .a-card-info__metadata {
  margin-top: 0;
}
.o-card .m-card_info p {
  margin: 0;
}
.o-card .m-card_info .a-card-info__metadata {
  margin-top: 4px;
}
.o-card .a-card-visual [role=img] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.o-card .a-card-visual.a-card-image [role=img] {
  width: 100%;
  aspect-ratio: 3/1;
  background-size: cover;
}
.o-card .a-card-visual.a-card--icon [role=img] {
  width: 72px;
  height: 72px;
  background-size: auto 72px;
}
@media (max-width: 449px) {
  .o-card .a-card-visual.a-card--icon [role=img] {
    height: 60px;
    width: 60px;
    background-size: auto 60px;
  }
}
.o-card .a-card-widget-title {
  color: var(--config-card-title-color);
}
.o-card .a-card-widget-title:hover {
  color: var(--config-card-hover-title-color);
}
.o-card .a-card-widget-title:active {
  color: var(--config-card-active-title-color);
}
.o-card .a-card-widget-text {
  color: var(--config-card-text-color);
}
.o-card .a-card-widget-text:hover {
  color: var(--config-card-hover-text-color);
}
.o-card .a-card-widget-text:active {
  color: var(--config-card-active-text-color);
}
.o-card.m-card-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.a-message-container {
  position: fixed;
  top: 32px;
  z-index: 10000;
  left: 50%;
  transform: translateX(-50%);
}

.a-message {
  min-width: 320px;
  max-width: 640px;
  display: flex;
  align-items: flex-start;
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
}
@media (max-width: 320px) {
  .a-message {
    min-width: calc(100vw - 8px);
  }
}
@media (max-width: 640px) {
  .a-message {
    width: calc(100% - 32px);
    left: 16px !important;
  }
}
.a-message.a-message--variant-success {
  background-color: var(--config--main-color-success);
  color: #fff;
}
.a-message.a-message--variant-success.a-message--insided-success {
  background-color: #13ad68;
  color: #fff;
}
.a-message.a-message--variant-error {
  background-color: var(--config--main-color-alert);
  color: #fff;
}
.a-message.a-message--variant-error.a-message--insided-error {
  background-color: #f75d4f;
  color: #fff;
}
.a-message.a-message--variant-error .a-icon-error {
  margin-top: 3px;
}
.a-message.a-message--variant-error .a-icon-error svg {
  width: 16px;
  height: 16px;
}
.a-message.a-message--variant-warning {
  background-color: var(--config--main-color-info);
  color: #fff;
}
.a-message.a-message--variant-warning.a-message--insided-warning {
  background-color: #f4a702;
  color: #fff;
}
.a-message.a-message--variant-infoV2 {
  background: #f5f9fe;
  border: 1px solid #0369e9;
  border-radius: 4px;
  align-items: center;
}
.a-message.a-message--variant-infoV2 .a-icon-infoV2 {
  margin-right: 12px;
}
.a-message .a-message--icon {
  display: flex;
  align-items: center;
}
.a-message .a-type-icon {
  margin-right: 8px;
}
.a-message .a-message--text {
  display: flex;
  flex-grow: 1;
  line-height: 1.75;
}
.a-message .a-message--text-html {
  line-height: 1.75;
}
.a-message .a-icon-close {
  cursor: pointer;
  margin-top: 1px;
  padding-left: 8px;
  margin-left: auto;
}
.a-message a {
  color: inherit;
}

.o-modal_container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  align-items: center;
  z-index: 9000;
}
.o-modal_container .o-modal--opacity {
  background-color: black;
  opacity: 0.1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.o-modal_container .o-modal {
  position: relative;
  z-index: 9000;
  padding: 24px;
  background: #fff;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
.o-modal_container .o-modal.o-modal--direction-vertical .m-modal--body {
  flex-direction: column;
}
.o-modal_container .o-modal.o-modal--app-fix-height {
  height: 90vh;
}
.o-modal_container .o-modal.o-modal--app-fix-height .m-modal--body {
  overflow-y: scroll;
}
.o-modal_container .o-modal .m-modal--body {
  display: flex;
  flex-grow: 1;
  font-size: 14px;
}
.o-modal_container .o-modal.o-modal--app-destination {
  border-color: var(--config--main-border-base-color);
}
.o-modal_container .o-modal.o-modal--app-destination .o-modal--close path {
  fill: var(--config-meta-text-color);
}
.o-modal_container .o-modal.o-modal--app-destination .m-modal--header_title {
  color: var(--config-header-color);
}
.o-modal_container .o-modal.o-modal--app-destination .m-modal--body {
  color: var(--config--main-color-night);
}
.o-modal_container .o-modal.o-modal--app-control {
  border-color: #d5d9de;
}
.o-modal_container .o-modal.o-modal--app-control .o-modal--close path {
  fill: #959898;
}
.o-modal_container .o-modal.o-modal--app-control .m-modal--header_title {
  color: #25313b;
}
.o-modal_container .o-modal.o-modal--app-control .m-modal--body {
  color: #25313b;
}
.o-modal_container .o-modal.o-modal--size-M {
  width: 570px;
}
.o-modal_container .o-modal.o-modal--size-L {
  width: 640px;
}
.o-modal_container .o-modal .o-modal--close {
  position: absolute;
  right: 24px;
  top: 24px;
  margin-left: 8px;
  cursor: pointer;
}
.o-modal_container .o-modal .m-modal--header .m-modal--header_title {
  margin: 0 24px 24px 0;
  font-size: 20px;
  line-height: 24px;
}
.o-modal_container .o-modal .m-modal--footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.o-modal_container .o-modal .m-modal--footer button {
  margin-left: 8px;
}
.o-modal_container .o-modal .m-modal--footer button:first-child {
  margin-left: 0;
}

.m-button--horizontal {
  display: flex;
}
.m-button--horizontal > * {
  margin-right: 8px;
}
.m-button--horizontal :last-child {
  margin-right: 0;
}

.m-button--vertical > * {
  display: block;
  margin-bottom: 8px;
}
.m-button--vertical :last-child {
  margin-bottom: 0;
}

.a-text-area {
  border-radius: 4px;
  font-size: 14px;
  min-height: 107px;
  padding: 12px;
}
.a-text-area:focus {
  outline: none;
}
.a-text-area:disabled {
  background: #f6f6f6;
  color: #3c4a57;
}

.a-text-area--app-destination {
  border-color: var(--config--main-border-base-color);
  color: var(--config--main-color-night);
}
.a-text-area--app-destination::placeholder {
  color: var(--config-main-navigation-search-placeholder-color);
}
.a-text-area--app-destination:focus {
  border-color: var(--config--main-color-brand);
}
.a-text-area--app-destination[aria-invalid=true] {
  border-color: var(--config--main-color-alert);
}

.a-text-area--app-control {
  border-color: #d5d9de;
  color: #25313b;
}
.a-text-area--app-control::placeholder {
  color: #959898;
}
.a-text-area--app-control:focus {
  border-color: #0369e9;
}
.a-text-area--app-control[aria-invalid=true] {
  border-color: #f75d4f;
}

.a-text-area--vertical-resize {
  resize: vertical;
}

.a-text-area--size-fullWidth {
  width: 100%;
}

.o-form > * {
  margin-bottom: 16px;
}
.o-form > :last-child {
  margin-bottom: 0;
}

.a-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.a-label--app-destination {
  color: var(--config--main-color-night);
}

.a-label--app-control {
  color: #25313b;
}

.a-validation-error {
  display: flex;
  align-items: center;
}
.a-validation-error .a-validation-error__icon {
  margin-right: 8px;
}
.a-validation-error .a-validation-error__message {
  font-size: 12px;
}

.a-validation-error--app-destination {
  color: var(--config--main-color-alert);
}
.a-validation-error--app-destination .a-validation-error__icon path {
  fill: var(--config--main-color-alert);
}

.a-validation-error--app-control {
  color: #f75d4f;
}
.a-validation-error--app-control .a-validation-error__icon path {
  fill: #f75d4f;
}

.m-input-unit .a-label {
  margin-bottom: 4px;
}
.m-input-unit .a-validation-error {
  margin-top: 4px;
}

.a-text-field::placeholder {
  color: #959898;
}
.a-text-field.a-text-field--direction-vertical {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.a-text-field.a-text-field--direction-vertical .a-text-field--label {
  margin-bottom: 4px;
}
.a-text-field.a-text-field--app-control .a-text-field--input {
  border-color: #d5d9de;
}
.a-text-field.a-text-field--app-control .a-text-field--input:focus {
  border-color: #0369e9;
  outline: none;
}
.a-text-field.a-text-field--app-control .a-text-field--subtext {
  color: #3c4a57;
}
.a-text-field.a-text-field--size-fullWidth .a-text-field--input-container {
  width: 100%;
}
.a-text-field.a-text-field--type-inline .a-text-field--input {
  border: none;
  height: auto;
  line-height: 1.5;
  padding-top: 0;
  padding-bottom: 0;
}
.a-text-field .a-text-field--label {
  margin: 0;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 4px;
}
.a-text-field .a-text-field--label .tooltip-container {
  color: #c7c7c7;
}
.a-text-field .a-text-field--label .tooltip-container:hover {
  color: #0369e9;
}
.a-text-field .a-text-field--subtext {
  margin: 0 0 4px 0;
  color: var(--config-meta-text-color);
}
.a-text-field .a-text-field--input-container {
  height: auto;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  margin: 0;
}
.a-text-field .a-text-field--context-text {
  height: auto;
  width: auto;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px 0 0 4px;
  font-size: inherit;
  color: inherit;
  user-select: none;
  word-break: break-all;
}
.a-text-field .a-text-field--input {
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  flex-grow: 1;
}
.a-text-field .a-text-field--input:focus {
  border-color: var(--config--main-color-brand);
}
.a-text-field .a-text-field--input::placeholder {
  color: #959898;
}
.a-text-field .a-text-field--context-text + .a-text-field--input {
  border-radius: 0 4px 4px 0;
  width: auto;
}

.chip {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  display: inline-flex;
  align-items: center;
  background-color: white;
}

.chip--active {
  color: var(--config--main-color-brand);
  border-color: var(--config--main-color-brand);
}
.chip--active.chip--variant-rounded {
  color: var(--config--main-color-brand);
  border-color: var(--config--main-color-brand);
}
.chip--active.chip--variant-squared {
  color: var(--config--main-color-brand);
  border-color: var(--config--main-color-brand);
}

.chip--variant-squared {
  border-radius: 4px;
  border-color: var(--config--main-border-base-color);
}

.chip--variant-rounded {
  border-radius: 40px;
}

.chip--interactive {
  cursor: pointer;
}
.chip--interactive.chip--variant-rounded:hover {
  color: var(--config--main-color-brand);
  border-color: transparent;
}
.chip--interactive.chip--variant-squared:hover {
  border-color: var(--config--main-color-brand);
}
.chip--interactive.chip--active:hover, .chip--interactive.chip--active.chip--variant-rounded:hover, .chip--interactive.chip--active.chip--variant-squared:hover {
  color: var(--config--main-color-brand);
  border-color: var(--config--main-color-brand);
}
.chip--interactive:active .chip-label,
.chip--interactive:active .chip-icon--start,
.chip--interactive:active .chip-icon--end {
  transform: translateY(1px);
}

.chip-icon--start,
.chip-icon--end {
  display: inline-flex;
}

.chip--size-medium {
  padding: 8px 16px;
  font-size: 16px;
}
.chip--size-medium .chip-icon--start {
  margin-right: 8px;
}
.chip--size-medium .chip-icon--end {
  margin-left: 8px;
}

.chip--size-small {
  padding: 4px 8px;
}
.chip--size-small .chip-icon--start {
  margin-right: 4px;
}
.chip--size-small .chip-icon--end {
  margin-left: 4px;
}

.chip-label {
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 20em;
}

.list-group {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.list-group > li {
  margin: 0;
}

/**
  * Moved from auto-generated _design-tokens.scss file    
  * TODO: improve the way how we generate spacings
*/
.list-group--spacing4:not(.list-group--gutter-bottom) {
  margin-bottom: -4px;
}
.list-group--spacing4 > li {
  margin-right: 4px;
  margin-bottom: 4px;
}
.list-group--spacing4 > li:last-child {
  margin-right: 0;
}

.list-group--spacing8:not(.list-group--gutter-bottom) {
  margin-bottom: -8px;
}
.list-group--spacing8 > li {
  margin-right: 8px;
  margin-bottom: 8px;
}
.list-group--spacing8 > li:last-child {
  margin-right: 0;
}

.list-group--spacing12:not(.list-group--gutter-bottom) {
  margin-bottom: -12px;
}
.list-group--spacing12 > li {
  margin-right: 12px;
  margin-bottom: 12px;
}
.list-group--spacing12 > li:last-child {
  margin-right: 0;
}

.list-group--spacing16:not(.list-group--gutter-bottom) {
  margin-bottom: -16px;
}
.list-group--spacing16 > li {
  margin-right: 16px;
  margin-bottom: 16px;
}
.list-group--spacing16 > li:last-child {
  margin-right: 0;
}

.list-group--spacing20:not(.list-group--gutter-bottom) {
  margin-bottom: -20px;
}
.list-group--spacing20 > li {
  margin-right: 20px;
  margin-bottom: 20px;
}
.list-group--spacing20 > li:last-child {
  margin-right: 0;
}

.list-group--spacing24:not(.list-group--gutter-bottom) {
  margin-bottom: -24px;
}
.list-group--spacing24 > li {
  margin-right: 24px;
  margin-bottom: 24px;
}
.list-group--spacing24 > li:last-child {
  margin-right: 0;
}

.list-group--spacing32:not(.list-group--gutter-bottom) {
  margin-bottom: -32px;
}
.list-group--spacing32 > li {
  margin-right: 32px;
  margin-bottom: 32px;
}
.list-group--spacing32 > li:last-child {
  margin-right: 0;
}

.list-group--spacing64:not(.list-group--gutter-bottom) {
  margin-bottom: -64px;
}
.list-group--spacing64 > li {
  margin-right: 64px;
  margin-bottom: 64px;
}
.list-group--spacing64 > li:last-child {
  margin-right: 0;
}

.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section:hover {
  border-color: #0369e9;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .a-multi-selection-tag-field--subtext {
  color: #3c4a57;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section {
  box-sizing: border-box;
  padding: 4px 12px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .c-dropdown--app-control,
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .list-group > .c-dropdown--app-control {
  flex-grow: 1;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .c-dropdown--app-control > .c-dropdown__content,
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .list-group > .c-dropdown--app-control > .c-dropdown__content {
  position: absolute;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .c-dropdown--app-control > button,
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .list-group > .c-dropdown--app-control > button {
  width: 100%;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .list-group {
  flex-grow: 1;
}
.o-multi-selection-tag-field.o-multi-selection-tag-field--app-control .o-multi-selection-tag-field_configuration-section > .c-dropdown--app-control + .list-group {
  flex-grow: 0;
}
.o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section:hover {
  border-color: var(--config--main-color-brand);
}
.o-multi-selection-tag-field .a-text-field.a-text-field--type-inline .a-text-field--input {
  height: 32px;
}
.o-multi-selection-tag-field .a-multi-selection-tag-field--label {
  font-size: 14px;
  margin: 0 0 4px 0;
}
.o-multi-selection-tag-field .a-multi-selection-tag-field--subtext {
  color: var(--config-meta-text-color);
  margin: 0 0 4px 0;
}
.o-multi-selection-tag-field .c-dropdown:only-child .a-text-field--input {
  padding-left: 0;
}

.a-section-title {
  color: #25313b;
  font-size: 16px;
  font-weight: 700;
}

.m-section {
  margin-bottom: 16px;
}

.m-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f7f9;
  border: 1px solid;
  border-radius: 4px 4px 0 0;
  padding: 16px 24px;
}
.m-section-header .m-section-header__toggle,
.m-section-header .button-control-new {
  width: 24px;
  height: 24px;
}
.m-section-header .button-control-new {
  border: none;
  background: none;
  padding: 0;
}
.m-section-header .button-control-new--secondary:focus {
  box-shadow: none;
}

.m-section-header--collapsed {
  border-radius: 4px;
}

.m-section-body {
  background: #fff;
  border: 1px solid;
  border-radius: 4px;
  padding: 16px 24px;
}

.m-section--primary .m-section-header,
.m-section--primary .m-section-body {
  border-color: #d5d9de;
}

.m-section--secondary {
  border-radius: 4px;
}
.m-section--secondary .m-section-header,
.m-section--secondary .m-section-body {
  border-color: #d5d9de;
}
.m-section--secondary .m-section-header {
  background: #fff;
}

.m-section-body.m-section-body--primary {
  border-color: #d5d9de;
}

.m-section-body.m-section-body--secondary {
  border-color: #d5d9de;
  border-radius: 8px;
}

.m-section-header + .m-section-body {
  border-radius: 0 0 4px 4px;
  border-top: 0;
}

.a-day {
  align-items: center;
  border-radius: 4px;
  color: #25313b;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.a-day:hover {
  background: #f5f9fe;
}

.a-day--today {
  color: #0369e9;
}

.a-day--range-middle {
  background: #f5f9fe;
  border-radius: 0;
  font-weight: 500;
}

.a-day--selected,
.a-day--selected:hover {
  background: #0369e9;
  font-weight: 500;
  color: #fff;
}
.a-day--selected.a-day--range-start,
.a-day--selected:hover.a-day--range-start {
  border-radius: 4px 0 0 4px;
}
.a-day--selected.a-day--range-end,
.a-day--selected:hover.a-day--range-end {
  border-radius: 0 4px 4px 0;
}

.a-day--disabled {
  cursor: default;
}
.a-day--disabled:hover {
  background: none;
}

.a-week {
  color: #3c4a57;
  display: flex;
  font-size: 12px;
  justify-content: center;
  text-transform: uppercase;
  user-select: none;
  width: 40px;
}

.a-calendar-month {
  color: #25313b;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
  user-select: none;
  width: 280px;
}
.a-calendar-month svg {
  cursor: pointer;
}
.a-calendar-month svg path {
  fill: #0369e9;
}

.m-weekdays {
  display: flex;
  justify-content: space-between;
}

.m-month-days {
  display: flex;
  flex-wrap: wrap;
}

.m-calendar {
  background: #fff;
  width: 280px;
}
.m-calendar .m-weekdays {
  margin: 8px 0;
}

.m-calendar-wrapper {
  background: #fff;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  display: inline-block;
  padding: 16px;
}

.m-calendar-wrapper-flex {
  display: flex;
  justify-content: center;
}

.o-date-picker .a-text-field {
  margin-bottom: 8px;
}

.o-date-picker-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.topic-banner_wrapper {
  position: relative;
}
.topic-banner_wrapper .banner-notification_url {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.topic-banner_wrapper .notification.notification_custom {
  background: transparent;
}

.topic-banner_configuration input[type=search].search-box__input {
  box-shadow: none;
  border-radius: 0;
  border-right: none;
  border-left: none;
}
.topic-banner_configuration .topic-banner_selected-topic-info {
  border-top: 1px solid var(--config--main-border-base-color);
  border-bottom: 1px solid var(--config--main-border-base-color);
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.topic-banner_configuration .topic-banner_selected-topic-info .topic-banner_selected-topic-title {
  margin-right: 4px;
}
.topic-banner_configuration .topic-banner_selected-topic-info .topic-banner_selected-topic__delete {
  cursor: pointer;
}

.widget__heading {
  margin-bottom: 16px;
}

.homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .widget-container-spacing,
.widget-container-spacing {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .homepage-widget-wrapper:not(.homepage-widget-wrapper--no-side-margins) .widget-container-spacing,
  .widget-container-spacing {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.font-normal-weight {
  font-weight: normal;
}

.homepage-widget-wrapper .widget__heading {
  font-size: 20px;
}
.homepage-widget-wrapper .widget__subheading {
  font-size: 16px;
  margin-top: -12px;
  margin-bottom: 16px;
}

.widget-container--container-2-1-column_1.col {
  padding-left: 0;
}

.widget-container--container-2-1-column_2.col {
  padding-right: 0;
}

.widget-container--container-2-1-column_1 .col {
  padding: 0;
}

.widget .list.public-tags {
  margin-top: -8px;
  margin-bottom: 0;
}
.widget .list.public-tags li {
  margin-bottom: 0;
  margin-top: 8px;
}

.widget-container--container-2-1-column_1 .widget-container:first-of-type .homepage-widget-wrapper,
.widget-container--container-2-1-column_1 .widget-container:first-of-type .widget-wrapper {
  margin-top: 0;
}

.category-list__container {
  background: #fff;
  margin-bottom: 16px;
  border: 1px solid var(--config--main-border-base-color);
}
@media (max-width: 1024px) {
  .category-list__container {
    border-right: 0;
    border-left: 0;
  }
}
.category-list__container--header {
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
  border-bottom: 1px solid var(--config--main-border-base-color);
}
.category-list__container--header-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 20px;
  color: var(--config-header-color);
}
.category-list__container--header:hover .category-list__container--header-title {
  color: var(--config--main-color-brand);
}
.category-list__container--view-all {
  display: flex;
  align-items: center;
  padding: 16px;
  font-size: 16px;
  justify-content: space-between;
  color: var(--config--main-color-brand);
  border-top: 1px solid var(--config--main-border-base-color);
}

.category-card-item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.category-card-item--title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
  font-size: 16px;
  color: var(--config-header-color);
}
.category-card-item--metadata {
  color: var(--config-meta-text-color);
  font-size: 14px;
  margin-top: 4px;
}
.category-card-item--icon {
  color: var(--config-header-color);
  margin-left: 50px;
}
.category-card-item-link:hover .category-card-item--title,
.category-card-item-link:hover .category-card-item--icon {
  color: var(--config--main-color-brand);
}

@media (max-width: 1024px) {
  .category-sidebar-navigation {
    margin-top: 16px;
  }
}
.category-sidebar-navigation .category-sidebar-navigation__block {
  margin-left: 11px;
  padding-left: 20px;
}
.category-sidebar-navigation .category-sidebar-navigation__block--show-border {
  border-left: 2px solid var(--config--main-border-base-color);
}

.categories-navigation-link {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 6px 0;
  color: var(--config--main-color-night);
}
.categories-navigation-link:hover {
  cursor: pointer;
  color: var(--config--main-color-brand);
}
.categories-navigation-link--current {
  color: var(--config--main-color-brand);
}
.categories-navigation-link--top-level {
  font-size: 16px;
  font-weight: 600;
}
.categories-navigation-link--content-level {
  font-weight: 400;
}
.categories-navigation-link--content-level.categories-navigation-link--current {
  color: var(--config--main-color-brand);
  font-weight: 500;
}
.categories-navigation-link .category-sidebar-navigation__toggle {
  display: flex;
}

.category-topic-list-item {
  display: flex;
}
.category-topic-list-item:not(:last-child) {
  border-bottom: 1px solid var(--config--main-border-base-color);
}

.category-topic-list-item__icon {
  margin: 16px 0 16px 16px;
}
.category-topic-list-item__icon path {
  fill: var(--config--main-color-brand);
}

.category-topic-list-item__content {
  padding: 16px;
  width: 100%;
}

.category-topic-list-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
  font-size: 16px;
  margin-top: -4px;
}

.category-topic-list-item__metadata {
  color: var(--config-meta-text-color);
  font-size: 14px;
  margin-top: 4px;
  display: flex;
  align-items: center;
}
.category-topic-list-item__metadata a:hover {
  color: var(--config-meta-text-color);
}
.category-topic-list-item__metadata .avatar {
  margin: 0 4px 0 8px;
}

.category-topic-list-item__user {
  color: var(--config-meta-text-color);
}

.category-topic-list-item__image {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.category-topic-list-item__image img {
  width: 108px;
  height: 48px;
  object-fit: cover;
}

.product-area-filter {
  word-break: break-word;
}
.product-area-filter .product-area-filter__product-areas-list {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__product-areas-list {
  padding-left: 12px;
  position: relative;
  font-weight: 400;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section-title,
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__title {
  flex: 1 1 0;
  font-weight: 700;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section {
  display: flex;
  flex-direction: column;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section.open .product-area-filter__product-areas-list {
  display: flex;
  color: var(--config--main-color-night);
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section.open .product-area-filter__product-areas-list .list-item-button {
  flex-wrap: nowrap;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section.selected .product-area-filter__product-areas-list li {
  color: var(--config--main-color-night);
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section .product-area-filter__product-areas-list {
  display: none;
}
.product-area-filter .product-area-filter__product-areas-list .product-area-filter__section .list-item-button {
  font-weight: 400;
}
.product-area-filter .product-area-filter__product-areas-list .list-item-button .chevron-icon {
  margin-right: 4px;
  display: flex;
  cursor: pointer;
}
.product-area-filter .product-area-filter__product-areas-list li > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.product-area-filter .product-area-filter__product-areas-list li > div.selected {
  color: var(--config--main-color-brand);
}

.topic-view_anchor {
  display: block;
  border-radius: 2px;
}

.topic-view_anchor:focus-visible {
  outline-style: solid;
  outline-width: 2px;
}

.topic-list-item-card {
  width: 100%;
  font-size: 14px;
  padding: 20px;
  background-color: var(--config-list-views-card-default-background-color);
  border: var(--config-list-views-card-border-width) solid var(--config-list-views-card-default-border-color);
  border-radius: var(--config-list-views-card-border-radius);
  margin-bottom: 16px;
  display: flex;
  column-gap: 20px;
  box-sizing: border-box;
}
.topic-list-item-card.topic-list-item-card--sticky {
  position: relative;
  background-color: color-mix(in srgb, var(--config-list-views-card-default-background-color), var(--config--main-color-brand) 5%);
}
.topic-list-item-card.topic-list-item-card--sticky .topic-view_sticky-flag {
  fill: var(--config--main-color-brand);
  position: absolute;
  top: 0;
  right: 21px;
}
.topic-list-item-card .topic-list-item-card_info-container {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 12px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_user-image-container {
  height: 40px;
  width: 40px;
  flex-shrink: 0;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_user-image-container .avatar {
  height: 100%;
  width: 100%;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata {
  padding-top: 4px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  line-height: 14px;
  row-gap: 6px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata .topic-list-item-card_header_user-info {
  display: flex;
  column-gap: 4px;
  text-transform: capitalize;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata .topic-list-item-card_topic-location-container .topic-list-item-card_topic-location-link {
  color: var(--config-meta-text-color);
  display: flex;
  align-items: center;
  column-gap: 4px;
  text-transform: capitalize;
  white-space: nowrap;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata .topic-list-item-card_topic-location-container .topic-list-item-card_topic-location-link .topic-list-item-card_topic-name {
  border-bottom: 1px dashed var(--config--main-border-base-color);
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body {
  width: 100%;
  padding-left: 52px;
  display: flex;
  align-items: flex-start;
  column-gap: 12px;
  margin-top: -5px;
  overflow: hidden;
  box-sizing: border-box;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_title-container {
  width: 100%;
  line-height: 19px;
  color: var(--config-list-views-card-default-title-color);
  font-size: 16px;
  font-weight: bold;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_title-container .topic-list-item-card_title-text {
  margin-right: 6px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_title-container .topic-list-item-card_title-text.topic-list-item-card_title-text--read {
  opacity: 0.7;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_title-container .tooltip--thread-type {
  margin-left: unset;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_title-container .icon--auto-width:before {
  height: 22px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_main .topic-list-item-card_text-preview {
  width: 100%;
  line-height: 19px;
  color: var(--config-list-views-card-default-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2lh;
  overflow-wrap: anywhere;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_featured-image {
  height: 84px;
  width: 150px;
  background-size: cover;
  background-position: 50% 50%;
  flex-shrink: 0;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container {
  margin-top: 16px;
  margin-left: 52px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--config-meta-text-color);
  border-top: 1px solid var(--config-list-views-card-default-border-color);
  box-sizing: border-box;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-metrics {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-metrics .icon--thumb-up {
  display: flex !important;
  align-items: center;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-metrics .thread-meta-item--vote {
  display: none;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-age-container {
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 14px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-age-container .avatar {
  height: 30px;
  width: 30px;
}
.topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-age-container a {
  color: var(--config-meta-text-color);
}
.topic-list-item-card:hover {
  background-color: var(--config-list-views-card-hover-background-color);
  border-color: var(--config-list-views-card-hover-border-color);
}
.topic-list-item-card:hover .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_title-container {
  color: var(--config-list-views-card-hover-title-color);
}
.topic-list-item-card:hover .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_text-preview {
  color: var(--config-list-views-card-hover-text-color);
}
.topic-list-item-card:hover .topic-list-item-card_info-container .topic-list-item-card_footer-container {
  border-top-color: var(--config-list-views-card-hover-border-color);
}
.topic-list-item-card:focus, .topic-list-item-card:active {
  background-color: var(--config-list-views-card-click-background-color);
  border-color: var(--config-list-views-card-click-border-color);
}
.topic-list-item-card:focus .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_title-container, .topic-list-item-card:active .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_title-container {
  color: var(--config-list-views-card-click-title-color);
}
.topic-list-item-card:focus .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_text-preview, .topic-list-item-card:active .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_text-preview {
  color: var(--config-list-views-card-click-text-color);
}
.topic-list-item-card:focus .topic-list-item-card_info-container .topic-list-item-card_footer-container, .topic-list-item-card:active .topic-list-item-card_info-container .topic-list-item-card_footer-container {
  border-top-color: var(--config-list-views-card-click-border-color);
}
@media (max-width: 767px) {
  .topic-list-item-card .topic-list-item-card_info-container {
    flex-direction: column;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header {
    align-items: center;
    column-gap: 8px;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_user-image-container {
    height: 30px;
    width: 30px;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata {
    padding-top: 0;
    flex-direction: column;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_header .topic-list-item-card_header_metadata .topic-list-item-card_topic-location-container {
    width: 100%;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body {
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding-left: 0;
    margin-top: 14px;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_body .topic-list-item-card_body_featured-image {
    width: 100%;
    height: 120px;
    margin-bottom: 14px;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container {
    margin-left: 0;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-metrics a:has(.topic__views-count) {
    display: none;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-metrics .thread-meta-item--vote {
    display: flex;
    border-radius: 4px;
    line-height: 1;
    width: 62px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 4px;
    padding: 8px;
    margin-right: 0;
  }
  .topic-list-item-card .topic-list-item-card_info-container .topic-list-item-card_footer-container .topic-list-item-card_topic-age-container .avatar {
    height: 20px;
    width: 20px;
  }
}

.category-topic-list .list-widget-wrapper {
  z-index: auto;
}
.category-topic-list .list-widget-wrapper .list__items--header.list__items--header--no-padding {
  padding: 0;
  margin: 16px;
}
.category-topic-list .content-type-filters {
  margin-bottom: 16px;
}
.category-topic-list .content-type-filters__container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.category-topic-list .content-type-filters__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-topic-list .content-type-filters__item {
  margin: 0;
}
.category-topic-list .content-type-filters__additional {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px;
}
.category-topic-list .content-type-filters__additional .product-area-selector-container {
  margin-bottom: 0;
}
.category-topic-list .content-type-filters__additional .product-area-selector-wrapper {
  padding: 0;
  flex-wrap: nowrap;
  overflow-x: scroll;
  min-height: 30px;
}
.category-topic-list .content-type-filters__additional .product-area-selected-item {
  flex-shrink: 0;
}
.category-topic-list .content-type-filters__additional .product-areas-dropdown {
  width: 240px;
  flex-shrink: 0;
}
.category-topic-list .content-type-filters__additional .product-area-dropdown-options-container {
  padding: 0;
}
.category-topic-list .content-type-filters__additional .dropdown-selector {
  position: absolute;
}
.category-topic-list .content-type-filters__additional .form-group {
  min-width: 240px;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown {
  width: 240px;
  flex-shrink: 0;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .select-idea-status {
  display: flex;
  justify-content: space-between;
  border: 1px solid #d5d9de;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  min-width: 0;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-selector-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  min-height: 30px;
  gap: 4px;
  overflow-x: auto;
  flex: 1;
  min-width: 0;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-selector-wrapper .idea-status-selected-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #d5d9de;
  padding: 4px 8px;
  cursor: pointer;
  white-space: nowrap;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-selector-wrapper .idea-status-selected-item .idea-status-selected-remove-button {
  display: flex;
  margin-left: 4px;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-selector-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-dropdown-options-container {
  padding: 8px;
  background: #FFFFFF;
  max-height: 300px;
  overflow-y: auto;
  pointer-events: auto;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-dropdown-options-container .dropdown-selector__item-wrapper {
  padding: 0;
  pointer-events: auto;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-dropdown-options-container .dropdown-selector__item-wrapper .dropdown-selector__item {
  background: transparent;
  border: none;
  padding: 8px 4px;
  pointer-events: auto;
  cursor: pointer;
}
.category-topic-list .content-type-filters__additional .idea-status-dropdown .idea-status-dropdown-options-container .dropdown-selector__item-wrapper .dropdown-selector__item:hover {
  background-color: #f5f7f9;
}
.category-topic-list .content-type-filters__additional .bug-status-dropdown {
  min-width: 240px;
}
.category-topic-list .content-type-filters__additional .select-product-area {
  border-color: #d5d9de;
  background-color: #fff;
}
.category-topic-list .content-type-filters__additional-label {
  white-space: nowrap;
}
.category-topic-list .content-type-filters__label {
  line-height: 1;
}
.category-topic-list .content-type-filters__button {
  color: var(--config-meta-text-color);
  text-decoration: none;
  cursor: pointer;
  font-weight: var(--config-widget-tabs-font-weight);
  font-size: 16px;
  display: inline-block;
  padding: 8px 8px;
  border-bottom: solid 2px transparent;
  width: 100%;
  border-radius: 0;
}
.category-topic-list .content-type-filters__button:hover {
  color: var(--config-anchor-base-hover-color);
  text-decoration: none;
}
.category-topic-list .content-type-filters__button:hover {
  background-color: transparent;
}
.category-topic-list .content-type-filters__button.active {
  color: var(--config--main-color-night);
  text-decoration: none;
  cursor: pointer;
  border-bottom-color: var(--config--main-color-brand);
}
.category-topic-list .content-type-filters__button.active:hover {
  color: var(--config--main-color-night-light);
  text-decoration: none;
}
.category-topic-list__content {
  position: relative;
}
.category-topic-list__content--loading {
  opacity: 0.7;
}
.category-topic-list__count {
  margin-bottom: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
}
.category-topic-list__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  color: #6c757d;
}
.category-topic-list__loading .loader {
  width: 20px;
  height: 20px;
  border: 2px solid #e9ecef;
  border-top: 2px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@media (max-width: 768px) {
  .category-topic-list .content-type-filters__container {
    gap: 4px;
  }
  .category-topic-list .content-type-filters__list {
    gap: 4px;
  }
  .category-topic-list .content-type-filters__additional {
    flex-direction: column;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.topic-image {
  object-fit: contain;
}

.language-selector-trigger {
  display: flex;
  gap: 4px;
}
.language-selector-trigger :hover {
  color: var(--config--main-color-brand);
}

.post__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: 0;
}

.feedback--text {
  color: var(--config-meta-text-color);
  font-size: 12px;
}
.feedback--options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.feedback--option input {
  display: none;
}
.feedback--initial {
  display: flex;
  gap: 8px;
}
.feedback--buttons {
  display: flex;
  gap: 8px;
}
.feedback--button {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--config-meta-text-color);
  padding: 0;
  transition: all 0.2s;
}
.feedback--button:hover {
  color: var(--config--main-color-brand);
}
.feedback--button__dislike.selected {
  color: var(--config--main-color-brand);
}
.feedback--panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--config--main-border-base-color);
  background-color: #fff;
  margin-top: 8px;
}
.feedback--panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback--panel__header .feedback--text {
  font-size: 14px;
}
.feedback--panel__header-close {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  color: inherit;
}
.feedback--footer {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.feedback--footer__input {
  flex-grow: 1;
}
.feedback--footer__input input {
  height: 40px;
  width: 100%;
  transition: all 0.2s;
}
.feedback--footer__input input.error {
  border-color: var(--config--main-color-alert);
}
.feedback--footer__input .error-msg {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  margin-top: 4px;
  color: var(--config--main-color-alert);
}
.feedback--footer__button:not(.button-control-new):disabled {
  background-color: var(--config--main-border-base-color);
  border-color: var(--config--main-border-base-color);
  color: var(--config--main-color-dusk-dark);
  cursor: not-allowed;
  box-shadow: none;
}
.feedback.control .feedback--text {
  color: #5f6c7a;
  line-height: 24px;
}
.feedback.control .feedback--options .tag--active {
  background-color: #e6e9ec;
  color: #181f26;
}
.feedback.control .feedback--option {
  border-radius: 8px;
  border: 1px solid #d5d9de;
  padding: 4px 12px;
  background-color: #fff;
  color: #5f6c7a;
  font-size: 14px;
  line-height: 24px;
}
.feedback.control .feedback--buttons {
  gap: 0;
}
.feedback.control .feedback--button {
  color: #acb4bd;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}
.feedback.control .feedback--button:hover {
  color: #0369e9;
}
.feedback.control .feedback--button__dislike.selected {
  color: #0369e9;
}
.feedback.control .feedback--panel {
  border: 1px solid #e6e9ec;
  background-color: #fff;
}
.feedback.control .feedback--panel__header {
  color: #5f6c7a;
}
.feedback.control .feedback--panel__header-close {
  width: 24px;
  height: 24px;
}
.feedback.control .feedback--footer__input input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d5d9de;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 24px;
}
.feedback.control .feedback--footer__input input::placeholder, .feedback.control .feedback--footer__input input::-ms-input-placeholder {
  color: #acb4bd;
}
.feedback.control .feedback--footer__input input.error {
  border-color: #f75d4f;
}
.feedback.control .feedback--footer__input .error-msg {
  color: #f75d4f;
}
.feedback.control .feedback--footer .feedback--footer__button[disabled] {
  background-color: #d5d9de;
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
}

.widget-configurator .widget-configurator__controls .sortable-navigation-links-configurator .form-group {
  margin-bottom: 0;
}

.sortable-navigation-link {
  z-index: 9999;
  list-style: none;
  color: #181f26;
}
.sortable-navigation-link .homepage-category-setting .radio-inline {
  font-weight: 400;
  display: flex;
  align-items: start;
}
.sortable-navigation-link .sortable-navigation-links-configurator {
  border: 1px solid #d5d9de;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 8px;
  background: #fff;
}
.sortable-navigation-link .sortable-navigation-links-configurator .form-group input {
  color: #181f26;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-actions {
  display: flex;
  align-items: center;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-visibility,
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-trash {
  cursor: pointer;
  margin-left: 4px;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-title {
  display: flex;
  justify-content: space-between;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-title .sortable-navigation-links-configurator-title-text {
  display: flex;
  gap: 4px;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-title .sortable-navigation-links-configurator-item-label {
  color: #757777;
  border-radius: 2px;
  background: #f6f6f6;
  padding: 4px;
  margin-right: 6px;
  font-size: 10px;
  font-weight: bold;
}
.sortable-navigation-link .sortable-navigation-links-configurator .checkbox {
  margin-top: 8px;
}
.sortable-navigation-link .sortable-navigation-links-configurator .checkbox label {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-custom-item-filters > div:first-child {
  margin-top: 16px;
}
.sortable-navigation-link .sortable-navigation-links-configurator .sortable-navigation-links-configurator-custom-item-filters .dynamic-content-widget_dropdown-selection > label {
  font-weight: normal;
}

.post.translation-loading .post__content--new-editor,
.topic-view-content-wrapper.translation-loading .post__content--new-editor,
.topic__header.translation-loading .post__content--new-editor {
  color: var(--config-meta-text-color);
}
.post .language-selector-trigger,
.topic-view-content-wrapper .language-selector-trigger,
.topic__header .language-selector-trigger {
  color: var(--config--main-color-brand);
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: var(--config--main-font-base-stack);
}
.post .language-selector-trigger .on-demand-translation--icon,
.topic-view-content-wrapper .language-selector-trigger .on-demand-translation--icon,
.topic__header .language-selector-trigger .on-demand-translation--icon {
  fill: var(--config--main-color-brand);
}
.post .post__content--new-editor + .on-demand-translation-wrapper,
.topic-view-content-wrapper .post__content--new-editor + .on-demand-translation-wrapper,
.topic__header .post__content--new-editor + .on-demand-translation-wrapper {
  margin-top: -8px;
}
.post .topic-view-content-wrapper .on-demand-translation-wrapper,
.topic-view-content-wrapper .topic-view-content-wrapper .on-demand-translation-wrapper,
.topic__header .topic-view-content-wrapper .on-demand-translation-wrapper {
  margin-right: 0;
  padding-left: 56px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .post .topic-view-content-wrapper .on-demand-translation-wrapper,
  .topic-view-content-wrapper .topic-view-content-wrapper .on-demand-translation-wrapper,
  .topic__header .topic-view-content-wrapper .on-demand-translation-wrapper {
    padding-left: 0;
  }
}
.post .on-demand-translation-wrapper .on-demand-translation-selection-container,
.topic-view-content-wrapper .on-demand-translation-wrapper .on-demand-translation-selection-container,
.topic__header .on-demand-translation-wrapper .on-demand-translation-selection-container {
  display: flex;
  gap: 4px;
}
.post .on-demand-translation-wrapper .on-demand-translation-selection-container .c-dropdown,
.topic-view-content-wrapper .on-demand-translation-wrapper .on-demand-translation-selection-container .c-dropdown,
.topic__header .on-demand-translation-wrapper .on-demand-translation-selection-container .c-dropdown {
  display: flex;
  align-items: center;
}
.post .on-demand-translation-wrapper .c-dropdown__content,
.topic-view-content-wrapper .on-demand-translation-wrapper .c-dropdown__content,
.topic__header .on-demand-translation-wrapper .c-dropdown__content {
  min-width: 150px;
  max-width: 250px;
}
.post .on-demand-translation-wrapper .hubai_on-demand-translation--translated-wrapper,
.topic-view-content-wrapper .on-demand-translation-wrapper .hubai_on-demand-translation--translated-wrapper,
.topic__header .on-demand-translation-wrapper .hubai_on-demand-translation--translated-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.topic-view-content-wrapper .on-demand-translation--failure,
.topic__header .on-demand-translation--failure {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--config--main-color-alert);
}
.topic-view-content-wrapper .on-demand-translation--failure .on-demand-translation--icon,
.topic__header .on-demand-translation--failure .on-demand-translation--icon {
  fill: var(--config--main-color-alert);
}
.topic-view-content-wrapper .on-demand-translation--loader,
.topic__header .on-demand-translation--loader {
  color: var(--config--main-color-night);
}
.topic-view-content-wrapper .on-demand-translation--loader .on-demand-translation--icon.icon-loading-spinner,
.topic__header .on-demand-translation--loader .on-demand-translation--icon.icon-loading-spinner {
  fill: var(--config--main-color-brand);
}
.topic-view-content-wrapper .hubai_on-demand-translation--show-original,
.topic__header .hubai_on-demand-translation--show-original {
  display: flex;
  align-items: center;
  color: var(--config--main-color-brand);
  gap: 4px;
  cursor: pointer;
}
.topic-view-content-wrapper .hubai_on-demand-translation--show-original .on-demand-translation--icon,
.topic__header .hubai_on-demand-translation--show-original .on-demand-translation--icon {
  fill: var(--config--main-color-brand);
}

.topic__header .on-demand-translation-wrapper {
  display: inline-block;
}
.topic__header .on-demand-translation-wrapper .c-dropdown {
  display: flex;
  align-items: center;
}

.categories_dropdown-selection {
  display: flex;
  flex-direction: column;
}
.categories_dropdown-selection label {
  display: flex;
  margin-bottom: 4px;
}
.categories_dropdown-selection .button-control-new > * {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.radio-inline.radio-inline--underneath {
  margin-bottom: 8px;
  width: 100%;
}

.radio-inline.radio-inline--underneath + .radio-inline.radio-inline--underneath {
  margin-left: 0;
}

.radio-inline .radio-hidden {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}
.radio-inline .radio-icons {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar-settings .dropdown-container {
  width: 100%;
}
.sidebar-settings .dropdown-container > button {
  display: block;
  width: 100%;
}
.sidebar-settings .dropdown-container .button-control-new {
  width: 100%;
}
.sidebar-settings .dropdown-container .button-control-new > div {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
}
.sidebar-settings .dropdown-container .dropdown-item__content .dropdown-item__title {
  font-weight: bold;
  margin-bottom: 5px;
}
.sidebar-settings .dropdown-container .control-dropdown__list > [role=button]:hover {
  background: #f1f4f8;
  color: #181f26;
}
.sidebar-settings .widget-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  user-select: none;
}
.sidebar-settings .add-widget-button {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: left;
  cursor: pointer;
}
.sidebar-settings .add-widget-button::after {
  content: "▼";
  float: right;
}

.widget-list-empty {
  text-align: center;
  padding: 40px 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.widget-list-empty h2 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
}
.widget-list-empty p {
  font-size: 12px;
  color: #666;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.5;
}

.sidebar-config-drag-handle {
  width: 16px;
  height: 16px;
}

.widget-form .form-group {
  margin-bottom: 15px;
}
.widget-form .form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #181f26;
}
.widget-form .form-group input {
  width: 100%;
  padding: 8px;
  border: 1px solid #d5d9de;
  border-radius: 4px;
  font-size: 14px;
}
.widget-form .form-group input:focus {
  outline: none;
  border-color: #9aafcb;
  box-shadow: 0 0 0 2px color-mix(in srgb, #9aafcb, transparent 80%);
}

.delete-confirmation {
  text-align: center;
  padding: 20px;
  background-color: #FFECEB;
  border: 1px solid #fcbeb9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.delete-confirmation__actions {
  margin-top: 20px;
}
.delete-confirmation__actions button {
  margin: 0 10px;
}
.delete-confirmation__actions .delete-button {
  color: #dc3626;
  border: 1px solid #fcbeb9;
}

.widget-item {
  z-index: 9001;
  background-color: #f1f4f8;
  border: 1px solid #d5d9de;
}
.widget-item__header {
  display: flex;
  align-items: center;
  padding: 12px 12px 12px 4px;
}
.widget-item__header.is-editing {
  background-color: #e1e7ef;
}
.widget-item__header .widget-drag-handle {
  margin-right: 10px;
  color: #999;
}
.widget-item__header .widget-title {
  flex-grow: 1;
}
.widget-item__header .widget-actions button {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 5px;
}
.widget-item__header .widget-actions button[disabled] {
  opacity: 0.5;
}
.widget-item__body {
  padding: 12px;
  background-color: #f1f4f8;
}
.widget-item__content {
  position: relative;
}
.widget-item__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.widget-item__actions .delete-button {
  color: #dc3626;
}
.widget-item__actions-left {
  display: flex;
  gap: 6px;
}
.widget-item__actions-right {
  margin-left: auto;
}

.branding-configurator .sidebar-settings .use-default .form-group .form-control {
  width: 16px;
  height: 16px;
}
.branding-configurator .sidebar-settings .widget-configurator_tab-content .form-group .form-control:focus {
  border-color: var(--config-input-focus-color);
}

.style-unit {
  margin-left: 5px;
}

.widget-configurator_tabs-wrapper .customization-settings-wrapper {
  padding: 24px;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper hr {
  margin-top: 28px;
  margin-bottom: 20px;
  background: #e6e9ec;
  height: 1px;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper .community-footer_radio-buttons .c-radio label {
  position: relative;
  margin-left: 8px;
  top: 8px;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper .customization-settings-ssi .loader-container {
  justify-content: left;
  margin-left: 10px;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper .customization-settings-ssi .form-group .validation-error {
  border-color: #dc3626;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper .customization-settings-ssi .form-group .error-message-text {
  color: #dc3626;
  font-size: 12px;
}
.widget-configurator_tabs-wrapper .customization-settings-wrapper .panel-form-information--info {
  border: none;
  background: #f5f7f9;
  font-size: 12px;
}
.widget-configurator_tabs-wrapper .customization-settings-tps-wrapper {
  padding: 0;
}
.widget-configurator_tabs-wrapper .customization-settings-default {
  border-top: 1px solid #e6e9ec;
}

.theme-configurator .widget-configurator {
  border: none;
}
.theme-configurator .widget-configurator.branding-configurator {
  min-height: 100vh;
  width: auto;
  height: auto;
}

.theme-dropdown.settings-dropdown .control-dropdown__list {
  width: 133px;
}

.customization-settings-custom-code .CodeMirror {
  min-height: 600px;
  height: 600px;
}
.customization-settings-custom-code .branding-configurator-description {
  margin-top: 4px;
  margin-bottom: 16px;
}
.customization-settings-custom-code .customization-settings-code-mirror {
  position: relative;
}
.customization-settings-custom-code .custom-code-fullscreen-btn {
  z-index: 6000;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin: 12px;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #d5d9de;
  box-shadow: 0 2px 4px 0 rgba(52, 56, 58, 0.06), 0 0 1px 0 rgba(52, 56, 58, 0.24);
}
.customization-settings-custom-code .custom-code-fullscreen-modal {
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
}

ul.product-area-selector {
  max-height: 320px;
  overflow-y: auto;
}

.select-product-area {
  flex: 1;
  display: flex;
  justify-content: space-between;
  border: 1px solid #0069ff;
  background: #F2F8FF;
  border-radius: 4px;
  padding: 4px 8px;
}
.select-product-area.noBgAndBorder {
  background: none;
  border: 1px solid #d5d9de;
}

.product-area-selector-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  align-items: center;
  padding: 6px;
  gap: 4px;
}
.product-area-selector-wrapper .product-area-selected-item {
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #d5d6da;
  padding: 4px 8px;
  cursor: pointer;
  word-break: break-word;
}
.product-area-selector-wrapper .product-area-selected-item .product-area_selected-remove-button {
  display: flex;
}

.product-area-selector-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-area-dropdown-options-container {
  padding: 16px;
}
.product-area-dropdown-options-container .control-search-box {
  margin-bottom: 8px;
}
.product-area-dropdown-options-container .control-search-box input {
  width: auto;
  min-width: 50px;
  padding: 0;
}

.dropdown-selector {
  position: relative;
}
.dropdown-selector .selector-dropdown-content {
  position: absolute;
  z-index: 7000;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  width: 100%;
  top: 4px;
}
.dropdown-selector .control-search-box {
  margin: 16px 16px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 16px;
}
.dropdown-selector .control-search-box form {
  display: flex;
  align-items: center;
}
.dropdown-selector .control-search-box form svg {
  margin-right: 8px;
}
.dropdown-selector .control-search-box form svg path {
  fill: #828080;
}
.dropdown-selector .control-search-box form input.qa-search-box-filter {
  min-width: unset;
  height: 22px;
  padding: 0;
  border: none;
  outline: none;
  flex: 1;
}
.dropdown-selector .selector-items {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}
.dropdown-selector .selector-items .form-group {
  margin-bottom: 0;
  padding: 12px 16px;
}
.dropdown-selector .selector-items .form-group:hover {
  background: #f5f7f9;
  color: #25313b;
}

.forum-list .category-section .category-title {
  display: flex;
}
.forum-list .category-section .category-title .category-step-backward {
  display: flex;
  margin-right: 16px;
}
.forum-list .category-section .subcategory-description {
  padding-left: 40px;
}

.empty-state {
  padding: 16px;
  text-align: center;
}

/* Overrides library styling */
.control-date-picker-input-wrapper {
  min-width: 50px;
  position: relative;
}
.control-date-picker-input-wrapper.validation-error .flatpickr-wrapper input.form-control {
  border-color: #f75d4f;
}
.control-date-picker-input-wrapper > .control-date-picker {
  display: none;
}
.control-date-picker-input-wrapper .icon-calendar {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 10px;
  color: #828080;
}
.control-date-picker-input-wrapper .icon-dropdown {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: calc(100% - 25px);
  color: #828080;
}
.control-date-picker-input-wrapper .control-date-picker {
  text-indent: 22px;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
}
.control-date-picker-input-wrapper .control-date-picker:hover {
  background-color: #f5f7f9;
}
.control-date-picker-input-wrapper .control-date-picker.input-hidden {
  display: none !important;
}
.control-date-picker-input-wrapper .flatpickr-wrapper {
  display: block;
}
.control-date-picker-input-wrapper .flatpickr-calendar {
  padding: 8px;
  width: auto;
  margin-top: 8px;
}
.control-date-picker-input-wrapper .flatpickr-calendar.arrowTop:before, .control-date-picker-input-wrapper .flatpickr-calendar.arrowTop:after {
  display: none;
}
.control-date-picker-input-wrapper .flatpickr-calendar .current-date {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months {
  align-items: center;
  margin-bottom: 8px;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  position: inherit;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #43ade5;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  width: 7px;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-month {
  position: inherit;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-weekdays {
  font-weight: 300;
  font-size: 14px;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day.prevMonthDay, .control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day.nextMonthDay {
  visibility: hidden;
  display: block !important;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day.selected {
  background: #43ade5;
  border-color: #43ade5;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day.today {
  border: none;
  color: #43ade5;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day.today.selected {
  color: #fff;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day:hover:not(.selected) {
  background: #f2fafc;
  border-color: #f2fafc;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day:hover:not(.selected).flatpickr-disabled {
  background: transparent;
  border: none;
}
.control-date-picker-input-wrapper .flatpickr-calendar .flatpickr-day:hover.today:not(.selected) {
  color: #43ade5;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand {
  box-shadow: none;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-prev-month:hover svg,
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-next-month:hover svg {
  fill: #0369e9;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-day.selected {
  background: #0369e9;
  border-color: #0369e9;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-day.today {
  color: #0369e9;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-day.today.selected {
  color: #fff;
}
.control-date-picker-input-wrapper .flatpickr-calendar.brand .flatpickr-day:hover.today:not(.selected) {
  color: #0369e9;
}

.date-picker-two-months .flatpickr-month .flatpickr-current-month {
  position: relative;
}
.date-picker-two-months .dayContainer {
  padding-right: 12px;
}
.date-picker-two-months .dayContainer + .dayContainer {
  box-shadow: none;
  padding-left: 12px;
  padding-right: 0;
}
.date-picker-two-months .flatpickr-weekdaycontainer {
  padding-right: 12px;
}
.date-picker-two-months .flatpickr-weekdaycontainer + .flatpickr-weekdaycontainer {
  padding-left: 12px;
  padding-right: 0;
}

.product-area-filter-configurator label.radio-inline {
  display: flex;
  align-items: center;
  margin: 12px 0;
}
.product-area-filter-configurator label.radio-inline span {
  font-weight: bold;
}
.product-area-filter-configurator input[type=radio] {
  margin: 0 8px;
}
.product-area-filter-configurator .select-product-area {
  flex: 1;
  display: flex;
  justify-content: space-between;
  border: 1px solid #0069ff;
  background: #F2F8FF;
  border-radius: 4px;
  padding: 4px 8px;
}
.product-area-filter-configurator .select-product-area.noBgAndBorder {
  background: none;
  border: 1px solid #d5d9de;
}
.product-area-filter-configurator .product-area-selector-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  align-items: center;
  padding: 6px;
  gap: 4px;
}
.product-area-filter-configurator .product-area-selector-wrapper .product-area-selected-item {
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #d5d6da;
  padding: 4px 8px;
  cursor: pointer;
  word-break: break-word;
}
.product-area-filter-configurator .product-area-selector-wrapper .product-area-selected-item .product-area_selected-remove-button {
  display: flex;
}
.product-area-filter-configurator .product-area-selector-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-area-filter-configurator .product-area-dropdown-options-container {
  padding: 16px;
}
.product-area-filter-configurator .product-area-dropdown-options-container .control-search-box {
  margin-bottom: 8px;
}
.product-area-filter-configurator .product-area-dropdown-options-container .control-search-box input {
  width: auto;
  min-width: 50px;
  padding: 0;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section {
  padding: 7px 12px;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section .placeholder {
  display: flex;
  align-self: stretch;
  flex: 1;
  align-items: center;
  margin: 0;
  cursor: default;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section .placeholder span {
  flex: 1;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section .placeholder svg {
  color: #959898;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section .chip--size-small {
  padding: 3px 8px;
}
.product-area-filter-configurator .o-multi-selection-tag-field .o-multi-selection-tag-field_configuration-section .chip--size-small .chip-label {
  font-size: 14px;
  line-height: 16px;
}
.product-area-filter-configurator .dropdown-selector {
  position: relative;
}
.product-area-filter-configurator .dropdown-selector .selector-dropdown-content {
  position: absolute;
  z-index: 7000;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  width: 100%;
  top: 4px;
}
.product-area-filter-configurator .dropdown-selector .control-search-box {
  margin: 16px 16px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 16px;
}
.product-area-filter-configurator .dropdown-selector .control-search-box form {
  display: flex;
  align-items: center;
}
.product-area-filter-configurator .dropdown-selector .control-search-box form svg {
  margin-right: 8px;
}
.product-area-filter-configurator .dropdown-selector .control-search-box form svg path {
  fill: #828080;
}
.product-area-filter-configurator .dropdown-selector .control-search-box form input.qa-search-box-filter {
  min-width: unset;
  height: 22px;
  padding: 0;
  border: none;
  outline: none;
  flex: 1;
}
.product-area-filter-configurator .dropdown-selector .selector-items {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}
.product-area-filter-configurator .dropdown-selector .selector-items .form-group {
  margin-bottom: 0;
  padding: 12px 16px;
}
.product-area-filter-configurator .dropdown-selector .selector-items .form-group:hover {
  background: #f5f7f9;
  color: #25313b;
}

.product-area-selector-container {
  margin-bottom: 8px;
}

.search-redirect-panel {
  display: flex;
  padding: 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 12px;
}
.search-redirect-panel:after {
  background-color: var(--config--main-color-brand);
  opacity: 0.1;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .search-redirect-panel {
    flex-direction: column;
    gap: 8px;
  }
}
.search-redirect-panel .redirect-message {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .search-redirect-panel .redirect-message {
    margin-left: 0px;
  }
}
.search-redirect-panel .welcome-wrapper {
  color: var(--config--main-color-night);
}
@media (max-width: 767px) {
  .search-redirect-panel .welcome-wrapper {
    flex-direction: column;
    display: flex;
    gap: 8px;
  }
}
.search-redirect-panel .redirect-actions {
  display: flex;
}
@media (max-width: 767px) {
  .search-redirect-panel .redirect-actions {
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
  }
}
.search-redirect-panel .link {
  color: var(--config--main-color-brand);
  text-decoration-line: underline;
}
.search-redirect-panel .link:last-child {
  margin-left: 14px;
}
.search-redirect-panel .link:hover {
  text-decoration: none;
}

#ask-loops-react-widget-inner-container {
  height: 300px !important;
  z-index: 1;
}

#ask-expanded-tlw-widget-inner-container, #tlw-widget-inner-container {
  height: 100% !important;
}

.html-widget__form--spaced {
  display: flex;
  flex-direction: column;
}
.html-widget__form--spaced .form-group {
  margin-bottom: 0;
}
.html-widget__form--spaced .branding-configurator-description {
  margin-bottom: 4px;
}
.html-widget__form--spaced .widget-configurator_tab-header {
  display: flex;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.12em;
}
.html-widget__form--spaced .widget-configurator_tab .homepage-widget-configurator_tab-content {
  border-bottom: 1px solid #d5d9de;
}

.topic-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topic-header .topic-header__author-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.topic-header .author-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
}
.topic-header .author-info-wrapper .author-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.topic-header .author-info-wrapper .author-info .rank-title,
.topic-header .author-info-wrapper .author-info .tooltip-trigger {
  color: var(--config-meta-text-color);
  font-size: 12px;
}
.insided-control .topic-header .author-info-wrapper .author-info .rank-title,
.insided-control .topic-header .author-info-wrapper .author-info .tooltip-trigger {
  color: #3c4a57;
}
.topic-header .author-info-wrapper .author-info.dot-seperated {
  gap: 0;
}
.topic-header .author-info-wrapper .author-info.dot-seperated .rank-title::after {
  content: "·";
  margin: 0 4px;
  color: var(--config--main-color-dusk-dark);
  font-weight: bold;
}
.insided-control .topic-header .author-info-wrapper .author-info.dot-seperated .rank-title::after {
  color: #959898;
}
.topic-header .author-info-wrapper .author-info.dot-seperated .tooltip-container .tooltip-message {
  background: #fff;
  color: var(--config--main-color-night);
  width: 120px;
  border: 1px solid var(--config--main-border-base-color);
  border-radius: var(--borderradius-base);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: -25px;
  text-align: center;
}
.insided-control .topic-header .author-info-wrapper .author-info.dot-seperated .tooltip-container .tooltip-message {
  color: #181f26;
  border-color: #d5d9de;
}
.topic-header .author-info-wrapper .author-info .rank-icon {
  line-height: 20px;
  height: 12px;
  width: auto;
}
.topic-header .actions-menu {
  position: relative;
  display: inline-block;
}
.topic-header .more-actions-button svg {
  transform: rotate(90deg);
}
.topic-header .actions-menu-dropdown.c-dropdown__content.c-dropdown__content-size-S {
  width: 200px;
  border-radius: 8px;
  margin-top: 4px;
}

.author-info .pill--inline {
  top: 0;
}

.tooltip-container {
  position: relative;
  display: inline-flex;
}
.tooltip-container .tooltip-trigger {
  display: flex;
}
.tooltip-container .tooltip-message {
  position: absolute;
  top: 100%;
  background-color: #25313b;
  color: #fff;
  border-radius: 3px;
  padding: 4px 8px;
  z-index: 5000;
  font-size: 11px;
  display: none;
}
.tooltip-container .tooltip-message.tooltip-message--top {
  bottom: calc(100% + 6px);
  top: auto;
}
.tooltip-container .tooltip-message.tooltip-message--center {
  width: max-content;
  --tooltip-container-space-left: calc(var(--tooltip-container-position-x) - 60px);
  --tooltip-container-space-right: calc(100vw - var(--tooltip-container-position-x) - 60px);
  --tooltip-container-smaller-side-size: min(
    var(--tooltip-container-space-right),
    var(--tooltip-container-space-left)
  );
  max-width: calc(var(--tooltip-container-smaller-side-size) * 2);
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}
.tooltip-container .tooltip-message.tooltip-message--center .arrow {
  left: 50%;
}
.tooltip-container .tooltip-message.tooltip-message--left {
  width: max-content;
  max-width: calc(100vw - var(--tooltip-container-position-x) - 20px);
  left: 50%;
  text-align: left;
}
.tooltip-container .tooltip-message.tooltip-message--left .arrow {
  left: 50%;
}
.tooltip-container .tooltip-message.tooltip-message--right {
  width: max-content;
  max-width: calc(var(--tooltip-container-position-x) - 60px);
  left: 0;
  text-align: center;
  transform: translateX(-90%);
}
.tooltip-container .tooltip-message.tooltip-message--right .arrow {
  left: 93%;
}
.tooltip-container .tooltip-message.tooltip-message--button-bottom {
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(200%);
  width: 154px;
}
.tooltip-container .tooltip-message.tooltip-message--button-bottom .arrow {
  left: 50%;
}
.tooltip-container .tooltip-message .arrow {
  top: -8px;
  left: 50%;
}
.tooltip-container .tooltip-message .arrow:after {
  background: #25313b;
}
.tooltip-container .tooltip-message--no-wrap {
  white-space: nowrap;
}
.tooltip-container:hover .tooltip-message {
  display: block;
}

.panel-switch .panel-switch-label {
  display: flex;
}
.panel-switch .control-switcher {
  margin-right: 16px;
}
.panel-switch .panel-switch-label-text {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 4px;
  line-height: 21px;
}
.panel-switch .panel-switch-label-meta {
  font-size: 14px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 0.1s ease;
}
.toggle-switch:focus {
  outline: 2px solid #0369e9;
  outline-offset: 2px;
  border-radius: 40px;
}
.toggle-switch:focus:not(:focus-visible) {
  outline: none;
}
.toggle-switch:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5F6C7A;
  transition: background-color 0.4s ease;
  border-radius: 40px;
}
.toggle-switch.checked .toggle-slider {
  background-color: #12995b;
}
.toggle-slider svg {
  color: #fff;
}

.toggle-knob {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: transform 0.4s ease;
  border-radius: 50%;
  z-index: 1;
}
.toggle-switch.checked .toggle-knob {
  transform: translateX(18px);
}

.toggle-icon {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  z-index: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.toggle-icon-check {
  left: 4px;
}

.toggle-icon-cross {
  right: 4px;
}

.toggle-label {
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
}

.status-pill {
  display: inline-block;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  line-height: 1.4;
  white-space: nowrap;
  cursor: default;
}

.image-lightbox {
  border: none;
  padding: 0;
  max-width: 100vw;
  max-height: 100vh;
  width: 100vw;
  height: 100vh;
  background: transparent;
}
.image-lightbox::backdrop {
  background: rgba(11, 11, 11, 0.8);
}

.lightbox-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  z-index: 10;
  line-height: 1;
  padding: 8px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.lightbox-close:hover {
  opacity: 1;
}

.lightbox-content {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90vw;
  max-height: 90vh;
}

.lightbox-image {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
}

.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: white;
  font-size: 60px;
  cursor: pointer;
  padding: 16px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.lightbox-nav:hover {
  opacity: 1;
}

.lightbox-prev {
  left: 16px;
}

.lightbox-next {
  right: 16px;
}

.lightbox-counter {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 14px;
  opacity: 0.8;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}

.ReactCrop:focus {
  outline: none;
}

.ReactCrop--disabled {
  cursor: inherit;
}

.ReactCrop__image {
  /* autoprefixer: off */
  display: block;
  max-width: 100%;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
}

.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}

@media (max-width: 768px), (pointer: coarse) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px;
  }
  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -7px;
  }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -7px;
  }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -7px;
  }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -7px;
  }
}