/* _content/Plitch.FrontendComponents/Components/Cards/GameRequestCardWebsite.razor.rz.scp.css */
.game-card[b-44zpxn91vu] {
  height: var(--game-tile-height);
  border-radius: var(--default-border-radius);
  position: relative;
  width: calc(1.9 * var(--game-tile-height));
  width: var(--game-tile-width);
  border: 2px solid transparent;
  text-decoration: none;
  overflow: clip;
}
.game-card__image[b-44zpxn91vu] {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.game-card__title[b-44zpxn91vu] {
  color: var(--primary-color);
  font-weight: 700;
  visibility: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  background-color: rgba(14, 30, 50, 0.5);
  backdrop-filter: blur(12px);
}
.game-card__title span[b-44zpxn91vu] {
  width: 100%;
  font-size: 13pt;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.game-card__stats[b-44zpxn91vu] {
  position: absolute;
  bottom: 0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: calc(0.4 * var(--game-tile-height));
  background: linear-gradient(to bottom, transparent 0%, var(--tertiary-color) 85%);
}
.game-card__stats[b-44zpxn91vu]  .state {
  margin: 30px 0 0 3px;
}
.game-card__stats[b-44zpxn91vu]  .state span {
  font-size: 1.063rem;
}

.game-card[b-44zpxn91vu] {
  height: var(--game-tile-height);
  margin: 0;
  width: var(--game-tile-width);
  pointer-events: none;
}
.game-card__title[b-44zpxn91vu] {
  padding: 10px;
}
.game-card__title span[b-44zpxn91vu] {
  font-size: 17pt;
}
.game-card .game-card-stats[b-44zpxn91vu] {
  height: calc(0.4 * var(--game-tile-height));
}
/* _content/Plitch.FrontendComponents/Components/Cards/PlitchFeaturedGameCard.razor.rz.scp.css */
.game-card-container[b-qh1de140qt] {
  margin-top: -95px;
}

.game-card-content-wrapper[b-qh1de140qt] {
  width: 100%;
  height: 45px;
  margin-top: 45px;
  background: linear-gradient(to top, var(--primary-color), rgba(0, 0, 0, 0));
}

[b-qh1de140qt] .game-card-text {
  color: var(--tertiary-color);
  font-weight: 700;
  margin-bottom: -6px;
}
/* _content/Plitch.FrontendComponents/Components/Cards/PlitchForumGameThreadsCard.razor.rz.scp.css */
[b-r4q2vy56xh] .forum-game-threads-card__bg-image {
  width: 100%;
  border-radius: var(--default-border-radius);
  min-height: 76px;
  height: auto;
}
.forum-game-threads-card[b-r4q2vy56xh]  .game-threads-container {
  background-color: var(--plitch-light-blue-color);
  border-radius: var(--default-border-radius);
}
.forum-game-threads-card[b-r4q2vy56xh]  .game-threads-gradient {
  width: 100%;
  height: 70px;
  background: linear-gradient(to top, var(--plitch-light-blue-color) 15%, rgba(26, 59, 73, 0.55) 55%, rgba(0, 0, 0, 0) 100%);
}
.forum-game-threads-card[b-r4q2vy56xh]  .game-threads-count-container {
  width: 100%;
}
.forum-game-threads-card[b-r4q2vy56xh]  .game-threads-count-container .thread-icon {
  width: 16px;
  height: 16px;
  background-color: var(--forum-thread-icon-color);
  mask-image: url(/images/icons/forum/game-threads-icon.svg?v=1);
  -webkit-mask-image: url(/images/icons/forum/game-threads-icon.svg?v=1);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.forum-game-threads-card[b-r4q2vy56xh]  .game-threads-count-container .mud-paper {
  margin: 13px 13px 0 0 !important;
  background: var(--dark-blue-lightest-color) !important;
}
.forum-game-threads-card:hover[b-r4q2vy56xh] {
  background-color: var(--dark-blue-lightest-color);
}
.forum-game-threads-card:hover[b-r4q2vy56xh]  .game-threads-container {
  background-color: var(--dark-blue-lightest-color);
}
.forum-game-threads-card:hover[b-r4q2vy56xh]  .game-threads-gradient {
  background: linear-gradient(to top, var(--dark-blue-lightest-color) 15%, rgba(26, 59, 73, 0.55) 55%, rgba(0, 0, 0, 0) 100%);
}
/* _content/Plitch.FrontendComponents/Components/Cards/PlitchForumGeneralCard.razor.rz.scp.css */
.forum-general-card[b-mq208612wa] {
  height: 100%;
  display: block;
  border-radius: var(--default-border-radius);
  background-color: var(--plitch-light-blue-color);
  transition: 0.3s all;
}
.forum-general-card:hover[b-mq208612wa] {
  background-color: var(--dark-blue-lightest-color);
  transition: 0.3s all;
}
.forum-general-card[b-mq208612wa]  .card-icon {
  width: 50px;
  height: 50px;
  background-color: var(--grey-img-bg-color);
  border-radius: 50%;
}
.forum-general-card[b-mq208612wa]  .card-icon > img {
  height: 42px;
}
.forum-general-card[b-mq208612wa]  .text-gray {
  color: var(--plitch-forum-general-card-grey-text);
}

@media screen and (max-width: 767px) {
  .forum-general-card[b-mq208612wa] {
    padding: 16px 24px !important;
  }
}
/* _content/Plitch.FrontendComponents/Components/Cards/PlitchGameCardWebsite.razor.rz.scp.css */
.game-card[b-hwu9qtk7kc] {
  height: var(--game-tile-height);
  border-radius: var(--default-border-radius);
  position: relative;
  width: calc(1.9 * var(--game-tile-height));
  width: var(--game-tile-width);
  border: 2px solid transparent;
  text-decoration: none;
  overflow: clip;
}
.game-card__image[b-hwu9qtk7kc] {
  width: 100%;
  height: 100%;
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.game-card__title[b-hwu9qtk7kc] {
  color: var(--primary-color);
  font-weight: 700;
  visibility: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  background-color: rgba(14, 30, 50, 0.5);
  backdrop-filter: blur(12px);
}
.game-card__title span[b-hwu9qtk7kc] {
  width: 100%;
  font-size: 13pt;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.game-card__stats[b-hwu9qtk7kc] {
  position: absolute;
  bottom: 0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: calc(0.4 * var(--game-tile-height));
  background: linear-gradient(to bottom, transparent 0%, var(--primary-color) 85%);
}
.game-card__stats .game-codes[b-hwu9qtk7kc] {
  align-self: end;
  color: var(--tertiary-color);
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
}
.game-card__stats .game-platforms[b-hwu9qtk7kc] {
  display: flex;
  flex-direction: row;
  align-self: end;
  color: var(--tertiary-color);
  height: calc(0.2 * var(--game-tile-height));
  max-width: 100%;
}
.game-card__stats .game-platforms .game-platform__image[b-hwu9qtk7kc] {
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  height: calc(0.2 * var(--game-tile-height));
  width: calc(0.2 * var(--game-tile-height));
  margin-left: 1vh;
  background-color: var(--tertiary-color);
}

.game-card:hover .game-card__title[b-hwu9qtk7kc] {
  visibility: visible;
}

[b-hwu9qtk7kc] .game-card:hover .game-card__stats {
  visibility: hidden;
}

.game-card-stats .game-platforms .game-platform__image.amazon[b-hwu9qtk7kc] {
  height: calc(0.16 * var(--game-tile-height));
  width: calc(0.32 * var(--game-tile-height));
}

.game-card[b-hwu9qtk7kc] {
  height: var(--game-tile-height);
  margin: 0;
  width: var(--game-tile-width);
  pointer-events: none;
}
.game-card__title[b-hwu9qtk7kc] {
  padding: 10px;
}
.game-card__title span[b-hwu9qtk7kc] {
  font-size: 17pt;
}
.game-card .game-card-stats[b-hwu9qtk7kc] {
  height: calc(0.4 * var(--game-tile-height));
}
.game-card .game-platforms[b-hwu9qtk7kc] {
  height: calc(0.16 * var(--game-tile-height));
}
.game-card .game-platforms .game-platform__image[b-hwu9qtk7kc] {
  height: calc(0.16 * var(--game-tile-height));
  width: calc(0.16 * var(--game-tile-height));
}
.game-card .game-platforms .game-platform__image.amazon[b-hwu9qtk7kc] {
  height: calc(0.16 * var(--game-tile-height));
  width: calc(0.32 * var(--game-tile-height));
}
/* _content/Plitch.FrontendComponents/Components/Cards/PlitchGameRequestCard.razor.rz.scp.css */
[tabindex][b-4v2ln6mkw1] {
  outline: none !important;
}

.game-request-card-wrapper[b-4v2ln6mkw1] {
  background-color: var(--plitch-light-blue-color);
  transition: 0.3s all;
}
.game-request-card-wrapper .game-request-card[b-4v2ln6mkw1] {
  background-color: var(--plitch-light-blue-color);
  transition: 0.3s all;
}

.game-request-card-wrapper:hover[b-4v2ln6mkw1],
.game-request-card-wrapper:focus[b-4v2ln6mkw1] {
  background-color: var(--dark-blue-lightest-color) !important;
  transition: 0.3s all;
}
.game-request-card-wrapper:hover .game-request-card[b-4v2ln6mkw1],
.game-request-card-wrapper:focus .game-request-card[b-4v2ln6mkw1] {
  background-color: var(--dark-blue-lightest-color);
  border-color: var(--dark-blue-lightest-color) !important;
  transition: 0.3s all;
}

.game-request-card[b-4v2ln6mkw1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  height: 140px;
  border-bottom: 1px solid var(--divider-color);
  cursor: pointer;
}
.game-request-card[b-4v2ln6mkw1]  .text-grey {
  color: var(--grey-color);
}
[b-4v2ln6mkw1] .game-request-card__info-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
[b-4v2ln6mkw1] .game-request-card__info-wrapper img {
  width: 220px;
  border-radius: var(--default-border-radius);
}
[b-4v2ln6mkw1] .game-request-card__info-wrapper__text-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  margin-left: 24px;
  width: 100%;
}
[b-4v2ln6mkw1] .game-request-card__info-wrapper__text-content .mud-typography-h4,
[b-4v2ln6mkw1] .game-request-card__info-wrapper__text-content .mud-typography-body2 {
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .game-request-card[b-4v2ln6mkw1] {
    height: auto;
  }
  [b-4v2ln6mkw1] .game-request-card__info-wrapper {
    flex-direction: column;
    max-width: 70%;
  }
  [b-4v2ln6mkw1] .game-request-card__info-wrapper img {
    width: 180px;
  }
  [b-4v2ln6mkw1] .game-request-card__info-wrapper__text-content {
    margin-left: 0;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1450px) and (min-width: 1280px) {
  .game-request-card[b-4v2ln6mkw1] {
    height: 222px;
    padding: 16px 12px 10px 12px;
  }
  [b-4v2ln6mkw1] .game-request-card__info-wrapper {
    flex-direction: column;
    max-width: 70%;
  }
  [b-4v2ln6mkw1] .game-request-card__info-wrapper__text-content {
    margin-left: 0;
    margin-top: 12px;
  }
}
/* _content/Plitch.FrontendComponents/Components/Chips/FilterChip.razor.rz.scp.css */
.plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip {
  padding: 8px 12px;
  margin: 0 10px 0 0;
  outline: none !important;
  border-radius: var(--default-border-radius);
  border: 1px solid var(--plitch-chip-background-color);
  color: var(--plitch-chip-color);
  background-color: var(--plitch-chip-background-color);
  transition: 0s;
  height: 40px !important;
}
.plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip:focus-visible {
  outline: var(--plitch-chip-focus-outline) !important;
  outline-offset: var(--plitch-chip-focus-outline-offset);
  border-color: var(--plitch-chip-background-color);
  background-color: var(--plitch-chip-background-color);
}
.plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip:hover {
  background-color: var(--plitch-chip-hover-background-color);
  border-color: var(--plitch-chip-hover-background-color);
  color: var(--plitch-chip-hover-color);
}
.plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip:hover .mud-chip-icon {
  background-color: var(--plitch-chip-hover-color);
}
@media screen and (min-width: 768px) {
  .plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip .mud-icon-size-medium {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .plitch-filter-chip-wrapper[b-hkdeenue96]  .mud-chip .mud-icon-size-medium {
    font-size: 1.2rem;
  }
}
/* _content/Plitch.FrontendComponents/Components/Chips/GameCategoryChip.razor.rz.scp.css */
.game-category-chip-wrapper[b-g0pdx65ifb] {
  display: inline-block;
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip {
  padding: 8px 12px;
  margin: 0 10px 0 0;
  outline: none !important;
  border-radius: var(--default-border-radius);
  border: 1px solid var(--plitch-chip-background-color);
  color: var(--plitch-chip-color);
  background-color: var(--plitch-chip-background-color);
  transition: 0s;
  height: 40px !important;
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip .game-category-chip-text {
  line-height: normal !important;
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip:focus-visible {
  outline: var(--plitch-chip-focus-outline) !important;
  outline-offset: var(--plitch-chip-focus-outline-offset);
  border-color: var(--plitch-chip-background-color);
  background-color: var(--plitch-chip-background-color);
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip:hover {
  background-color: var(--plitch-chip-hover-background-color);
  border-color: var(--plitch-chip-hover-background-color);
  color: var(--plitch-chip-hover-color);
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip:hover .mud-chip-icon {
  background-color: var(--plitch-chip-hover-color);
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip.mud-disabled {
  background-color: var(--plitch-chip-disabled-background-color);
  border-color: var(--plitch-chip-disabled-color);
  color: var(--plitch-chip-disabled-color);
  opacity: 1;
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip.mud-disabled .mud-chip-icon {
  background-color: var(--plitch-chip-disabled-color);
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip.mud-chip-selected {
  background-color: var(--plitch-chip-selected-background-color);
  border-color: var(--plitch-chip-selected-border-color);
  color: var(--plitch-chip-color);
}
.game-category-chip-wrapper[b-g0pdx65ifb]  .mud-chip.mud-chip-selected .mud-chip-icon {
  background-color: var(--plitch-chip-color);
}
@media screen and (max-width: 767px) {
  .game-category-chip-wrapper[b-g0pdx65ifb] {
    margin-bottom: 16px;
  }
}
/* _content/Plitch.FrontendComponents/Components/Chips/PlitchChip.razor.rz.scp.css */
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip {
  padding: 8px 12px;
  margin: 0 10px 0 0;
  outline: none !important;
  border-radius: var(--default-border-radius);
  border: 1px solid var(--plitch-chip-background-color);
  color: var(--plitch-chip-color);
  background-color: var(--plitch-chip-background-color);
  transition: 0s;
  height: 40px !important;
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip:focus-visible {
  outline: var(--plitch-chip-focus-outline) !important;
  outline-offset: var(--plitch-chip-focus-outline-offset);
  border-color: var(--plitch-chip-background-color);
  background-color: var(--plitch-chip-background-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip:hover {
  background-color: var(--plitch-chip-hover-background-color);
  border-color: var(--plitch-chip-hover-background-color);
  color: var(--plitch-chip-hover-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip:hover .mud-chip-icon {
  background-color: var(--plitch-chip-hover-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip.mud-disabled {
  background-color: var(--plitch-chip-disabled-background-color);
  border-color: var(--plitch-chip-disabled-color);
  color: var(--plitch-chip-disabled-color);
  opacity: 1;
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip.mud-disabled .mud-chip-icon {
  background-color: var(--plitch-chip-disabled-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip.mud-chip-selected {
  background-color: var(--plitch-chip-selected-background-color);
  border-color: var(--plitch-chip-selected-border-color);
  color: var(--plitch-chip-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip.mud-chip-selected .mud-chip-icon {
  background-color: var(--plitch-chip-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon {
  width: 16px;
  height: 16px;
  margin: 0;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--plitch-chip-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.open {
  -webkit-mask-image: var(--ticket-open-img-path);
  background-color: var(--ticket-open-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.pending {
  -webkit-mask-image: var(--ticket-pending-img-path);
  background-color: var(--ticket-pending-img-color);
  margin-top: 2px;
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.processing {
  -webkit-mask-image: var(--ticket-processing-img-path);
  background-color: var(--ticket-processing-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.closed {
  -webkit-mask-image: var(--ticket-closed-img-path);
  background-color: var(--ticket-closed-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.requested {
  -webkit-mask-image: var(--game-request-requested-img-path);
  background-color: var(--game-request-requested-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.inprogress {
  -webkit-mask-image: var(--game-request-in-progress-img-path);
  background-color: var(--game-request-in-progress-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.teamchoice {
  -webkit-mask-image: var(--game-request-team-choice-img-path);
  background-color: var(--game-request-team-choice-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.notpossible {
  -webkit-mask-image: var(--game-request-not-possible-img-path);
  background-color: var(--game-request-not-possible-img-color);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.game {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--ticket-game-img-path);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.payment {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--ticket-payment-img-path);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.website {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--ticket-website-img-path);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .mud-chip-icon.client {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--ticket-client-img-path);
}
.plitch-chip-wrapper[b-b6jrdqivmg]  .mud-chip .plitch-chip-text {
  margin-left: 12px;
}
/* _content/Plitch.FrontendComponents/Components/Filter/PlitchFilter.razor.rz.scp.css */
[b-a8iish96a2] .close-filter-button {
  background-color: var(--transparent-color) !important;
}
[b-a8iish96a2] .close-filter-button:focus-visible {
  outline: var(--tab-outline) !important;
  outline-offset: -3px;
}
[b-a8iish96a2] .close-filter-button__close-icon {
  mask-image: url("images/filter/remove-filter-icon.svg");
  -webkit-mask-image: url("images/filter/remove-filter-icon.svg");
  height: 24px;
  width: 24px;
  background-color: var(--primary-color);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

[b-a8iish96a2] .filter-icon {
  mask-image: var(--filter-icon-img-path);
  -webkit-mask-image: var(--filter-icon-img-path);
  height: 20px;
  width: 20px;
  margin-right: 12px;
  background-color: var(--icon-color);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

[b-a8iish96a2] .filter-title {
  margin-top: 1px;
  font-weight: 600;
  color: var(--font-color);
}
/* _content/Plitch.FrontendComponents/Components/Filter/PlitchFilterItem.razor.rz.scp.css */
[b-vvza8gyswm] .filter-list-item {
  width: 100%;
  border-radius: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: left;
  background-color: var(--plitch-light-blue-color);
  padding: 30px 20px;
}
[b-vvza8gyswm] .filter-list-item:hover {
  background-color: var(--list-item-hover-color) !important;
}
[b-vvza8gyswm] .filter-list-item:first-child {
  border-top: 1px solid var(--divider-color);
}
[b-vvza8gyswm] .filter-list-item:focus-visible {
  outline: var(--tab-outline) !important;
  outline-offset: -3px;
  z-index: 1;
}

[b-vvza8gyswm] .filter-remove-image {
  mask-image: url("images/filter/remove-filter-icon.svg");
  -webkit-mask-image: url("images/filter/remove-filter-icon.svg");
  height: 20px;
  width: 20px;
  background-color: var(--primary-color);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
/* _content/Plitch.FrontendComponents/Components/Filter/PlitchFilterTab.razor.rz.scp.css */
[b-rz59ad0472] .filter-panel-header:focus-visible {
  outline: var(--tab-outline) !important;
  outline-offset: -3px;
}
[b-rz59ad0472] .filter-panel-header .mud-badge {
  display: inline-flex;
  align-items: center;
}
[b-rz59ad0472] .filter-tab-content {
  max-height: 50vh;
  overflow: hidden;
  overflow-y: auto;
}
[b-rz59ad0472] .badge-hidden .mud-badge {
  display: none;
}
[b-rz59ad0472] .filter-selected-items span {
  max-width: 220px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  [b-rz59ad0472] .filter-selected-items span {
    max-width: 140px;
  }
}
/* _content/Plitch.FrontendComponents/Components/ForumThread/PlitchForumFirstPost.razor.rz.scp.css */
.forum-first-post-container[b-4vg6o0p33o] {
  display: block;
  width: 100%;
}
.forum-first-post-container[b-4vg6o0p33o]  ol {
  list-style-position: inside;
}
.forum-first-post-container[b-4vg6o0p33o]  ul {
  list-style: inside;
}
[b-4vg6o0p33o] .forum-first-post-container__post {
  display: flex;
  background-color: var(--plitch-light-blue-color);
}
[b-4vg6o0p33o] .forum-first-post-container__post .text-content a, [b-4vg6o0p33o] .forum-first-post-container__post .text-content span, [b-4vg6o0p33o] .forum-first-post-container__post .text-content p, [b-4vg6o0p33o] .forum-first-post-container__post .text-content ol, [b-4vg6o0p33o] .forum-first-post-container__post .text-content ul, [b-4vg6o0p33o] .forum-first-post-container__post .text-content pre, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h1, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h2, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h3, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h4, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h5, [b-4vg6o0p33o] .forum-first-post-container__post .text-content h6, [b-4vg6o0p33o] .forum-first-post-container__post .text-content blockquote {
  color: var(--white) !important;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content {
  width: 100%;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content span a {
  text-decoration: underline !important;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__state {
  color: var(--grey-color);
  padding-top: 2px;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__type-text {
  padding-top: 2px;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__message {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header {
  display: flex;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__point {
  background-color: var(--icon-color);
  border-radius: 50%;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__icon {
  margin-right: 4px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__icon.comment-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-comment-img-path);
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__icon.calendar-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-calendar-img-path);
  margin-top: -3px;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__icon.eye-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-eye-img-path);
  margin-bottom: 4px;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip {
  background-color: var(--plitch-chip-background-color);
  margin: 0 !important;
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .announcement-icon {
  width: 16px;
  height: 16px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-announcement-img-path);
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .pinned-icon {
  width: 16px;
  height: 16px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-pinned-img-path);
}
[b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .closed-icon {
  width: 12px;
  height: 12px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-locked-img-path);
}
[b-4vg6o0p33o] .forum-first-post-container__post__text-gray {
  color: var(--grey-color);
}
[b-4vg6o0p33o] .forum-first-post-container__post .ql-disabled {
  background-color: var(--plitch-light-blue-color) !important;
  margin-top: 12px !important;
}
[b-4vg6o0p33o] .forum-first-post-container__post .ql-disabled .ql-editor {
  padding: 4px 0 !important;
  min-height: auto !important;
}
[b-4vg6o0p33o] .forum-first-post-container__post .ql-disabled .ql-editor.ql-blank::before {
  color: var(--plitch-light-blue-color) !important;
}

@media screen and (min-width: 1024px) {
  [b-4vg6o0p33o] .forum-first-post-container__post-tablet {
    display: none !important;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post {
    padding: 24px 32px;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__message {
    max-width: 70%;
    -webkit-line-clamp: 1;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__point {
    width: 4px;
    height: 4px;
    margin: 0 16px;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip {
    max-height: 24px;
    padding: 0 14px !important;
  }
}
@media screen and (max-width: 1024px) {
  [b-4vg6o0p33o] .forum-first-post-container__post-desktop {
    display: none !important;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post {
    padding: 24px 32px;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__message {
    max-width: 100%;
    margin-top: 12px;
    -webkit-line-clamp: 2;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header {
    flex-direction: column;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header__point {
    width: 3px;
    height: 3px;
    margin: -1px 8px 0 8px;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip {
    width: 32px;
    height: 32px;
    padding: 0 !important;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .mud-chip-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .announcement-icon {
    margin-right: 0;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .pinned-icon {
    margin-right: 0;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip .closed-icon {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  [b-4vg6o0p33o] .forum-first-post-container__post {
    padding: 20px 12px;
  }
  [b-4vg6o0p33o] .forum-first-post-container__post__main-content__header .mud-chip {
    width: 24px !important;
    height: 24px !important;
  }
}
/* _content/Plitch.FrontendComponents/Components/ForumThread/PlitchForumPost.razor.rz.scp.css */
.forum-post-container[b-nk1ws5lb3k] {
  display: block;
  width: 100%;
}
.forum-post-container[b-nk1ws5lb3k]  ol {
  list-style-position: inside;
}
.forum-post-container[b-nk1ws5lb3k]  ul {
  list-style: inside;
}
[b-nk1ws5lb3k] .forum-post-container__post {
  display: flex;
  flex-direction: column;
  background-color: var(--tertiary-color);
}
[b-nk1ws5lb3k] .forum-post-container__post .text-content a, [b-nk1ws5lb3k] .forum-post-container__post .text-content span, [b-nk1ws5lb3k] .forum-post-container__post .text-content p, [b-nk1ws5lb3k] .forum-post-container__post .text-content ol, [b-nk1ws5lb3k] .forum-post-container__post .text-content ul, [b-nk1ws5lb3k] .forum-post-container__post .text-content pre, [b-nk1ws5lb3k] .forum-post-container__post .text-content h1, [b-nk1ws5lb3k] .forum-post-container__post .text-content h2, [b-nk1ws5lb3k] .forum-post-container__post .text-content h3, [b-nk1ws5lb3k] .forum-post-container__post .text-content h4, [b-nk1ws5lb3k] .forum-post-container__post .text-content h5, [b-nk1ws5lb3k] .forum-post-container__post .text-content h6, [b-nk1ws5lb3k] .forum-post-container__post .text-content blockquote {
  color: var(--white) !important;
}
[b-nk1ws5lb3k] .forum-post-container__post__hierarchy {
  margin-bottom: 18px;
}
[b-nk1ws5lb3k] .forum-post-container__post__hierarchy span {
  color: var(--grey-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content {
  width: 100%;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content span a {
  text-decoration: underline !important;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__state {
  color: var(--grey-color);
  padding-top: 2px;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__type-text {
  padding-top: 2px;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__message {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header {
  display: flex;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header__point {
  background-color: var(--grey-color);
  border-radius: 50%;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header__icon {
  fill: var(--grey-color) !important;
  margin-right: 4px;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip {
  background-color: var(--forum-thread-status-chip-background-color);
  margin: 0 !important;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip:hover {
  background-color: var(--forum-thread-status-chip-background-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__header__comment-number {
  color: var(--primary-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__quote {
  width: 100%;
  background-color: var(--plitch-light-blue-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__quote__creator {
  color: var(--grey-color);
  margin-left: 16px;
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content__actions button:focus-visible,
[b-nk1ws5lb3k] .forum-post-container__post__main-content__actions span.mud-icon-button:focus-visible {
  outline: var(--tab-outline);
  outline-offset: var(--tab-outline-default-offset);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .edit-icon {
  height: 16px;
  width: 16px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--client-pencil-icon-img-path);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-up {
  width: 20px;
  height: 20px;
  margin: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-thumbs-up-img-path);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-up.white-icon {
  background-color: var(--forum-voted-thumbs-up-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-up.grey-icon {
  background-color: var(--grey-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-down {
  width: 20px;
  height: 20px;
  margin: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-thumbs-down-img-path);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-down.white-icon {
  background-color: var(--forum-voted-thumbs-down-color);
}
[b-nk1ws5lb3k] .forum-post-container__post__main-content .thumbs-down.grey-icon {
  background-color: var(--grey-color);
}
[b-nk1ws5lb3k] .forum-post-container__post .ql-disabled {
  background-color: var(--plitch-light-blue-color) !important;
  margin-top: 12px !important;
}
[b-nk1ws5lb3k] .forum-post-container__post .ql-disabled .ql-editor {
  padding: 4px 0 !important;
  min-height: auto !important;
}
[b-nk1ws5lb3k] .forum-post-container__post .ql-disabled .ql-editor.ql-blank::before {
  color: var(--plitch-light-blue-color) !important;
}
[b-nk1ws5lb3k] .forum-post-container__comment-icon {
  width: 24px;
  height: 24px;
  background-color: var(--grey-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-comment-img-path);
}
.forum-post-container__calendar-icon[b-nk1ws5lb3k] {
  width: 16px;
  height: 16px;
  background-color: var(--grey-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-calendar-img-path);
  margin-right: 4px;
  margin-bottom: 1px;
}
[b-nk1ws5lb3k] .forum-post-container__text-gray {
  color: var(--forum-text-grey-color);
}
.forum-post-container[b-nk1ws5lb3k]  .mud-checkbox .mud-icon-size-medium {
  font-size: 1.8rem;
}

@media screen and (min-width: 1024px) {
  [b-nk1ws5lb3k] .forum-post-container__post-tablet {
    display: none !important;
  }
  [b-nk1ws5lb3k] .forum-post-container__post {
    padding: 24px 32px;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__message {
    max-width: 70%;
    -webkit-line-clamp: 1;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header__point {
    width: 4px;
    height: 4px;
    margin: 0 8px;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip {
    max-height: 24px;
    padding: 0 14px !important;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip .mud-icon-size-small {
    font-size: 1.25rem !important;
    margin-right: 1px;
  }
}
@media screen and (max-width: 1024px) {
  [b-nk1ws5lb3k] .forum-post-container__post-desktop {
    display: none !important;
  }
  [b-nk1ws5lb3k] .forum-post-container__post {
    padding: 24px 32px;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__message {
    max-width: 100%;
    margin-top: 12px;
    -webkit-line-clamp: 2;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header {
    flex-direction: column;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header__point {
    width: 3px;
    height: 3px;
    margin: -1px 8px 0 8px;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip {
    width: 32px;
    height: 32px;
    padding: 0 !important;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip .mud-chip-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  [b-nk1ws5lb3k] .forum-post-container__post {
    padding: 2px 12px;
  }
  [b-nk1ws5lb3k] .forum-post-container__post__main-content__header .mud-chip {
    width: 24px !important;
    height: 24px !important;
  }
}
/* _content/Plitch.FrontendComponents/Components/ForumThread/PlitchForumThread.razor.rz.scp.css */
.forum-thread-container[b-4ngiyuy0dy] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.forum-thread-container[b-4ngiyuy0dy]  .tablet {
  display: none !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread {
  background-color: var(--plitch-light-blue-color);
  transition: 0.3s all;
}
[b-4ngiyuy0dy] .forum-thread-container__thread:hover {
  background-color: var(--dark-blue-lightest-color);
  transition: 0.3s all;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__hierarchy {
  display: inline-block;
  margin: -5px 0 18px 0;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__hierarchy span {
  color: var(--grey-color);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content {
  display: block;
  width: 100%;
  cursor: pointer;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__state {
  color: var(--grey-color);
  padding-top: 2px;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__type-text {
  padding-top: 2px;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message a, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message span, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message p, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message ol, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message ul, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message pre, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h1, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h2, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h3, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h4, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h5, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message h6, [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message blockquote {
  color: var(--white) !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message a {
  text-decoration: underline !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message__username-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0px 12px;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header {
  display: flex;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper .account-state {
  width: fit-content;
  height: fit-content;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__point {
  background-color: var(--grey-color);
  border-radius: 50%;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__icon {
  margin-right: 4px;
  background-color: var(--grey-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__icon.comment-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-comment-img-path);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__icon.calendar-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-calendar-img-path);
  margin-top: -3px;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__icon.eye-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: var(--forum-eye-img-path);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip {
  background-color: var(--forum-thread-status-chip-background-color);
  margin: 0 !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip:hover {
  background-color: var(--forum-thread-status-chip-background-color);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .announcement-icon {
  width: 16px;
  height: 16px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-announcement-img-path);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .pinned-icon {
  width: 16px;
  height: 16px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-pinned-img-path);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .closed-icon {
  width: 12px;
  height: 12px;
  background-color: var(--icon-color);
  margin-right: 8px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--forum-locked-img-path);
}
[b-4ngiyuy0dy] .forum-thread-container__thread__text-gray {
  color: var(--grey-color);
}
[b-4ngiyuy0dy] .forum-thread-container__thread .ql-disabled {
  background-color: var(--plitch-light-blue-color) !important;
  margin-top: 12px !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread .ql-disabled .ql-editor {
  padding: 4px 0 !important;
  min-height: auto !important;
}
[b-4ngiyuy0dy] .forum-thread-container__thread .ql-disabled .ql-editor.ql-blank::before {
  color: var(--plitch-light-blue-color) !important;
}

@media screen and (min-width: 1024px) {
  [b-4ngiyuy0dy] .forum-thread-container__thread {
    padding: 24px 32px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message {
    max-width: 70%;
    -webkit-line-clamp: 1;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__point {
    width: 4px;
    height: 4px;
    margin: 0 16px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip {
    max-height: 24px;
    padding: 0 14px !important;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .mud-icon-size-small {
    font-size: 1.25rem !important;
    margin-right: 1px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__text-gray {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1023.5px) {
  .forum-thread-container[b-4ngiyuy0dy]  .desktop {
    display: none !important;
  }
  .forum-thread-container[b-4ngiyuy0dy]  .tablet {
    display: initial !important;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread {
    padding: 32px 32px 24px 32px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message {
    max-width: 100%;
    margin-top: 12px;
    -webkit-line-clamp: 2;
    width: 100%;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__message__username-wrapper {
    flex-direction: column;
    align-items: flex-start;
    color: var(--grey-color);
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header {
    flex-direction: column-reverse;
    gap: 16px;
    margin-bottom: 16px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper {
    flex-wrap: wrap;
    justify-content: start;
    gap: 0;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper .account-state {
    margin-left: 0;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper .username_empty {
    font-size: 1.063rem;
    width: 100%;
    margin-top: -3px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__content-wrapper .username_achivements {
    font-size: 1.063rem;
    width: 100%;
    margin-bottom: -10px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header__point {
    width: 3px;
    height: 3px;
    margin: -1px 8px 0 8px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-tooltip-root .mud-image {
    width: 40px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip {
    width: 32px;
    height: 32px;
    padding: 0 !important;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .mud-chip-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .announcement-icon {
    margin-right: 0;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .pinned-icon {
    margin-right: 0;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip .closed-icon {
    margin-right: 0;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__hierarchy {
    margin: -5px 0 30px 0;
  }
}
@media screen and (max-width: 767px) {
  [b-4ngiyuy0dy] .forum-thread-container__thread {
    padding: 20px 12px;
  }
  [b-4ngiyuy0dy] .forum-thread-container__thread__main-content__header .mud-chip {
    width: 24px !important;
    height: 24px !important;
  }
}
/* _content/Plitch.FrontendComponents/Components/GameRequestVote.razor.rz.scp.css */
[b-inzoz9bf1t] .game-request-votes {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 120px;
  cursor: pointer;
}
[b-inzoz9bf1t] .game-request-votes:hover .game-request-votes__overlay,
[b-inzoz9bf1t] .game-request-votes:hover .game-request-votes__overlay-arrow, [b-inzoz9bf1t] .game-request-votes:focus .game-request-votes__overlay,
[b-inzoz9bf1t] .game-request-votes:focus .game-request-votes__overlay-arrow, [b-inzoz9bf1t] .game-request-votes:focus-within .game-request-votes__overlay,
[b-inzoz9bf1t] .game-request-votes:focus-within .game-request-votes__overlay-arrow {
  display: flex;
}
[b-inzoz9bf1t] .game-request-votes:hover .game-request-votes__hexagon, [b-inzoz9bf1t] .game-request-votes:focus .game-request-votes__hexagon, [b-inzoz9bf1t] .game-request-votes:focus-within .game-request-votes__hexagon {
  background-color: var(--game-request-vote-hexagon-hover-color);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__overlay {
  position: absolute;
  display: none;
  flex-direction: row;
  align-items: center;
  margin-left: -185px;
  padding: 8px 10px;
  border-radius: var(--default-border-radius);
  background-color: var(--game-request-vote-overlay-bg-color);
  z-index: 500;
  max-width: 158px;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn {
  border-radius: 50%;
  background-color: var(--game-request-vote-overlay-btn-color);
  margin: 0 4px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn .remove-vote-icon {
  height: 24px;
  width: 24px;
  background-color: var(--game-request-vote-overlay-bg-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-remove-vote-img-path);
  margin-top: 1px;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn .single-vote {
  height: 24px;
  width: 24px;
  background-color: var(--game-request-vote-overlay-bg-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-single-voted-img-path);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn .double-vote-icon {
  height: 24px;
  width: 24px;
  background-color: var(--game-request-vote-overlay-bg-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-double-voted-img-path);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-active {
  background-color: var(--primary-color) !important;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available .remove-vote-icon {
  background-color: var(--white);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available .single-vote {
  background-color: var(--white);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available .double-vote-icon {
  background-color: var(--white);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:hover .remove-vote-icon {
  background-color: var(--game-request-vote-overlay-bg-color);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:hover .single-vote {
  background-color: var(--game-request-vote-overlay-bg-color);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:hover .double-vote-icon {
  background-color: var(--game-request-vote-overlay-bg-color);
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:nth-child(1):hover {
  background-color: var(--error-color);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:nth-child(2):hover {
  background-color: var(--primary-color);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__overlay__btn.vote-overlay-btn-available:nth-child(3):hover {
  background-color: var(--primary-color);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__overlay-arrow {
  position: absolute;
  width: 50px;
  height: 58px;
  margin-left: -28px;
  display: none;
  align-items: center;
  z-index: 100;
}
[b-inzoz9bf1t] .game-request-votes__overlay-arrow__arrow {
  width: 18px;
  height: 18px;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: var(--game-request-vote-overlay-bg-color);
}
[b-inzoz9bf1t] .game-request-votes__hexagon {
  padding: 0;
  height: 56px;
  width: 50px;
  margin-right: 10px;
  background-color: var(--grey-color);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__hexagon .vote-hexagon-inner {
  height: 56px;
  width: 50px;
  padding: 12px 9px;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  transition: 0.3s all;
}
[b-inzoz9bf1t] .game-request-votes__hexagon .single-vote {
  margin: 2px;
  height: 28px;
  width: 28px;
  background-color: var(--plitch-light-blue-color) !important;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-single-voted-img-path);
}
[b-inzoz9bf1t] .game-request-votes__hexagon.double-voted .double-vote-icon {
  height: 32px;
  width: 32px;
  background-color: var(--plitch-light-blue-color) !important;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-double-voted-img-path);
}
[b-inzoz9bf1t] .game-request-votes span {
  color: var(--white);
}

[b-inzoz9bf1t] .vote-active .game-request-votes__hexagon {
  background-color: var(--primary-color);
}
[b-inzoz9bf1t] .vote-active:hover .game-request-votes__hexagon {
  transition: 0.3s all;
}
[b-inzoz9bf1t] .vote-active:hover .game-request-votes__hexagon .vote-hexagon-inner {
  background-color: var(--primary-color);
  transition: 0.3s all;
}

[b-inzoz9bf1t] .vote-unavailable {
  cursor: default;
}
[b-inzoz9bf1t] .vote-unavailable:hover .game-request-votes__overlay {
  background-color: var(--game-request-vote-overlay-bg-color);
}
[b-inzoz9bf1t] .vote-unavailable:hover .game-request-votes__overlay span {
  display: block;
  line-height: 1.2rem;
}
[b-inzoz9bf1t] .vote-unavailable:hover .game-request-votes__overlay-arrow__arrow {
  background-color: var(--game-request-vote-overlay-bg-color);
}

[b-inzoz9bf1t] .vote-disabled {
  cursor: default;
}
[b-inzoz9bf1t] .vote-disabled .game-request-votes__overlay,
[b-inzoz9bf1t] .vote-disabled .game-request-votes__overlay-arrow {
  display: none !important;
}
[b-inzoz9bf1t] .vote-disabled .game-request-votes__hexagon {
  background-color: var(--game-request-vote-disabled-color);
}
[b-inzoz9bf1t] .vote-disabled:hover .game-request-votes__hexagon {
  background-color: var(--game-request-vote-disabled-color);
}
[b-inzoz9bf1t] .vote-disabled span {
  color: var(--grey-color);
}

@media screen and (max-width: 767px) {
  [b-inzoz9bf1t] .game-request-votes {
    width: 100px;
  }
  [b-inzoz9bf1t] .game-request-votes__hexagon {
    padding: 3px;
    margin-right: 10px;
  }
  [b-inzoz9bf1t] .game-request-votes__hexagon .mud-icon-size-medium {
    font-size: 2.5rem;
  }
  [b-inzoz9bf1t] .game-request-votes__hexagon.double-voted {
    padding: 2px;
  }
  [b-inzoz9bf1t] .game-request-votes__hexagon.double-voted .vote-hexagon-inner {
    padding: 10px;
  }
  [b-inzoz9bf1t] .game-request-votes__hexagon.double-voted .mud-icon-size-medium {
    font-size: 1.8rem;
  }
}
/* _content/Plitch.FrontendComponents/Components/GamesMenu/PlitchGamesMenuTab.razor.rz.scp.css */
[b-dy5wvc25e6] .flyout-games-menu-link:hover {
  color: var(--input-outline-color);
}

.flyout-games-menu-link[b-dy5wvc25e6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

[b-dy5wvc25e6] .game-subheading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
[b-dy5wvc25e6] .game-subheading .arrow-cls .mud-icon-root.mud-svg-icon {
  transform: rotate(90deg);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s;
}
[b-dy5wvc25e6] .game-subheading .arrow-cls__rotate .mud-icon-root.mud-svg-icon {
  transform: rotate(270deg) !important;
}

@media screen and (max-width: 1650px) and (min-width: 1080px) {
  [b-dy5wvc25e6] .flyout-games-hover:hover {
    color: var(--input-outline-color);
  }
}
@media screen and (max-width: 1080px) {
  .game-subheading[b-dy5wvc25e6]  .mud-typography.mud-typography-h6 {
    font-size: 1.063rem !important;
  }
  [b-dy5wvc25e6] .flyout-games-hover:hover {
    color: var(--input-outline-color);
  }
  [b-dy5wvc25e6] .flyout-games-menu-link:hover {
    color: var(--input-outline-color);
  }
}
/* _content/Plitch.FrontendComponents/Components/NotificationItem.razor.rz.scp.css */
.notification-container[b-xfle1eaqj9] {
  position: relative;
  background-color: var(--notification-container-background-color);
  padding: 12px;
  border-bottom: 1px solid var(--notification-container-divider-color);
}
.notification-container[b-xfle1eaqj9]  .notification-container-content {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.notification-container[b-xfle1eaqj9]  img {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: var(--client-home-notifications-drawer-icon-border-radius);
  align-self: baseline;
  margin-top: 0;
}
.notification-container[b-xfle1eaqj9]  .expand-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px !important;
  background-color: var(--white-opacity-color);
  border-radius: 50%;
}
.notification-container[b-xfle1eaqj9]  .notification-collapse-icon {
  width: 12px;
  height: 12px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--client-notification-collapse-icon-img-path);
}
.notification-container[b-xfle1eaqj9]  .notification-expand-icon {
  width: 12px;
  height: 12px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--client-notification-expand-icon-img-path);
}
.notification-container[b-xfle1eaqj9]  .mud-button-filled {
  box-shadow: none !important;
}
.notification-container[b-xfle1eaqj9]  .mud-button-filled .mud-icon-size-small {
  font-size: 1.2rem;
}
.notification-container[b-xfle1eaqj9]  .mud-button-filled-size-small.mud-icon-button {
  padding: 0;
}
[b-xfle1eaqj9] .notification-container__text-content {
  display: flex;
  padding-right: 23px;
}
[b-xfle1eaqj9] .notification-container__text-content .txt-header {
  color: var(--white);
  font-weight: bold;
}
[b-xfle1eaqj9] .notification-container__text-content__content {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
/* _content/Plitch.FrontendComponents/Components/Overlays/GameRequestInfoOverlay.razor.rz.scp.css */
.game-request-info-overlay[b-zc55uvgm14]  .overlay-content {
  width: 1080px;
  padding: 60px 45px 45px 45px;
  overflow-y: auto;
}
[b-zc55uvgm14] .game-request-info-overlay__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
[b-zc55uvgm14] .game-request-info-overlay__content__game-info {
  display: flex;
  flex-direction: row;
}
[b-zc55uvgm14] .game-request-info-overlay__content__game-info img {
  width: 250px;
  margin-right: 20px;
  border-radius: var(--default-border-radius);
}
[b-zc55uvgm14] .game-request-info-overlay__content__game-info .mud-typography-h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
[b-zc55uvgm14] .game-request-info-overlay__content__game-info .stats-wrapper {
  display: flex;
  flex-direction: row;
}
[b-zc55uvgm14] .game-request-info-overlay__content__game-info .stats-wrapper .vote-icon {
  height: 20px;
  width: 20px;
  margin: -2px 4px 0 0;
  background-color: var(--font-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-single-voted-img-path);
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info__count {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 16px;
  padding: 4px 8px;
  border-radius: var(--default-border-radius);
  background-color: var(--tertiary-color);
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box .vote-icon {
  height: 20px;
  width: 20px;
  margin: -2px 8px 0 0;
  background-color: var(--grey-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--game-request-single-voted-img-path);
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box span {
  color: var(--primary-color);
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info .game-request-votes-container {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
[b-zc55uvgm14] .game-request-info-overlay__content__votes-info .game-request-votes-container .game-request-votes {
  margin-top: 12px;
  width: auto !important;
}
[b-zc55uvgm14] .game-request-info-overlay__btn {
  margin-top: 30px;
  text-align: right;
}
[b-zc55uvgm14] .game-request-info-overlay__description {
  padding: 30px 40px;
  background-color: var(--tertiary-color) !important;
  border: 1px solid var(--divider-color);
  border-radius: var(--default-border-radius);
}
.game-request-info-overlay[b-zc55uvgm14]  .divider-mobile {
  display: none;
}

@media screen and (min-width: 1080px) {
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__hexagon .mud-icon-size-medium {
    font-size: 2.6rem;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__hexagon.double-voted .mud-icon-size-medium {
    font-size: 1.7rem;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .mud-typography-h4 {
    width: 350px;
  }
}
@media screen and (max-width: 1079.5px) {
  .game-request-info-overlay[b-zc55uvgm14]  .overlay-content {
    width: 95vw;
    padding: 50px 25px;
    overflow-y: auto;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content {
    flex-direction: column;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info__count {
    flex-direction: column;
    align-items: end;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box {
    margin-top: 5px;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info .game-request-votes-container {
    justify-content: start;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info .game-request-votes-container .game-request-votes {
    margin-top: 0;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__overlay {
    margin-left: 110px;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__overlay-arrow {
    margin-left: 60px;
    transform: rotate(180deg);
  }
  .game-request-info-overlay[b-zc55uvgm14]  .divider-mobile {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .game-request-info-overlay[b-zc55uvgm14]  .overlay-content {
    padding: 50px 12px;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__game-info img {
    width: 150px;
    margin-right: 20px;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__game-info .votes-stats svg {
    font-size: 1.1rem !important;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__game-info .status-stats span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: initial;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__game-info__stats span {
    font-size: 0.625rem !important;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box {
    padding: 2px 10px 2px 6px;
  }
  [b-zc55uvgm14] .game-request-info-overlay__content__votes-info__box svg {
    font-size: 1.6rem;
  }
  [b-zc55uvgm14] .game-request-info-overlay__description {
    padding: 14px 12px;
  }
  [b-zc55uvgm14] .game-request-info-overlay__btn button {
    width: 100%;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .mud-divider {
    margin: 24px 0 !important;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__overlay {
    margin-left: 95px !important;
  }
  .game-request-info-overlay[b-zc55uvgm14]  .game-request-votes__overlay-arrow {
    margin-left: 45px !important;
  }
}
/* _content/Plitch.FrontendComponents/Components/Overlays/VoucherItemRedeemedOverlay.razor.rz.scp.css */
[b-3pv08lg7vw] .voucher-item-overlay__title {
  display: block;
}
[b-3pv08lg7vw] .voucher-item-overlay img {
  height: 130px;
  width: auto;
  border-radius: var(--default-border-radius);
}
[b-3pv08lg7vw] .voucher-item-overlay .runtime-text {
  display: block;
  font-weight: bold;
  color: var(--premium-color);
}
[b-3pv08lg7vw] .voucher-item-overlay .voucher-list-text,
[b-3pv08lg7vw] .voucher-item-overlay .nothing-new-text {
  display: block;
}
[b-3pv08lg7vw] .voucher-item-overlay .voucher-skin-text {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  [b-3pv08lg7vw] .voucher-item-overlay__buttons {
    flex-direction: column;
  }
}
/* _content/Plitch.FrontendComponents/Components/PlitchAccountType.razor.rz.scp.css */
.account-state[b-ndj66tc4y8] {
  font-weight: 700;
  border: 2px solid;
  margin-left: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.688rem;
  padding: 2px 5px 0 5px;
  border-radius: var(--default-border-radius);
}

.account-state.team[b-ndj66tc4y8] {
  color: var(--team-color);
}

.account-state.premium[b-ndj66tc4y8] {
  color: var(--premium-membership-color);
}

.account-state.free[b-ndj66tc4y8] {
  color: var(--free-membership-color);
}

@media screen and (max-width: 768px) {
  .account-state[b-ndj66tc4y8] {
    font-size: 0.588rem;
  }
}
/* _content/Plitch.FrontendComponents/Components/PlitchBreadcrumbs.razor.rz.scp.css */
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs {
  line-height: 0;
}
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs .breadcrumb-text {
  color: var(--font-color) !important;
}
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs .breadcrumb-text.active {
  color: var(--primary-color) !important;
}
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs .mud-breadcrumb-separator {
  padding: 0 4px;
}
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs .breadcrumb-separator-icon {
  fill: var(--icon-color) !important;
  padding: 0 2px;
}
.plitch-breadcrumbs[b-rjklq8uvqm]  .mud-breadcrumbs .client-breadcrumb-separator-arrow-icon {
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--pricing-breadcrumb-arrow-icon-img-path);
}
/* _content/Plitch.FrontendComponents/Components/PlitchButton.razor.rz.scp.css */
[b-d7glstcdej] .mud-button {
  height: 40px;
}

[b-d7glstcdej] .mud-button-filled {
  box-shadow: none;
}

[b-d7glstcdej] .mud-button-filled.mud-button-filled-primary:hover {
  background-color: var(--primary-btn-hover-background-color);
}
[b-d7glstcdej] .mud-button-filled.mud-button-filled-primary:focus-visible {
  background-color: var(--primary-color) !important;
  outline: 3px solid var(--primary-btn-focus-outline-color) !important;
  outline-offset: 0px !important;
}
[b-d7glstcdej] .mud-button-filled.mud-button-filled-primary:disabled {
  color: var(--primary-btn-disabled-color) !important;
  background-color: var(--primary-btn-disabled-background-color) !important;
}

[b-d7glstcdej] .mud-button-filled.mud-button-filled-secondary:hover {
  background-color: var(--premium-btn-hover-background-color);
}
[b-d7glstcdej] .mud-button-filled.mud-button-filled-secondary:focus-visible {
  background-color: var(--premium-color) !important;
  outline: 3px solid var(--premium-btn-focus-outline-color) !important;
  outline-offset: 0px !important;
}

[b-d7glstcdej] .mud-button-outlined {
  transition: none !important;
}
[b-d7glstcdej] .mud-button-outlined:hover {
  background-color: var(--tertiary-btn-hover-backround-color) !important;
  color: var(--tertiary-btn-hover-color) !important;
  transition: all 0.3s !important;
}
[b-d7glstcdej] .mud-button-outlined:focus-visible {
  outline: 2px solid var(--tertiary-btn-focus-outline-color) !important;
  outline-offset: 0px !important;
}
[b-d7glstcdej] .mud-button-outlined:disabled {
  border: 1px solid var(--tertiary-btn-disabled-border-color) !important;
  color: var(--tertiary-btn-disabled-color) !important;
}
/* _content/Plitch.FrontendComponents/Components/PlitchDateTimePicker.razor.rz.scp.css */
[b-xl4g0dyp34] .date-picker-container {
  max-height: 25px;
  margin-bottom: 1px;
  background-color: var(--plitch-light-blue-color) !important;
}

[b-xl4g0dyp34] .plitch-date-picker-wrapper .mud-input-slot.mud-input-root-outlined {
  padding: 14.5px 14px !important;
}
/* _content/Plitch.FrontendComponents/Components/PlitchHint.razor.rz.scp.css */
.hint-text[b-dqmbzujv9s] {
  max-width: 200px;
  text-align: left;
}

.icon-outline:focus-visible[b-dqmbzujv9s] {
  outline: var(--tab-outline) !important;
  outline-offset: var(--tab-outline-default-offset);
  border-radius: 0;
}
/* _content/Plitch.FrontendComponents/Components/PlitchInput.razor.rz.scp.css */
[b-kzs1xv66qh] .input-container {
  max-height: 25px;
  background-color: var(--plitch-light-blue-color) !important;
}
[b-kzs1xv66qh] .input-container .client-plitch-input-hint-icon {
  width: 20px;
  height: 20px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--plitch-input-hint-icon-icon-img-path);
}
[b-kzs1xv66qh] .input-container .client-plitch-input-hint-icon:hover {
  opacity: 0.75;
  cursor: pointer;
}

[b-kzs1xv66qh] .adornment-input-content {
  position: absolute;
  text-decoration: underline !important;
  margin-right: 15px;
  margin-top: -42px;
}
/* _content/Plitch.FrontendComponents/Components/PlitchOverlay.razor.rz.scp.css */
[b-g752k6q4dt] .close-overlay-button {
  position: absolute;
  right: 0;
  top: 0;
  min-width: unset;
  width: 40px;
  height: 40px;
  margin: 8px;
  padding: 0;
}
[b-g752k6q4dt] .close-overlay-button:hover {
  background-color: var(--error-color) !important;
}
[b-g752k6q4dt] .close-overlay-button:focus-visible {
  outline: var(--tab-outline);
  outline-offset: var(--tab-outline-default-offset);
}
[b-g752k6q4dt] .close-overlay-button img {
  margin: 0;
}
[b-g752k6q4dt] .close-overlay-button .close-overlay-icon {
  mask-image: var(--x-icon-img-path);
  -webkit-mask-image: var(--x-icon-img-path);
  height: 20px;
  width: 20px;
  background-color: var(--font-color);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
/* _content/Plitch.FrontendComponents/Components/PlitchPricingHexagon.razor.rz.scp.css */
.hexagon-container[b-nffov1lgri] {
  width: -webkit-fill-available;
  pointer-events: none;
  aspect-ratio: 0.87;
  filter: drop-shadow(0px 0px 7px #000000);
}
.hexagon-container:hover[b-nffov1lgri] {
  filter: drop-shadow(0px 0px 12px rgba(65, 178, 248, 0.8));
}
.hexagon-container .hexagon-border[b-nffov1lgri] {
  background-color: var(--premium-color);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  width: 100%;
  height: 100%;
  pointer-events: all;
  cursor: pointer;
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri] {
  display: flex;
  justify-content: center;
  position: relative;
  top: 2px;
  left: 2px;
  background-color: var(--secondary-color);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri]  .hexagon-body-stack {
  width: 100%;
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri]  .hexagon-body-stack .mud-icon-root.mud-svg-icon {
  fill: var(--premium-color) !important;
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri]  .hexagon-body-stack .recurring-text {
  color: var(--premium-color);
  text-transform: capitalize;
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri]  .hexagon-body-stack .membership-duration-chip {
  background-color: var(--white-opacity-color);
  border-radius: 45px;
  text-transform: uppercase;
  font-weight: 400;
}
.hexagon-container .hexagon-border .hexagon-body[b-nffov1lgri]  .hexagon-body-stack .grey-text {
  color: var(--grey-color);
  letter-spacing: normal;
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri] {
  pointer-events: none;
  background-color: var(--grey-color);
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack {
  width: 100%;
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack .mud-icon-root.mud-svg-icon {
  fill: var(--grey-opacity-color) !important;
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack .recurring-text {
  color: var(--grey-opacity-color);
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack .membership-duration-chip {
  background-color: var(--grey-opacity-color);
  color: var(--secondary-color);
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack .currency-price-per-month {
  color: rgba(255, 255, 255, 0.5);
}
.hexagon-container.disabled .hexagon-border[b-nffov1lgri]  .hexagon-body-stack .grey-text {
  color: var(--grey-opacity-color);
}
/* _content/Plitch.FrontendComponents/Components/PlitchPricingLargeHexagon.razor.rz.scp.css */
.hexagon-container[b-oomp65v16f] {
  width: -webkit-fill-available;
  pointer-events: none;
  aspect-ratio: 0.87;
  filter: drop-shadow(0px 0px 7px #000000);
}
.hexagon-container:hover[b-oomp65v16f] {
  filter: drop-shadow(0px 0px 12px rgba(65, 178, 248, 0.8));
}
.hexagon-container.recurring:hover[b-oomp65v16f] {
  filter: drop-shadow(0px 0px 12px rgba(120, 224, 55, 0.8));
}
.hexagon-container .hexagon-border[b-oomp65v16f] {
  background-position: center;
  background-repeat: no-repeat;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  width: 100%;
  height: 100%;
  pointer-events: all;
  cursor: pointer;
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f] {
  display: flex;
  justify-content: center;
  position: relative;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack {
  width: 100%;
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack .mud-icon-root.mud-svg-icon {
  fill: var(--secondary-color) !important;
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack .membership-duration-chip {
  background-color: var(--white-opacity-color);
  border-radius: 45px;
  text-transform: uppercase;
  font-weight: 400;
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack .recurring-text {
  color: var(--grey-color);
  text-transform: capitalize;
  text-align: center;
  padding: 0 4px;
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack .recurring-text.active {
  color: var(--premium-color);
}
.hexagon-container .hexagon-border .hexagon-body[b-oomp65v16f]  .hexagon-body-stack .grey-text {
  color: var(--grey-color);
  letter-spacing: normal;
}
/* _content/Plitch.FrontendComponents/Components/PlitchRichTextEditor.razor.rz.scp.css */
.hint-text[b-sx34myl2v8] {
  max-width: 400px;
  text-align: left;
}

.rich-text-editor__attachments-container__file-icon[b-sx34myl2v8] {
  height: 20px;
  width: 20px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--ticket-attached-file-img-path);
  margin-top: -4px;
  margin-right: 7px;
}

[b-sx34myl2v8] .plus-icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  /*background-color: var(--tertiary-btn-color); colour is handled in quill styles to match the text colour */
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--client-plus-icon-img-path);
}

[b-sx34myl2v8] .mud-button-label {
  align-items: center;
}

[b-sx34myl2v8] .close-svg {
  height: 16px;
  width: 16px;
  background-color: var(--icon-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--client-richtext-editor-btn-x-img-path);
}

.attachment-icon[b-sx34myl2v8] {
  margin-top: 3px;
  height: 20px;
  width: 20px;
  background-color: var(--white);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--rich-text-editor-attachment-img-path);
}
.attachment-icon:hover[b-sx34myl2v8] {
  background-color: var(--input-outline-color);
}

[b-sx34myl2v8] .error-cls {
  color: var(--error-color);
}

#toolbar button.ql-active[b-sx34myl2v8] {
  background-color: var(--plitch-light-blue-color);
}
#toolbar button:focus-visible[b-sx34myl2v8] {
  outline: var(--tab-outline);
  outline-offset: var(--tab-outline-default-offset);
}
/* _content/Plitch.FrontendComponents/Components/PlitchSearchBar.razor.rz.scp.css */
.game-search-no-items-template .game-search-no-items-icon[b-baaf8lsheu] {
  width: 100px;
  height: 100px;
  background-color: var(--font-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--no-search-result-img-path);
}
/* _content/Plitch.FrontendComponents/Components/PlitchSwitch.razor.rz.scp.css */
.plitch-switch[b-5re5z0m680]  p {
  margin-left: 12px;
}
.plitch-switch[b-5re5z0m680]  .mud-dark {
  outline-color: var(--icon-color);
}
.plitch-switch[b-5re5z0m680]  .mud-switch-button .mud-switch-thumb-medium {
  background-color: var(--icon-color);
}
.plitch-switch[b-5re5z0m680]  .switch-sub-icon-inactive {
  fill: var(--icon-color) !important;
}
/* _content/Plitch.FrontendComponents/Components/PricingTabs/PlitchNewPricingMembershipTab.razor.rz.scp.css */
.tab[b-1nrb5wt3o2] {
  height: 100%;
}
.tab[b-1nrb5wt3o2]  .price {
  margin-bottom: 56px;
}
.tab[b-1nrb5wt3o2]  .price .currency-symbol {
  margin: 5px 16px 0 0;
}
.tab[b-1nrb5wt3o2]  .price .monster {
  font-size: 112.5px;
  line-height: 1;
}
.tab[b-1nrb5wt3o2]  .price .per-month {
  align-self: end;
}
.tab[b-1nrb5wt3o2]  .next-step-btn .shopping-cart-icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-color: var(--primary-btn-color);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--pricing-shopping-cart-icon-img-path);
}
.tab[b-1nrb5wt3o2]  .kleingedrucktes {
  width: 100%;
  justify-content: end;
  display: flex;
}
.tab[b-1nrb5wt3o2]  .kleingedrucktes__text {
  font-size: 10px;
}
.tab[b-1nrb5wt3o2]  .kleingedrucktes__text .premium {
  color: var(--premium-color);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tab[b-1nrb5wt3o2] {
    padding: 0 8px;
  }
  .tab[b-1nrb5wt3o2]  .price {
    margin-bottom: 25px;
    margin-top: 140px;
  }
  [b-1nrb5wt3o2] .kleingedrucktes {
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .tab[b-1nrb5wt3o2] {
    padding: 0 8px;
  }
  .tab[b-1nrb5wt3o2]  .price {
    margin-bottom: 25px;
    margin-top: 140px;
  }
  .tab[b-1nrb5wt3o2]  .price .monster {
    font-size: 70px;
    line-height: 1;
  }
  .tab[b-1nrb5wt3o2]  .kleingedrucktes {
    padding-right: 8px;
  }
}
/* _content/Plitch.FrontendComponents/Components/SearchTabs/PlitchSearchGameTab.razor.rz.scp.css */
.search-game-item[b-joi2x0bsgu] {
  background-color: var(--secondary-color);
  padding: 10px 25px;
  transition: background-color 0.2s;
  width: 100%;
}
.search-game-item[b-joi2x0bsgu]  .search-game-image {
  height: 55px;
}
.search-game-item[b-joi2x0bsgu]  .search-game-text {
  color: var(--white);
  text-align: left;
}
.search-game-item[b-joi2x0bsgu]  .search-game-text-primary {
  color: var(--primary-color);
  text-transform: uppercase;
}
.search-game-item:hover[b-joi2x0bsgu], .search-game-item:focus[b-joi2x0bsgu] {
  background-color: var(--plitch-light-blue-color);
  transition: background-color 0.2s;
}
/* _content/Plitch.FrontendComponents/Components/Statuses/RequestStatus.razor.rz.scp.css */
.state[b-u8wyk5p59p] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5.5px;
  cursor: default;
}
.state[b-u8wyk5p59p]  .text-grey {
  color: var(--grey-color);
}
.state:hover .state-hint[b-u8wyk5p59p] {
  display: block !important;
}
.state[b-u8wyk5p59p]  .state-hint {
  display: none;
  position: absolute;
  max-width: 240px;
  padding: 10px;
  border-radius: var(--default-border-radius);
  color: var(--game-request-state-hint-font-color);
  background-color: var(--game-request-state-hint-background-color);
  margin-top: 110px;
  margin-left: 120px;
  z-index: 110;
}

.dot[b-u8wyk5p59p] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-bottom: 2px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.dot.requested[b-u8wyk5p59p] {
  -webkit-mask-image: var(--game-request-requested-img-path);
}
.dot.inprogress[b-u8wyk5p59p] {
  -webkit-mask-image: var(--game-request-in-progress-img-path);
}
.dot.teamchoice[b-u8wyk5p59p] {
  -webkit-mask-image: var(--game-request-team-choice-img-path);
}
.dot.notpossible[b-u8wyk5p59p] {
  -webkit-mask-image: var(--game-request-not-possible-img-path);
}

@media screen and (max-width: 767px) {
  .state[b-u8wyk5p59p] {
    margin-bottom: 0;
    margin-top: 8px;
  }
  .state-hint[b-u8wyk5p59p] {
    margin-left: 16px;
  }
  .dot[b-u8wyk5p59p] {
    width: 10px;
    height: 10px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 1450px) and (min-width: 1280px) {
  .state[b-u8wyk5p59p] {
    margin-bottom: 0;
    margin-top: 8px;
  }
}
/* _content/Plitch.FrontendComponents/UserAvatar.razor.rz.scp.css */
.avatar-wrapper .avatar-hexagon[b-x1exf9dk7b] {
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    position: relative;
    overflow: hidden;
}

.avatar-wrapper .avatar-frame[b-x1exf9dk7b] {
    position: absolute;
}

.avatar-wrapper img[b-x1exf9dk7b] {
    display: block;
    height: 100%;
    width: 100%;
}

.avatar-wrapper a[b-x1exf9dk7b] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-wrapper .avatar-hexagon .avatar-image[b-x1exf9dk7b] {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}