@charset "UTF-8";
body {
  --PADD--XS: calc(var(--PADD) / 4);
  --PADD--SM: calc(var(--PADD) / 2);
  --PADD: 10px;
  --PADD--MD: calc(var(--PADD) * 2);
  --PADD--XL: calc(var(--PADD) * 3);
  --CONTAINER: 1280px;
  --DIVIDER: rgba(70, 77, 87, 0.15);
  --DIVIDER--LIGHT: rgba(70, 77, 87, 0.1);
  --DIVIDER--LIGHTEN: rgba(70, 77, 87, 0.05);
  --DIVIDER--DARK: rgba(70, 77, 87, 0.25);
  --DIVIDER--R: rgba(255, 255, 255, 0.1);
  --DIVIDER--R--LIGHT: rgba(255, 255, 255, 0.05);
  --FONT-SIZE: 18px;
  --MIN-FONT-SIZE: 12px;
  --LINE-HEIGHT: 1.4;
  --COLOR--PRIMARY: #FC832C;
  --COLOR--PRIMARY--SHADE: #FFC691;
  --COLOR--PRIMARY--LIGHT: #FFA95A;
  --COLOR--PRIMARY--ULTRALIGHT: #fff6f0;
  --COLOR--PRIMARY--DARK: #F37216;
  --COLOR--ALT: #6ac8d2;
  --COLOR--ALT--LIGHT: #6ac8d2;
  --COLOR--ALT--DARK: #6ac8d2;
  --COLOR--GRADIENT--DEG: 0deg;
  --COLOR--GRADIENT--ONE: var(--COLOR--PRIMARY--LIGHT);
  --COLOR--GRADIENT--TWO: var(--COLOR--ALT--LIGHT);
  --COLOR--GRADIENT--TEXT: #fff;
  --COLOR--GRADIENT--LINKS: rgba(255, 255, 255, 0.8);
  --COLOR--GRADIENT--LINKS--HOVER: #fff;
  --COLOR--GRADIENT: linear-gradient(var(--COLOR--GRADIENT--DEG), var(--COLOR--GRADIENT--ONE) 0%, var(--COLOR--GRADIENT--TWO) 100%);
  --COLOR--INFO: #0085ff;
  --COLOR--INFO--LIGHT: #BBDEFB;
  --COLOR--INFO--ULTRALIGHT: #E3F2FD;
  --COLOR--INFO--DARK: #016df7;
  --COLOR--SUCCESS: #66BB6A;
  --COLOR--SUCCESS--LIGHT: #C8E6C9;
  --COLOR--SUCCESS--ULTRALIGHT: #E8F5E9;
  --COLOR--SUCCESS--DARK: #4CAF50;
  --COLOR--WARNING: #FFA726;
  --COLOR--WARNING--LIGHT: #FFE0B2;
  --COLOR--WARNING--ULTRALIGHT: #FFF3E0;
  --COLOR--WARNING--DARK: #F57C00;
  --COLOR--ABORT: #E53935;
  --COLOR--ABORT--LIGHT: #FFCDD2;
  --COLOR--ABORT--ULTRALIGHT: #FFEBEE;
  --COLOR--ABORT--DARK: #D32F2F;
  --COLOR--ONLINE: #00b935;
  --COLOR--APP: #fff;
  --COLOR--APP--LIGHTGRAY: #fbfbfb;
  --COLOR--APP--GRAY: #f7f7f7;
  --COLOR--APP--DARKGRAY: #eee;
  --COLOR--APP--DARK: #46494f;
  --COLOR--APP--DARKER: #202124;
  --COLOR--HEADING: #151515;
  --COLOR--TEXT: #252528;
  --COLOR--TEXT--LIGHT: #737378;
  --COLOR--TEXT--LIGHTEN: #b0b0b9;
  --COLOR--TEXT--INVERT: #fff;
  --BORDER-RADIUS--SM: calc(var(--BORDER-RADIUS) / 2);
  --BORDER-RADIUS: 6px;
  --BORDER-RADIUS--MD: calc(var(--BORDER-RADIUS) + (var(--BORDER-RADIUS) / 2));
  --BORDER-RADIUS--XL: calc(var(--BORDER-RADIUS) * 2);
  --BORDER-RADIUS--AVATAR: 100%;
  --BOX-SHADOW-DIS: 0;
  --BOX-SHADOW-BLUR: 0;
  --BOX-SHADOW-THICKNESS: 1px;
  --BOX-SHADOW-COLOR: rgba(70, 77, 87, 0.05);
  --BOX-SHADOW-THICKNESS: 1px;
  --BOX-SHADOW-COLOR: rgba(70, 77, 87, 0.15);
  --BOX-SHADOW--HARD: 0 var(--BOX-SHADOW-DIS) var(--BOX-SHADOW-BLUR) var(--BOX-SHADOW-THICKNESS) var(--BOX-SHADOW-COLOR);
  --BOX-SHADOW: 0 1px 2px rgba(70, 77, 87, 0.08);
  --BOX-SHADOW--MD: 0 0 20px rgba(70, 77, 87, 0.15);
  --BOX-SHADOW--XL: 0 20px 30px rgba(70, 77, 87, 0.1);
  --INPUT-SHADOW: var(--COLOR--PRIMARY--ULTRALIGHT);
  --INPUT-SHADOW--IN: var(--COLOR--PRIMARY--LIGHT);
}

body {
  --PS-COLOR--PRIMARY: var(--COLOR--PRIMARY);
  --PS-COLOR--PRIMARY--SHADE: var(--COLOR--PRIMARY--SHADE);
  --PS-COLOR--PRIMARY--LIGHT: var(--COLOR--PRIMARY--LIGHT);
  --PS-COLOR--PRIMARY--ULTRALIGHT: var(--COLOR--PRIMARY--ULTRALIGHT);
  --PS-COLOR--PRIMARY--DARK: var(--COLOR--PRIMARY--DARK);
  --PS-COLOR--ALT: var(--COLOR--ALT);
  --PS-COLOR--ALT--LIGHT: var(--COLOR--ALT--LIGHT);
  --PS-COLOR--ALT--DARK: var(--COLOR--ALT--DARK);
  --PS-COLOR--GRADIENT--DEG: var(--COLOR--GRADIENT--DEG);
  --PS-COLOR--GRADIENT--ONE: var(--COLOR--GRADIENT--ONE);
  --PS-COLOR--GRADIENT--TWO: var(--COLOR--GRADIENT--TWO);
  --PS-COLOR--GRADIENT--TEXT: var(--COLOR--GRADIENT--TEXT);
  --PS-COLOR--GRADIENT--LINKS: var(--COLOR--GRADIENT--LINKS);
  --PS-COLOR--GRADIENT--LINKS--HOVER: var(--COLOR--GRADIENT--LINKS--HOVER);
  --PS-COLOR--GRADIENT: var(--COLOR--GRADIENT);
  --PS-COLOR--INFO: var(--COLOR--INFO);
  --PS-COLOR--INFO--LIGHT: var(--COLOR--INFO--LIGHT);
  --PS-COLOR--INFO--ULTRALIGHT: var(--COLOR--INFO--ULTRALIGHT);
  --PS-COLOR--INFO--DARK: var(--COLOR--INFO--DARK);
  --PS-COLOR--SUCCESS: var(--COLOR--SUCCESS);
  --PS-COLOR--SUCCESS--LIGHT: var(--COLOR--SUCCESS--LIGHT);
  --PS-COLOR--SUCCESS--ULTRALIGHT: var(--COLOR--SUCCESS--ULTRALIGHT);
  --PS-COLOR--SUCCESS--DARK: var(--COLOR--SUCCESS--DARK);
  --PS-COLOR--WARNING: var(--COLOR--WARNING);
  --PS-COLOR--WARNING--LIGHT: var(--COLOR--WARNING--LIGHT);
  --PS-COLOR--WARNING--ULTRALIGHT: var(--COLOR--WARNING--ULTRALIGHT);
  --PS-COLOR--WARNING--DARK: var(--COLOR--WARNING--DARK);
  --PS-COLOR--ABORT: var(--COLOR--ABORT);
  --PS-COLOR--ABORT--LIGHT: var(--COLOR--ABORT--LIGHT);
  --PS-COLOR--ABORT--ULTRALIGHT: var(--COLOR--ABORT--ULTRALIGHT);
  --PS-COLOR--ABORT--DARK: var(--COLOR--ABORT--DARK);
  --PS-COLOR--APP: var(--COLOR--APP);
  --PS-COLOR--APP--LIGHTGRAY: var(--COLOR--APP--LIGHTGRAY);
  --PS-COLOR--APP--GRAY: var(--COLOR--APP--GRAY);
  --PS-COLOR--APP--DARKGRAY: var(--COLOR--APP--DARKGRAY);
  --PS-COLOR--APP--DARK: var(--COLOR--APP--DARK);
  --PS-COLOR--APP--DARKER: var(--COLOR--APP--DARKER);
  --PS-COLOR--HEADING: var(--COLOR--HEADING);
  --PS-COLOR--TEXT: var(--COLOR--TEXT);
  --PS-COLOR--TEXT--LIGHT: var(--COLOR--TEXT--LIGHT);
  --PS-COLOR--TEXT--LIGHTEN: var(--COLOR--TEXT--LIGHTEN);
  --PS-COLOR--TEXT--INVERT: var(--COLOR--TEXT--INVERT);
  --PS-FONT-SIZE: 18px;
  --PS-FONT-SIZE: var(--FONT-SIZE);
  --PS-FONT-SIZE-S: calc(var(--PS-FONT-SIZE) - 6px);
  --PS-FONT-SIZE-M: calc(var(--PS-FONT-SIZE) - 4px);
  --PS-FONT-SIZE-L: calc(var(--PS-FONT-SIZE) + 2px);
  --PS-LINE-HEIGHT: 1.4;
  --PS-LINE-HEIGHT: var(--LINE-HEIGHT);
  --PS-FONT-FAMILY: inherit;
  --PS-BEAUTIFIER-FONT-SIZE: 16px;
  --PS-BEAUTIFIER-LINE-HEIGHT: 1.4;
  --PS-DROPDOWN-FONT-SIZE: 14px;
  --c-ps-avatar-style: var(--BORDER-RADIUS--AVATAR);
  --c-ps-btn-bg: var(--PS-COLOR--APP--GRAY);
  --c-ps-btn-color: var(--PS-COLOR--TEXT);
  --c-ps-btn-bg-hover: var(--PS-COLOR--APP--DARKGRAY);
  --c-ps-btn-color-hover: var(--PS-COLOR--TEXT);
  --c-ps-btn-action-bg: var(--PS-COLOR--PRIMARY);
  --c-ps-btn-action-color: #fff;
  --c-ps-btn-action-bg-hover: var(--PS-COLOR--PRIMARY--DARK);
  --c-ps-btn-action-color-hover: #fff;
  --c-ps-navbar-bg: var(--PS-COLOR--APP);
  --c-ps-navbar-links-color: var(--PS-COLOR--TEXT--LIGHT);
  --c-ps-navbar-links-color-hover: var(--PS-COLOR--TEXT);
  --c-ps-navbar-font-size: 14px;
  --c-ps-navbar-icons-size: 18px;
  --c-ps-post-gap: var(--PADD--MD);
  --c-ps-post-font-size: 16px;
  --c-ps-post-bg: var(--PS-COLOR--APP);
  --c-ps-post-text-color: var(--PS-COLOR--TEXT);
  --c-ps-post-text-color-light: var(--PS-COLOR--TEXT--LIGHT);
  --c-ps-post-photo-width: auto;
  --c-ps-post-photo-limit-width: 100%;
  --c-ps-post-photo-height: 500px;
  --c-ps-post-gallery-width: 100%;
  --c-ps-post-attachment-bg: var(--PS-COLOR--APP--GRAY);
  --c-ps-postbox-bg: var(--PS-COLOR--APP);
  --c-ps-postbox-text-color: var(--PS-COLOR--TEXT);
  --c-ps-postbox-text-color-light: var(--PS-COLOR--TEXT--LIGHT);
  --c-ps-postbox-icons-color: var(--text-color--light);
  --c-ps-postbox-icons-active-color: var(--PS-COLOR--PRIMARY--LIGHT);
  --c-ps-postbox-type-bg: #f3f4f5;
  --c-ps-postbox-type-bg-hover: #ecedee;
  --c-ps-postbox-type-icons-active-color: var(--c-ps-postbox-icons-active-color);
  --c-ps-postbox-separator-color: var(--DIVIDER--LIGHT);
  --c-ps-postbox-dropdown-bg: var(--PS-COLOR--APP);
  --c-ps-postbox-dropdown-bg-light: var(--PS-COLOR--APP--GRAY);
  --c-ps-postbox-dropdown-text-color: var(--PS-COLOR--TEXT);
  --c-ps-postbox-dropdown-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --c-ps-post-pinned-border-color: var(--DIVIDER);
  --c-ps-post-pinned-border-size: 3px;
  --c-ps-post-pinned-text-color: var(--PS-COLOR--TEXT--LIGHTEN);
  --c-ps-post-nsfw-blur: 20px;
  --c-ps-checkbox-border: rgba(0, 0, 0, .1);
  --c-ps-profile-cover-height: 40%;
  --c-ps-profile-avatar-size: 160px;
  --c-ps-bubble-bg: var(--PS-COLOR--WARNING);
  --c-ps-bubble-color: #fff;
  --c-ps-notification-unread-bg: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
  --c-ps-group-focus-cover-height: 40%;
  --c-ps-group-focus-avatar-size: 160px;
  --c-ps-chat-window-notif-bg: var(--PS-COLOR--WARNING);
  --c-ps-chat-message-bg: var(--PS-COLOR--APP--DARKGRAY);
  --c-ps-chat-message-text-color: var(--PS-COLOR--TEXT);
  --c-ps-chat-message-bg-me: var(--PS-COLOR--PRIMARY--DARK);
  --c-ps-chat-message-text-color-me: #fff;
  --c-ps-poll-item-color: var(--PS-COLOR--TEXT);
  --c-ps-poll-item-bg: var(--PS-COLOR--APP--GRAY);
  --c-ps-poll-item-bg-fill: var(--PS-COLOR--PRIMARY--SHADE);
  --c-ps-hashtag-bg: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
  --c-ps-hashtag-color: var(--PS-COLOR--PRIMARY--DARK);
  --c-ps-hashtag-postbox-bg: var(--PS-COLOR--PRIMARY--LIGHT);
  --c-ps-hashtag-postbox-color: #fff;
  --c-ps-landing-background-color: var(--COLOR--APP--GRAY);
  --c-ps-landing-image-height-mobile: 60%;
  --c-ps-landing-image-position-mobile: center;
  --c-ps-landing-image-size-mobile: cover;
  --c-ps-landing-image-repeat-mobile: no-repeat;
  --c-ps-landing-image-height: 40%;
  --c-ps-landing-image-position: center;
  --c-ps-landing-image-size: cover;
  --c-ps-landing-image-repeat: no-repeat;
}

#peepso-wrap,
#ps-window {
  box-sizing: border-box;
  font-weight: 400;
}
#peepso-wrap *, #peepso-wrap *:before, #peepso-wrap *:after,
#ps-window *,
#ps-window *:before,
#ps-window *:after {
  box-sizing: inherit;
}
#peepso-wrap img,
#ps-window img {
  vertical-align: middle;
}
#peepso-wrap blockquote,
#ps-window blockquote {
  margin: 0;
  padding: var(--PADD);
  background-color: color-mix(in srgb, currentColor 5%, transparent);
  border-radius: var(--BORDER-RADIUS);
  font-style: italic;
}
#peepso-wrap blockquote p,
#ps-window blockquote p {
  margin: 0;
  margin-bottom: var(--PADD);
}
#peepso-wrap blockquote p:last-child,
#ps-window blockquote p:last-child {
  margin-bottom: 0;
}

.peepso input,
.peepso textarea,
.peepso button {
  font-family: var(--PS-FONT-FAMILY) !important;
}
.peepso blockquote {
  margin: 0;
  padding: var(--PADD);
  background-color: color-mix(in srgb, currentColor 5%, transparent);
  border-radius: var(--BORDER-RADIUS);
  font-style: italic;
}
.peepso blockquote p {
  margin: 0;
  margin-bottom: var(--PADD);
}
.peepso blockquote p:last-child {
  margin-bottom: 0;
}
.peepso input[type=radio] {
  margin-left: 0;
}
.peepso a,
.peepso button {
  cursor: pointer;
}
.peepso *, .peepso *:before, .peepso *:after {
  box-sizing: inherit;
}
.peepso img {
  vertical-align: middle;
}

.ps-datepicker {
  display: flex;
}
.ps-datepicker .ps-btn {
  margin-left: var(--PADD--SM);
}

img {
  max-width: 100%;
  height: auto;
}

.plg-peepso:not(.single-post) .entry-content {
  font-size: 100%;
}
.plg-peepso div[class^=ps-] a img.ps-loading,
.plg-peepso div[class^=psw-] a img.ps-loading {
  display: none;
}
.plg-peepso .ps-btn--loading > img {
  display: none;
}
.plg-peepso .peepso {
  font-size: 17px;
}
.plg-peepso .peepso select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.plg-peepso .peepso a {
  text-decoration: none !important;
}
.plg-peepso .psw-profile {
  font-size: 17px;
}
.plg-peepso.theme-twentytwentyone .site div[class^=ps-] a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.plg-peepso.theme-twentytwentyone .site div[class^=psw-] a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background-color: transparent;
}
.plg-peepso.hestia .peepso {
  padding-bottom: 70px;
}
.plg-peepso.hestia .peepso h1, .plg-peepso.hestia .peepso h2, .plg-peepso.hestia .peepso h3, .plg-peepso.hestia .peepso h4, .plg-peepso.hestia .peepso h5 {
  color: #3c4858;
}
.plg-peepso.hestia .peepso label {
  color: #999;
}
.plg-peepso.hestia .widget a[class^=psw-], .plg-peepso.hestia .widget a[class^=ps-] {
  font-weight: normal;
}
.plg-peepso.ashe .main-container, .plg-peepso.theme-ashe .main-container {
  overflow: unset;
}
.plg-peepso.ashe .post-content, .plg-peepso.theme-ashe .post-content {
  overflow: unset;
}
.plg-peepso .main-container {
  overflow: unset;
}
.plg-peepso .post-content {
  overflow: unset;
}
.plg-peepso .ashe-widget[id^=peepso] {
  overflow: unset;
}
.plg-peepso.twenty-fourteen .site-content .entry-header, .plg-peepso.theme-twentyfourteen .site-content .entry-header, .plg-peepso.singular .site-content .entry-header, .plg-peepso.masthead-fixed .site-content .entry-header {
  padding-bottom: 0;
  margin-bottom: 25px;
}
.plg-peepso#colibri .peepso {
  color: var(--PS-COLOR--TEXT);
}
.plg-peepso#colibri .ps-navbar__inner:before, .plg-peepso#colibri .ps-navbar__inner:after,
.plg-peepso#colibri .ps-posts__filters:before,
.plg-peepso#colibri .ps-posts__filters:after,
.plg-peepso#colibri .ps-vip__counter:before,
.plg-peepso#colibri .ps-vip__counter:after,
.plg-peepso#colibri .ps-postbox__footer:before,
.plg-peepso#colibri .ps-postbox__footer:after,
.plg-peepso#colibri .ps-posts__filter-actions:before,
.plg-peepso#colibri .ps-posts__filter-actions:after,
.plg-peepso#colibri .ps-posts__filter-select .ps-checkbox:before,
.plg-peepso#colibri .ps-posts__filter-select .ps-checkbox:after,
.plg-peepso#colibri .ps-profile__about-header:before,
.plg-peepso#colibri .ps-profile__about-header:after,
.plg-peepso#colibri .ps-profile__about-field-header:before,
.plg-peepso#colibri .ps-profile__about-field-header:after,
.plg-peepso#colibri .ps-profile__notification:before,
.plg-peepso#colibri .ps-profile__notification:after {
  content: none;
}
.plg-peepso#colibri .ps-post--pinned:before {
  width: 100%;
}
.plg-peepso#colibri .ps-postbox__media-separator:before, .plg-peepso#colibri .ps-postbox__media-separator:after {
  order: unset;
}

.ps-lightbox .tiktok-embed {
  display: inline-block;
  background-color: #000000;
  quotes: none !important;
  margin: 0px !important;
}

.ps-lightbox .tiktok-embed::before,
.ps-lightbox .tiktok-embed::after, .ps-post__attachments .tiktok-embed::before,
.ps-post__attachments .tiktok-embed::after {
  content: "";
}

.ps-btn {
  --padd: var(--PADD) var(--PADD--MD);
  --font-size: var(--PS-FONT-SIZE);
  --line-height: var(--PS-LINE-HEIGHT);
  --bg: var(--c-ps-btn-bg);
  --color: var(--c-ps-btn-color);
  --bg--hover: var(--c-ps-btn-bg-hover);
  --color--hover: var(--c-ps-btn-color-hover);
  --radius: var(--BORDER-RADIUS--MD);
  --border: var(--DIVIDER--LIGHTEN);
  display: inline-block;
  margin: 0;
  padding: var(--padd);
  font-size: max(16px, var(--font-size));
  line-height: var(--line-height);
  color: var(--color);
  background-color: var(--bg);
  border: none;
  border-radius: var(--radius);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--border);
  text-decoration: none;
  cursor: pointer;
}
.ps-btn:focus, .ps-btn.active {
  color: var(--color--hover);
  background-color: var(--bg--hover);
}
@media (min-width: 46.25em) {
  .ps-btn:hover, .ps-btn:focus,
  .ps-btn .active {
    color: var(--color--hover);
    background-color: var(--bg--hover);
  }
}
.ps-btn:disabled, .ps-btn.ps-btn--disabled {
  color: var(--color);
  background-color: var(--bg);
  opacity: 0.5;
  cursor: not-allowed;
}
.ps-btn > i:first-child + span {
  margin-left: var(--PADD--SM);
}
.ps-btn > i:last-child + span {
  margin-right: var(--PADD--SM);
}
.ps-btn {
  color: var(--color) !important;
  background-color: var(--bg) !important;
  border: none !important;
  outline: none !important;
  font-weight: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  border-radius: var(--radius) !important;
  padding: var(--padd) !important;
  font-size: var(--font-size) !important;
  box-shadow: inset 0 0 0 1px var(--border) !important;
  background-image: unset !important;
  letter-spacing: normal;
  text-align: center;
}
.ps-btn.form-control {
  width: auto;
  margin: 0;
}
.ps-btn:focus, .ps-btn.active, .ps-btn.ps-btn--active {
  color: var(--color--hover) !important;
  background-color: var(--bg--hover) !important;
}
@media (min-width: 46.25em) {
  .ps-btn:hover, .ps-btn:focus, .ps-btn.active {
    color: var(--color--hover) !important;
    background-color: var(--bg--hover) !important;
    text-decoration: none !important;
  }
}
.ps-btn:disabled, .ps-btn.ps-btn--disabled {
  color: var(--color) !important;
  background-color: var(--bg) !important;
}

.ps-btn--sm {
  --font-size: 90%;
  --line-height: 1.2;
  font-size: max(16px, var(--font-size));
}

.ps-btn--xs {
  --font-size: 80%;
  --line-height: 1.2;
  --padd: var(--PADD--SM) var(--PADD);
  --radius: var(--BORDER-RADIUS);
  font-size: max(12px, var(--font-size));
}

.ps-btn--active {
  color: var(--color--hover);
  background-color: var(--bg--hover);
}

.ps-btn--cp {
  padding: var(--PADD);
  padding: var(--PADD) !important;
}

.ps-btn--full {
  display: block;
  width: 100%;
}

.ps-btn--app {
  --bg: var(--PS-COLOR--APP);
  --bg--hover: var(--PS-COLOR--APP--GRAY);
  --border: var(--DIVIDER--LIGHT);
}

.ps-btn--join {
  --bg: var(--PS-COLOR--ALT);
  --color: #fff;
  --bg--hover: var(--PS-COLOR--ALT--DARK);
  --color--hover: #fff;
}

.ps-btn--action {
  --bg: var(--c-ps-btn-action-bg);
  --color: var(--c-ps-btn-action-color);
  --bg--hover: var(--c-ps-btn-action-bg-hover);
  --color--hover: var(--c-ps-btn-action-color-hover);
}

.ps-btn--success {
  --bg: #66BB6A;
  --color: #fff;
  --bg--hover: #4CAF50;
  --color--hover: #fff;
}

.ps-btn--warning {
  --bg: #FFA726;
  --color: #fff;
  --bg--hover: #FF9800;
  --color--hover: #fff;
}

.ps-btn--abort {
  --bg: #E53935;
  --color: #fff;
  --bg--hover: #D32F2F;
  --color--hover: #fff;
}

.ps-btn--loading {
  display: flex;
  align-items: center;
}
.ps-btn--loading > img {
  display: none;
}
.ps-btn--loading > img:first-child {
  margin-right: var(--PADD);
}
.ps-btn--loading > img:last-child {
  margin-left: var(--PADD);
}

.ps-btn--dropdown {
  display: flex;
}

.ps-btn__icon {
  padding-left: var(--PADD--MD);
}
.ps-btn__icon > span {
  margin-left: 0 !important;
  margin-right: 0 !important;
  opacity: 0.5;
}

.ps-btn__group {
  display: flex;
}
.ps-btn__group .ps-btn {
  border-radius: 0 !important;
  margin-left: -1px;
}
.ps-btn__group .ps-btn:hover {
  position: relative;
  z-index: 1;
}
.ps-btn__group .ps-btn:first-child {
  margin-left: 0;
  margin-right: 0;
  border-top-left-radius: var(--radius) !important;
  border-bottom-left-radius: var(--radius) !important;
}
.ps-btn__group .ps-btn:last-child {
  border-top-right-radius: var(--radius) !important;
  border-bottom-right-radius: var(--radius) !important;
}
.ps-btn__group .ps-btn--app {
  --color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-btn__group--full {
  width: 100%;
}
.ps-btn__group--full .ps-btn {
  flex-grow: 1;
  text-align: center;
}

.ps-js-btn-edit-all > i {
  margin-right: var(--PADD--SM);
}

.peepso .ps-input,
.plg-peepso .ps-input,
.ps-lightbox .ps-input,
.ps-landing .ps-input,
.ps-chat__wrapper .ps-input,
.ps-modal__wrapper .ps-input,
.psw-profile .ps-input,
.gc-widget .ps-input,
.widget .ps-input,
.ps-widget__wrapper--external .ps-input,
.block-editor-iframe__body .ps-input,
.block-editor-page .ps-input {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.peepso .ps-input option,
.plg-peepso .ps-input option,
.ps-lightbox .ps-input option,
.ps-landing .ps-input option,
.ps-chat__wrapper .ps-input option,
.ps-modal__wrapper .ps-input option,
.psw-profile .ps-input option,
.gc-widget .ps-input option,
.widget .ps-input option,
.ps-widget__wrapper--external .ps-input option,
.block-editor-iframe__body .ps-input option,
.block-editor-page .ps-input option {
  font-family: sans-serif;
}
.peepso .ps-input:hover,
.plg-peepso .ps-input:hover,
.ps-lightbox .ps-input:hover,
.ps-landing .ps-input:hover,
.ps-chat__wrapper .ps-input:hover,
.ps-modal__wrapper .ps-input:hover,
.psw-profile .ps-input:hover,
.gc-widget .ps-input:hover,
.widget .ps-input:hover,
.ps-widget__wrapper--external .ps-input:hover,
.block-editor-iframe__body .ps-input:hover,
.block-editor-page .ps-input:hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.peepso .ps-input:focus,
.plg-peepso .ps-input:focus,
.ps-lightbox .ps-input:focus,
.ps-landing .ps-input:focus,
.ps-chat__wrapper .ps-input:focus,
.ps-modal__wrapper .ps-input:focus,
.psw-profile .ps-input:focus,
.gc-widget .ps-input:focus,
.widget .ps-input:focus,
.ps-widget__wrapper--external .ps-input:focus,
.block-editor-iframe__body .ps-input:focus,
.block-editor-page .ps-input:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.peepso .ps-input:disabled, .peepso .ps-input:read-only, .peepso .ps-input.ps-input--disabled,
.plg-peepso .ps-input:disabled,
.plg-peepso .ps-input:read-only,
.plg-peepso .ps-input.ps-input--disabled,
.ps-lightbox .ps-input:disabled,
.ps-lightbox .ps-input:read-only,
.ps-lightbox .ps-input.ps-input--disabled,
.ps-landing .ps-input:disabled,
.ps-landing .ps-input:read-only,
.ps-landing .ps-input.ps-input--disabled,
.ps-chat__wrapper .ps-input:disabled,
.ps-chat__wrapper .ps-input:read-only,
.ps-chat__wrapper .ps-input.ps-input--disabled,
.ps-modal__wrapper .ps-input:disabled,
.ps-modal__wrapper .ps-input:read-only,
.ps-modal__wrapper .ps-input.ps-input--disabled,
.psw-profile .ps-input:disabled,
.psw-profile .ps-input:read-only,
.psw-profile .ps-input.ps-input--disabled,
.gc-widget .ps-input:disabled,
.gc-widget .ps-input:read-only,
.gc-widget .ps-input.ps-input--disabled,
.widget .ps-input:disabled,
.widget .ps-input:read-only,
.widget .ps-input.ps-input--disabled,
.ps-widget__wrapper--external .ps-input:disabled,
.ps-widget__wrapper--external .ps-input:read-only,
.ps-widget__wrapper--external .ps-input.ps-input--disabled,
.block-editor-iframe__body .ps-input:disabled,
.block-editor-iframe__body .ps-input:read-only,
.block-editor-iframe__body .ps-input.ps-input--disabled,
.block-editor-page .ps-input:disabled,
.block-editor-page .ps-input:read-only,
.block-editor-page .ps-input.ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.peepso .ps-input.ps-input--select,
.plg-peepso .ps-input.ps-input--select,
.ps-lightbox .ps-input.ps-input--select,
.ps-landing .ps-input.ps-input--select,
.ps-chat__wrapper .ps-input.ps-input--select,
.ps-modal__wrapper .ps-input.ps-input--select,
.psw-profile .ps-input.ps-input--select,
.gc-widget .ps-input.ps-input--select,
.widget .ps-input.ps-input--select,
.ps-widget__wrapper--external .ps-input.ps-input--select,
.block-editor-iframe__body .ps-input.ps-input--select,
.block-editor-page .ps-input.ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.peepso .ps-input.ps-input--select:read-only,
.plg-peepso .ps-input.ps-input--select:read-only,
.ps-lightbox .ps-input.ps-input--select:read-only,
.ps-landing .ps-input.ps-input--select:read-only,
.ps-chat__wrapper .ps-input.ps-input--select:read-only,
.ps-modal__wrapper .ps-input.ps-input--select:read-only,
.psw-profile .ps-input.ps-input--select:read-only,
.gc-widget .ps-input.ps-input--select:read-only,
.widget .ps-input.ps-input--select:read-only,
.ps-widget__wrapper--external .ps-input.ps-input--select:read-only,
.block-editor-iframe__body .ps-input.ps-input--select:read-only,
.block-editor-page .ps-input.ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.peepso .ps-input.ps-input--select:read-only:hover,
.plg-peepso .ps-input.ps-input--select:read-only:hover,
.ps-lightbox .ps-input.ps-input--select:read-only:hover,
.ps-landing .ps-input.ps-input--select:read-only:hover,
.ps-chat__wrapper .ps-input.ps-input--select:read-only:hover,
.ps-modal__wrapper .ps-input.ps-input--select:read-only:hover,
.psw-profile .ps-input.ps-input--select:read-only:hover,
.gc-widget .ps-input.ps-input--select:read-only:hover,
.widget .ps-input.ps-input--select:read-only:hover,
.ps-widget__wrapper--external .ps-input.ps-input--select:read-only:hover,
.block-editor-iframe__body .ps-input.ps-input--select:read-only:hover,
.block-editor-page .ps-input.ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.peepso .ps-input.ps-input--select:read-only:focus,
.plg-peepso .ps-input.ps-input--select:read-only:focus,
.ps-lightbox .ps-input.ps-input--select:read-only:focus,
.ps-landing .ps-input.ps-input--select:read-only:focus,
.ps-chat__wrapper .ps-input.ps-input--select:read-only:focus,
.ps-modal__wrapper .ps-input.ps-input--select:read-only:focus,
.psw-profile .ps-input.ps-input--select:read-only:focus,
.gc-widget .ps-input.ps-input--select:read-only:focus,
.widget .ps-input.ps-input--select:read-only:focus,
.ps-widget__wrapper--external .ps-input.ps-input--select:read-only:focus,
.block-editor-iframe__body .ps-input.ps-input--select:read-only:focus,
.block-editor-page .ps-input.ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.peepso .ps-input,
.plg-peepso .ps-input,
.ps-lightbox .ps-input,
.ps-landing .ps-input,
.ps-chat__wrapper .ps-input,
.ps-modal__wrapper .ps-input,
.psw-profile .ps-input,
.gc-widget .ps-input,
.widget .ps-input,
.ps-widget__wrapper--external .ps-input,
.block-editor-iframe__body .ps-input,
.block-editor-page .ps-input {
  margin: 0 !important;
}
.peepso .ps-input.form-control,
.plg-peepso .ps-input.form-control,
.ps-lightbox .ps-input.form-control,
.ps-landing .ps-input.form-control,
.ps-chat__wrapper .ps-input.form-control,
.ps-modal__wrapper .ps-input.form-control,
.psw-profile .ps-input.form-control,
.gc-widget .ps-input.form-control,
.widget .ps-input.form-control,
.ps-widget__wrapper--external .ps-input.form-control,
.block-editor-iframe__body .ps-input.form-control,
.block-editor-page .ps-input.form-control {
  background-image: unset;
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
  border-radius: var(--radius);
  margin-bottom: 0;
}
.peepso .ps-input.form-control:focus,
.plg-peepso .ps-input.form-control:focus,
.ps-lightbox .ps-input.form-control:focus,
.ps-landing .ps-input.form-control:focus,
.ps-chat__wrapper .ps-input.form-control:focus,
.ps-modal__wrapper .ps-input.form-control:focus,
.psw-profile .ps-input.form-control:focus,
.gc-widget .ps-input.form-control:focus,
.widget .ps-input.form-control:focus,
.ps-widget__wrapper--external .ps-input.form-control:focus,
.block-editor-iframe__body .ps-input.form-control:focus,
.block-editor-page .ps-input.form-control:focus {
  background-image: unset;
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
}
.bricks-site-wrapper .peepso .ps-input,
.bricks-site-wrapper .plg-peepso .ps-input,
.bricks-site-wrapper .ps-lightbox .ps-input,
.bricks-site-wrapper .ps-landing .ps-input,
.bricks-site-wrapper .ps-chat__wrapper .ps-input,
.bricks-site-wrapper .ps-modal__wrapper .ps-input,
.bricks-site-wrapper .psw-profile .ps-input,
.bricks-site-wrapper .gc-widget .ps-input,
.bricks-site-wrapper .widget .ps-input,
.bricks-site-wrapper .ps-widget__wrapper--external .ps-input,
.bricks-site-wrapper .block-editor-iframe__body .ps-input,
.bricks-site-wrapper .block-editor-page .ps-input {
  padding-left: var(--gap);
  padding-right: var(--input-padd);
  border: none;
}
.peepso .ps-input--sm,
.plg-peepso .ps-input--sm,
.ps-lightbox .ps-input--sm,
.ps-landing .ps-input--sm,
.ps-chat__wrapper .ps-input--sm,
.ps-modal__wrapper .ps-input--sm,
.psw-profile .ps-input--sm,
.gc-widget .ps-input--sm,
.widget .ps-input--sm,
.ps-widget__wrapper--external .ps-input--sm,
.block-editor-iframe__body .ps-input--sm,
.block-editor-page .ps-input--sm {
  --line-height: 1.2;
  --input-padd: var(--PADD);
}
.peepso .ps-input--xs,
.plg-peepso .ps-input--xs,
.ps-lightbox .ps-input--xs,
.ps-landing .ps-input--xs,
.ps-chat__wrapper .ps-input--xs,
.ps-modal__wrapper .ps-input--xs,
.psw-profile .ps-input--xs,
.gc-widget .ps-input--xs,
.widget .ps-input--xs,
.ps-widget__wrapper--external .ps-input--xs,
.block-editor-iframe__body .ps-input--xs,
.block-editor-page .ps-input--xs {
  --line-height: 1.2;
  --input-padd: calc(var(--PADD--SM) / 1.5) var(--PADD);
  --radius: var(--BORDER-RADIUS);
}
.peepso .ps-input--icon,
.plg-peepso .ps-input--icon,
.ps-lightbox .ps-input--icon,
.ps-landing .ps-input--icon,
.ps-chat__wrapper .ps-input--icon,
.ps-modal__wrapper .ps-input--icon,
.psw-profile .ps-input--icon,
.gc-widget .ps-input--icon,
.widget .ps-input--icon,
.ps-widget__wrapper--external .ps-input--icon,
.block-editor-iframe__body .ps-input--icon,
.block-editor-page .ps-input--icon {
  margin: 0;
  padding-left: var(--gap);
  padding-right: var(--input-padd);
  padding-top: var(--input-padd) !important;
  padding-bottom: var(--input-padd) !important;
  padding-left: var(--gap) !important;
  padding-right: var(--input-padd) !important;
}
.peepso .ps-input--icon-right,
.plg-peepso .ps-input--icon-right,
.ps-lightbox .ps-input--icon-right,
.ps-landing .ps-input--icon-right,
.ps-chat__wrapper .ps-input--icon-right,
.ps-modal__wrapper .ps-input--icon-right,
.psw-profile .ps-input--icon-right,
.gc-widget .ps-input--icon-right,
.widget .ps-input--icon-right,
.ps-widget__wrapper--external .ps-input--icon-right,
.block-editor-iframe__body .ps-input--icon-right,
.block-editor-page .ps-input--icon-right {
  padding-left: var(--input-padd);
  padding-right: var(--gap);
  padding-left: var(--input-padd) !important;
  padding-right: var(--gap) !important;
}
.peepso .ps-input--count,
.plg-peepso .ps-input--count,
.ps-lightbox .ps-input--count,
.ps-landing .ps-input--count,
.ps-chat__wrapper .ps-input--count,
.ps-modal__wrapper .ps-input--count,
.psw-profile .ps-input--count,
.gc-widget .ps-input--count,
.widget .ps-input--count,
.ps-widget__wrapper--external .ps-input--count,
.block-editor-iframe__body .ps-input--count,
.block-editor-page .ps-input--count {
  padding-left: var(--input-padd);
  padding-right: 50px;
}
.peepso .ps-input--select,
.plg-peepso .ps-input--select,
.ps-lightbox .ps-input--select,
.ps-landing .ps-input--select,
.ps-chat__wrapper .ps-input--select,
.ps-modal__wrapper .ps-input--select,
.psw-profile .ps-input--select,
.gc-widget .ps-input--select,
.widget .ps-input--select,
.ps-widget__wrapper--external .ps-input--select,
.block-editor-iframe__body .ps-input--select,
.block-editor-page .ps-input--select {
  cursor: default;
}
.peepso .ps-input--textarea,
.plg-peepso .ps-input--textarea,
.ps-lightbox .ps-input--textarea,
.ps-landing .ps-input--textarea,
.ps-chat__wrapper .ps-input--textarea,
.ps-modal__wrapper .ps-input--textarea,
.psw-profile .ps-input--textarea,
.gc-widget .ps-input--textarea,
.widget .ps-input--textarea,
.ps-widget__wrapper--external .ps-input--textarea,
.block-editor-iframe__body .ps-input--textarea,
.block-editor-page .ps-input--textarea {
  resize: vertical;
}
.peepso .ps-input__wrapper,
.plg-peepso .ps-input__wrapper,
.ps-lightbox .ps-input__wrapper,
.ps-landing .ps-input__wrapper,
.ps-chat__wrapper .ps-input__wrapper,
.ps-modal__wrapper .ps-input__wrapper,
.psw-profile .ps-input__wrapper,
.gc-widget .ps-input__wrapper,
.widget .ps-input__wrapper,
.ps-widget__wrapper--external .ps-input__wrapper,
.block-editor-iframe__body .ps-input__wrapper,
.block-editor-page .ps-input__wrapper {
  position: relative;
}
.peepso .ps-input__wrapper--inline,
.plg-peepso .ps-input__wrapper--inline,
.ps-lightbox .ps-input__wrapper--inline,
.ps-landing .ps-input__wrapper--inline,
.ps-chat__wrapper .ps-input__wrapper--inline,
.ps-modal__wrapper .ps-input__wrapper--inline,
.psw-profile .ps-input__wrapper--inline,
.gc-widget .ps-input__wrapper--inline,
.widget .ps-input__wrapper--inline,
.ps-widget__wrapper--external .ps-input__wrapper--inline,
.block-editor-iframe__body .ps-input__wrapper--inline,
.block-editor-page .ps-input__wrapper--inline {
  display: flex;
  align-items: center;
}
.peepso .ps-input__wrapper--inline > *,
.plg-peepso .ps-input__wrapper--inline > *,
.ps-lightbox .ps-input__wrapper--inline > *,
.ps-landing .ps-input__wrapper--inline > *,
.ps-chat__wrapper .ps-input__wrapper--inline > *,
.ps-modal__wrapper .ps-input__wrapper--inline > *,
.psw-profile .ps-input__wrapper--inline > *,
.gc-widget .ps-input__wrapper--inline > *,
.widget .ps-input__wrapper--inline > *,
.ps-widget__wrapper--external .ps-input__wrapper--inline > *,
.block-editor-iframe__body .ps-input__wrapper--inline > *,
.block-editor-page .ps-input__wrapper--inline > * {
  margin-right: var(--PADD);
}
.peepso .ps-input__wrapper--inline > *:last-child,
.plg-peepso .ps-input__wrapper--inline > *:last-child,
.ps-lightbox .ps-input__wrapper--inline > *:last-child,
.ps-landing .ps-input__wrapper--inline > *:last-child,
.ps-chat__wrapper .ps-input__wrapper--inline > *:last-child,
.ps-modal__wrapper .ps-input__wrapper--inline > *:last-child,
.psw-profile .ps-input__wrapper--inline > *:last-child,
.gc-widget .ps-input__wrapper--inline > *:last-child,
.widget .ps-input__wrapper--inline > *:last-child,
.ps-widget__wrapper--external .ps-input__wrapper--inline > *:last-child,
.block-editor-iframe__body .ps-input__wrapper--inline > *:last-child,
.block-editor-page .ps-input__wrapper--inline > *:last-child {
  margin: 0;
}
.peepso .ps-input__wrapper--icon,
.plg-peepso .ps-input__wrapper--icon,
.ps-lightbox .ps-input__wrapper--icon,
.ps-landing .ps-input__wrapper--icon,
.ps-chat__wrapper .ps-input__wrapper--icon,
.ps-modal__wrapper .ps-input__wrapper--icon,
.psw-profile .ps-input__wrapper--icon,
.gc-widget .ps-input__wrapper--icon,
.widget .ps-input__wrapper--icon,
.ps-widget__wrapper--external .ps-input__wrapper--icon,
.block-editor-iframe__body .ps-input__wrapper--icon,
.block-editor-page .ps-input__wrapper--icon {
  --gap: 50px;
  position: relative;
}
.peepso .ps-input__wrapper--icon > i,
.plg-peepso .ps-input__wrapper--icon > i,
.ps-lightbox .ps-input__wrapper--icon > i,
.ps-landing .ps-input__wrapper--icon > i,
.ps-chat__wrapper .ps-input__wrapper--icon > i,
.ps-modal__wrapper .ps-input__wrapper--icon > i,
.psw-profile .ps-input__wrapper--icon > i,
.gc-widget .ps-input__wrapper--icon > i,
.widget .ps-input__wrapper--icon > i,
.ps-widget__wrapper--external .ps-input__wrapper--icon > i,
.block-editor-iframe__body .ps-input__wrapper--icon > i,
.block-editor-page .ps-input__wrapper--icon > i {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso .ps-input__wrapper--icon > i i,
.plg-peepso .ps-input__wrapper--icon > i i,
.ps-lightbox .ps-input__wrapper--icon > i i,
.ps-landing .ps-input__wrapper--icon > i i,
.ps-chat__wrapper .ps-input__wrapper--icon > i i,
.ps-modal__wrapper .ps-input__wrapper--icon > i i,
.psw-profile .ps-input__wrapper--icon > i i,
.gc-widget .ps-input__wrapper--icon > i i,
.widget .ps-input__wrapper--icon > i i,
.ps-widget__wrapper--external .ps-input__wrapper--icon > i i,
.block-editor-iframe__body .ps-input__wrapper--icon > i i,
.block-editor-page .ps-input__wrapper--icon > i i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso .ps-input__icon,
.plg-peepso .ps-input__icon,
.ps-lightbox .ps-input__icon,
.ps-landing .ps-input__icon,
.ps-chat__wrapper .ps-input__icon,
.ps-modal__wrapper .ps-input__icon,
.psw-profile .ps-input__icon,
.gc-widget .ps-input__icon,
.widget .ps-input__icon,
.ps-widget__wrapper--external .ps-input__icon,
.block-editor-iframe__body .ps-input__icon,
.block-editor-page .ps-input__icon {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso .ps-input__icon i,
.plg-peepso .ps-input__icon i,
.ps-lightbox .ps-input__icon i,
.ps-landing .ps-input__icon i,
.ps-chat__wrapper .ps-input__icon i,
.ps-modal__wrapper .ps-input__icon i,
.psw-profile .ps-input__icon i,
.gc-widget .ps-input__icon i,
.widget .ps-input__icon i,
.ps-widget__wrapper--external .ps-input__icon i,
.block-editor-iframe__body .ps-input__icon i,
.block-editor-page .ps-input__icon i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso .ps-input__icon--right,
.plg-peepso .ps-input__icon--right,
.ps-lightbox .ps-input__icon--right,
.ps-landing .ps-input__icon--right,
.ps-chat__wrapper .ps-input__icon--right,
.ps-modal__wrapper .ps-input__icon--right,
.psw-profile .ps-input__icon--right,
.gc-widget .ps-input__icon--right,
.widget .ps-input__icon--right,
.ps-widget__wrapper--external .ps-input__icon--right,
.block-editor-iframe__body .ps-input__icon--right,
.block-editor-page .ps-input__icon--right {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: auto;
  right: calc(var(--gap) / 3);
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso .ps-input__icon--right i,
.plg-peepso .ps-input__icon--right i,
.ps-lightbox .ps-input__icon--right i,
.ps-landing .ps-input__icon--right i,
.ps-chat__wrapper .ps-input__icon--right i,
.ps-modal__wrapper .ps-input__icon--right i,
.psw-profile .ps-input__icon--right i,
.gc-widget .ps-input__icon--right i,
.widget .ps-input__icon--right i,
.ps-widget__wrapper--external .ps-input__icon--right i,
.block-editor-iframe__body .ps-input__icon--right i,
.block-editor-page .ps-input__icon--right i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.peepso a:hover,
.plg-peepso a:hover,
.ps-lightbox a:hover,
.ps-landing a:hover,
.ps-chat__wrapper a:hover,
.ps-modal__wrapper a:hover,
.psw-profile a:hover,
.gc-widget a:hover,
.widget a:hover,
.ps-widget__wrapper--external a:hover,
.block-editor-iframe__body a:hover,
.block-editor-page a:hover {
  opacity: 1 !important;
}

@media (min-width: 61.25em) {
  .ps-form__grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--PADD--SM));
    margin-right: calc(-1 * var(--PADD--SM));
  }
}

.ps-form__row {
  margin-bottom: var(--PADD);
}
.ps-form__grid .ps-form__row, .ps-form--vertical .ps-form__row {
  display: block;
  flex-grow: 1;
  width: 100%;
  margin-bottom: var(--PADD--MD);
  padding-left: var(--PADD--SM);
  padding-right: var(--PADD--SM);
}
.ps-form--vertical .ps-form__row:last-child {
  margin-bottom: 0;
}
@media (min-width: 61.25em) {
  .ps-form__row {
    display: flex;
    align-items: flex-start;
  }
}

.ps-form__row--half {
  flex-grow: 0;
}
@media (min-width: 61.25em) {
  .ps-form__row--half {
    width: 50%;
  }
  .ps-form__grid .ps-form__row--half {
    width: 50%;
    flex-grow: 0;
  }
}

.ps-form__row--checkbox {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.ps-form__grid .ps-form__row--checkbox {
  display: flex;
}
.ps-form__row--checkbox .ps-checkbox {
  display: flex;
  align-items: center;
}

.ps-form__row--submit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.ps-form__grid .ps-form__row--submit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.ps-form__label {
  display: block;
  line-height: var(--PS-LINE-HEIGHT);
  font-weight: normal;
  margin-bottom: 0;
}
.ps-form__label + .ps-form__field {
  margin-top: var(--PADD--SM);
}

.ps-form__field {
  margin-bottom: var(--PADD);
}
@media (min-width: 61.25em) {
  .ps-form__field {
    flex-grow: 1;
    margin-bottom: 0;
  }
  .ps-form__field.form-group, .ps-form__field .form-group {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .ps-form__field:nth-last-child(n+2) ~ .ps-form__field {
    margin-left: var(--PADD);
  }
  .ps-form__row--checkbox .ps-form__field {
    flex-grow: 0;
  }
}
.ps-form__row--checkbox .ps-form__field {
  margin-top: 0;
}

.ps-form__field--icon {
  --gap: 50px;
  position: relative;
  --gap: 50px;
  position: relative;
}
.ps-form__field--icon input[name*=password],
.ps-form__field--icon input[id*=pass] {
  padding-right: var(--gap);
  padding-right: var(--gap) !important;
}
.ps-form__field--icon > i {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-form__field--icon > i i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-form__field--icon > i.ps-password-preview {
  cursor: pointer;
  padding: 8px;
  left: unset;
  right: 0;
  padding-left: 12px;
  padding-right: 18px;
}

.ps-form__field-desc {
  margin-top: var(--PADD--SM);
  font-size: 90%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-form__field-notice {
  margin-top: var(--PADD--SM);
  font-size: 65%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-form__field-notice--info {
  color: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-form__field-notice--success {
  color: var(--PS-COLOR--SUCCESS);
}

.ps-form__field-notice--warning {
  color: var(--PS-COLOR--WARNING);
}

.ps-form__field-notice--important {
  color: var(--PS-COLOR--ABORT);
}

.ps-form__legend {
  flex-grow: 1;
  display: block;
  padding-top: var(--PADD--MD);
  padding-bottom: var(--PADD--MD);
  font-weight: bold;
}
.ps-form__legend:first-of-type {
  padding-top: 0;
}
.ps-form__legend:empty {
  display: none;
}
.ps-form__grid .ps-form__legend {
  padding-left: var(--PADD--SM);
  padding-right: var(--PADD--SM);
}

.ps-form__chars-count {
  position: absolute;
  z-index: 10;
  top: var(--PADD--SM);
  padding: var(--PADD--XS) var(--PADD--SM);
  font-size: 10px;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
  right: var(--PADD--SM);
}

.ps-form__required {
  color: var(--PS-COLOR--ABORT);
}

.ps-form__message {
  font-size: 90%;
}

.ps-form__check {
  display: inline-block;
  color: var(--PS-COLOR--SUCCESS);
  margin-left: var(--PADD--SM);
}
.ps-form__check > i {
  display: none;
}
.ps-form__check > img {
  display: none;
}

.ps-form__error {
  font-size: 80%;
  color: var(--PS-COLOR--ABORT);
}

.ps-form--profile-request-account-data .ps-form__row,
.ps-form--profile-download-account-data .ps-form__row,
.ps-form--profile-delete-account-data-archive .ps-form__row,
.ps-form--profile-deletion .ps-form__row {
  align-items: center;
}
.ps-form--profile-request-account-data .ps-form__field,
.ps-form--profile-download-account-data .ps-form__field,
.ps-form--profile-delete-account-data-archive .ps-form__field,
.ps-form--profile-deletion .ps-form__field {
  --gap: 50px;
  position: relative;
}
.ps-form--profile-request-account-data .ps-form__field input[name*=password],
.ps-form--profile-request-account-data .ps-form__field input[id*=pass],
.ps-form--profile-download-account-data .ps-form__field input[name*=password],
.ps-form--profile-download-account-data .ps-form__field input[id*=pass],
.ps-form--profile-delete-account-data-archive .ps-form__field input[name*=password],
.ps-form--profile-delete-account-data-archive .ps-form__field input[id*=pass],
.ps-form--profile-deletion .ps-form__field input[name*=password],
.ps-form--profile-deletion .ps-form__field input[id*=pass] {
  padding-right: var(--gap);
  padding-right: var(--gap) !important;
}
.ps-form--profile-request-account-data .ps-form__field > i,
.ps-form--profile-download-account-data .ps-form__field > i,
.ps-form--profile-delete-account-data-archive .ps-form__field > i,
.ps-form--profile-deletion .ps-form__field > i {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-form--profile-request-account-data .ps-form__field > i i,
.ps-form--profile-download-account-data .ps-form__field > i i,
.ps-form--profile-delete-account-data-archive .ps-form__field > i i,
.ps-form--profile-deletion .ps-form__field > i i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-form--profile-request-account-data .ps-form__field > i.ps-password-preview,
.ps-form--profile-download-account-data .ps-form__field > i.ps-password-preview,
.ps-form--profile-delete-account-data-archive .ps-form__field > i.ps-password-preview,
.ps-form--profile-deletion .ps-form__field > i.ps-password-preview {
  cursor: pointer;
  padding: 8px;
  left: unset;
  right: 0;
  padding-left: 12px;
  padding-right: 18px;
}
@media (min-width: 61.25em) {
  .ps-form--profile-request-account-data .ps-form__field,
  .ps-form--profile-download-account-data .ps-form__field,
  .ps-form--profile-delete-account-data-archive .ps-form__field,
  .ps-form--profile-deletion .ps-form__field {
    margin-left: var(--PADD--XL);
  }
}

.ps-form--pin-until .ps-input:not(:last-child) {
  margin-right: var(--PADD--SM);
}

.ps-media {
  --media-bg: var(--PS-COLOR--APP);
  --media-text-color: var(--PS-COLOR--TEXT--LIGHTEN);
  --media-subtitle-color: var(--PS-COLOR--TEXT--LIGHT);
  --media-title-color: var(--PS-COLOR--TEXT);
  --media-border: var(--DIVIDER--LIGHT);
  --media-width: 100%;
  position: relative;
  display: block;
}
.ps-comment__attachments .ps-media {
  margin-top: var(--PADD);
  margin-bottom: var(--PADD);
}

.ps-media--photo > img {
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-comment__attachments .ps-media--photo > img {
  max-height: 200px;
}

.ps-media--gif {
  display: inline-block;
}
.ps-post__body .ps-media--gif {
  display: block;
}

.ps-media--giphy > img {
  border-radius: var(--BORDER-RADIUS--MD);
  display: inline;
}
.ps-post__attachments .ps-media--giphy {
  text-align: center;
}

.ps-media--embed {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-media--embed .ps-media__inner {
  width: 100%;
  max-width: var(--media-width);
  background-color: var(--media-bg);
  border-radius: var(--BORDER-RADIUS--MD);
  border: 1px solid var(--media-border);
  overflow: hidden;
}
@media (min-width: 61.25em) {
  .ps-media--embed .ps-media__inner {
    display: flex;
    align-items: stretch;
  }
}
.ps-comment .ps-media--embed {
  padding-left: 0;
  padding-right: 0;
}
.ps-postbox .ps-media--embed {
  padding-left: 0;
  padding-right: 0;
}

.ps-media--iframe {
  position: relative;
  vertical-align: middle;
}
.ps-media--iframe:before {
  content: "";
  display: block;
  padding-top: 55%;
  height: 0;
}
.ps-postbox__media--audio .ps-media--iframe:before {
  padding-top: 120px;
}
.ps-post--audio .ps-media--iframe:before {
  padding-top: 120px;
}
.ps-media--iframe .BorlabsCookie {
  margin-top: -55%;
  color: #494954;
}
.ps-media--iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
}
.ps-media--iframe:not(.ps-media--wp) iframe {
  height: 100%;
  width: 100%;
}
.ps-media--iframe.ps-media--wp:before, .ps-media--iframe.ps-js-video:before {
  display: none;
}
.ps-media--iframe.ps-media--wp iframe, .ps-media--iframe.ps-js-video iframe {
  position: static;
}
.ps-media--iframe .wp-video-shortcode {
  height: auto !important;
  max-height: 480px;
  background-color: #000;
}

.ps-media--vertical .ps-media__inner {
  display: block;
}
.ps-media--vertical .ps-media__thumbnail {
  --height: 300px;
  width: 100%;
  border: none;
}

.ps-media__thumbnail {
  --height: 250px;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  width: 100%;
  max-height: var(--height);
}
.ps-media__thumbnail video {
  width: 100%;
}
.ps-media__thumbnail audio {
  width: 100%;
  padding: var(--PADD);
}
@media (min-width: 61.25em) {
  .ps-media__thumbnail {
    width: 40%;
    border-right: 1px solid var(--media-border);
  }
}

.ps-media__video-thumb {
  background: black;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.ps-media__video-thumb img {
  min-height: 300px;
  max-height: 480px;
  opacity: 0;
}
.ps-media__video-thumb > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 0.2s ease;
  cursor: pointer;
}
.ps-media__video-thumb > i:before {
  transform: translateX(-1px);
}
.ps-media__video-thumb:hover {
  background-size: contain;
  text-align: center;
}
.ps-media__video-thumb:hover > i {
  background-color: rgba(0, 0, 0, 0.7);
}

.ps-media__video-thumb--empty {
  background-color: #000;
}

.ps-media__cover {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.ps-media__cover-inner {
  display: block;
  width: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.ps-media__cover-image {
  opacity: 0;
}

.ps-media__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.ps-media__body > * {
  margin-inline: var(--PADD--MD);
}
.ps-media__body > *:first-child {
  margin-top: var(--PADD--MD);
}
.ps-media__body > *:last-child {
  margin-bottom: var(--PADD--MD);
}
.ps-media--video .ps-media__body {
  border-bottom: 1px solid var(--media-border);
}
.ps-media--pending .ps-media__body {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ps-media--vertical .ps-media__body {
  border-top: 1px solid var(--media-border);
}
@media (min-width: 61.25em) {
  .ps-media--embed .ps-media__body {
    width: 60%;
  }
  .ps-media--vertical .ps-media__body {
    width: 100%;
  }
}

.ps-media__notif {
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
}
.ps-media__notif i {
  margin-right: var(--PADD--SM);
}

.ps-media__title {
  margin-bottom: var(--PADD--SM);
  color: var(--media-title-color);
}
.ps-media__title > a {
  color: var(--media-title-color);
}
.ps-media__title > a:hover, .ps-media__title > a:focus {
  color: var(--media-title-color);
}

.ps-media__subtitle {
  font-size: 90%;
  color: var(--media-subtitle-color);
}

.ps-media__desc {
  margin-top: var(--PADD--SM);
  font-size: 80%;
  color: var(--media-text-color);
}

.ps-media__link, .ps-media-link {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.ps-media__indicator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ps-js-initialized .ps-media__indicator, .ps-post__attachment .ps-media__indicator {
  display: flex;
}
.ps-media__indicator > span {
  padding: var(--PADD);
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-post .wp-embedded-content {
  width: 100%;
  max-width: var(--media-width);
  max-height: none !important;
}

.ps-checkbox {
  --width: 18px;
  --height: 18px;
  --radius: var(--BORDER-RADIUS);
  --border: var(--c-ps-checkbox-border);
  position: relative;
  line-height: var(--PS-LINE-HEIGHT);
}
.bricks-site-wrapper .ps-checkbox > input[type=radio] {
  display: inline-block;
  width: auto;
  margin: 3px 3px 0px 5px;
}
.bricks-site-wrapper .ps-checkbox > label {
  display: inline;
}

div[class^=ps-] input[type=radio]:not(.ps-checkbox__input) {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  opacity: 1;
  padding-left: 0;
  width: auto;
  height: auto;
  margin: 3px 3px 0px 5px;
  vertical-align: unset;
}
div[class^=ps-] input[type=radio]:not(.ps-checkbox__input):after {
  content: none;
}
div[class^=ps-] input[type=radio]:not(.ps-checkbox__input):before {
  content: none;
}
div[class^=ps-] input[type=radio]:not(.ps-checkbox__input):checked:focus {
  outline: none;
}
div[class^=ps-] input[type=radio]:not(.ps-checkbox__input) + label {
  padding-left: 0;
  margin-bottom: 0;
  font-weight: normal;
}

.ps-checkbox--radio {
  --radius: 50%;
}

.ps-checkbox--switch {
  --width: 30px;
  --height: 16px;
  --radius: var(--height);
}
.ps-checkbox--switch .ps-checkbox__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.ps-checkbox--switch .ps-checkbox__label:before {
  content: " ";
  display: block;
  width: var(--width);
  height: calc(var(--height) / 1.2);
  min-width: var(--width);
  margin-right: var(--PADD);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.ps-checkbox--switch .ps-checkbox__label:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  width: calc(var(--height) + 2px);
  height: calc(var(--height) + 2px);
  border-radius: 100%;
  background-color: var(--PS-COLOR--APP);
  border: 2px solid var(--DIVIDER--DARK);
  box-shadow: var(--BOX-SHADOW);
  transition: all 0.3s ease-in-out;
}
.ps-checkbox--switch .ps-checkbox__input:checked + .ps-checkbox__label:before {
  background-color: var(--PS-COLOR--PRIMARY);
}
.ps-checkbox--switch .ps-checkbox__input:checked + .ps-checkbox__label:after {
  left: var(--width);
  transform: translateY(-50%) translateX(calc(-1 * var(--height)));
  border: 2px solid var(--PS-COLOR--PRIMARY);
}

.ps-checkbox__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ps-checkbox .ps-checkbox__input {
  width: unset !important;
  height: unset !important;
  border: none !important;
  background: unset;
  position: absolute;
  min-width: 0 !important;
  margin: 0 !important;
}
.ps-checkbox .ps-checkbox__input::after {
  content: none;
}
.ps-checkbox .ps-checkbox__input:before {
  content: none !important;
}
.ps-checkbox .ps-checkbox__input:checked {
  border: none;
}

.ps-checkbox__label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.ps-checkbox__label:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--width);
  height: var(--height);
  min-width: var(--width);
  margin-right: var(--PADD);
  font-size: 11px;
  color: transparent;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--border);
  border-radius: var(--radius);
  transition: all 0.3s ease-in-out;
}
.ps-checkbox__input:checked + .ps-checkbox__label:before {
  color: var(--PS-COLOR--TEXT--INVERT);
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
  box-shadow: inset 0 0 0 2px transparent;
  -webkit-mask-image: unset;
  mask-image: unset;
}
.ps-checkbox__label {
  font-weight: normal;
}
.ps-checkbox .ps-checkbox__label {
  padding-left: 0;
  vertical-align: unset;
  margin-bottom: 0;
  margin-left: 0;
}

@media (min-width: 61.25em) {
  .ps-checkbox__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD);
    grid-row-gap: var(--PADD);
  }
}

.ps-loading {
  display: none;
  border-radius: 0 !important;
}
.ps-loading > img {
  border-radius: 0 !important;
  vertical-align: middle;
}

.ps-loading__image {
  border-radius: 0 !important;
}

.ps-loading-pulse {
  animation: loading-pulse 1.5s infinite;
}

@keyframes loading-pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.1;
  }
}
.ps-avatar {
  --radius: var(--c-ps-avatar-style);
  --small: 40px;
  --medium: 48px;
  --normal: 64px;
  --large: 100px;
  --xlarge: 160px;
  --width: var(--small);
  --box-shadow: 0 0 0 1px var(--DIVIDER);
  --border: 2px solid transparent;
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: var(--small);
  max-width: var(--width);
}
.ps-avatar img {
  display: block;
  border: var(--border);
  box-shadow: var(--box-shadow);
  border-radius: var(--radius);
  box-shadow: var(--box-shadow) !important;
}
.elementor .ps-avatar img {
  border: var(--border);
  box-shadow: var(--box-shadow);
  border-radius: var(--radius);
}
.ps-avatar a {
  display: block;
}

.ps-avatar--md {
  --width: var(--medium);
}

.ps-avatar--basic {
  --width: var(--normal);
}

.ps-avatar--large {
  --width: var(--large);
}

.ps-avatar--xlarge {
  --width: var(--xlarge);
}

.ps-avatar__loading {
  padding-top: 100%;
}

.ps-avatar__loading-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ps-avatar__loading-inner > i {
  font-size: 35px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-dropdown {
  position: relative;
}

.ps-dropdown__menu {
  --width: 200px;
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  --font-size: var(--PS-DROPDOWN-FONT-SIZE);
  position: absolute;
  z-index: 50;
  left: 0;
  right: auto;
  text-align: left;
  display: none;
  width: var(--width);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: var(--font-size);
  line-height: 1.15;
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--MD);
}
@media (min-width: 61.25em) {
  .ps-focus__cover-action .ps-dropdown__menu {
    --width: auto;
    min-width: 200px;
    white-space: nowrap;
  }
}

.ps-dropdown--arrow .ps-dropdown__menu:before {
  content: " ";
  position: absolute;
  left: var(--PADD--MD);
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--bg);
}

.ps-dropdown--menu {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-dropdown--menu .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-dropdown--menu .ps-dropdown__menu > a,
.ps-dropdown--menu .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-dropdown--menu .ps-dropdown__menu > a:first-child,
.ps-dropdown--menu .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-dropdown--menu .ps-dropdown__menu > a:hover, .ps-dropdown--menu .ps-dropdown__menu > a:focus, .ps-dropdown--menu .ps-dropdown__menu > a.active,
  .ps-dropdown--menu .ps-dropdown__menu > button:hover,
  .ps-dropdown--menu .ps-dropdown__menu > button:focus,
  .ps-dropdown--menu .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-dropdown--menu .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-dropdown--menu .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-dropdown--left .ps-dropdown__menu {
  left: auto;
  right: 0;
  transform: translateX(var(--PADD--MD));
}
.ps-dropdown--left .ps-dropdown__menu:before {
  left: auto;
  right: var(--PADD--MD);
}
.ps-dropdown--left.ps-comment__actions-dropdown .ps-dropdown__menu {
  transform: none;
}

.ps-dropdown--menu-header {
  top: 90%;
  font-size: 80%;
}

.ps-dropdown--privacy,
.ps-dropdown--follow {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-dropdown--privacy .ps-dropdown__menu,
.ps-dropdown--follow .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-dropdown--privacy .ps-dropdown__menu > a,
.ps-dropdown--privacy .ps-dropdown__menu > button,
.ps-dropdown--follow .ps-dropdown__menu > a,
.ps-dropdown--follow .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-dropdown--privacy .ps-dropdown__menu > a:first-child,
.ps-dropdown--privacy .ps-dropdown__menu > button:first-child,
.ps-dropdown--follow .ps-dropdown__menu > a:first-child,
.ps-dropdown--follow .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-dropdown--privacy .ps-dropdown__menu > a:hover, .ps-dropdown--privacy .ps-dropdown__menu > a:focus, .ps-dropdown--privacy .ps-dropdown__menu > a.active,
  .ps-dropdown--privacy .ps-dropdown__menu > button:hover,
  .ps-dropdown--privacy .ps-dropdown__menu > button:focus,
  .ps-dropdown--privacy .ps-dropdown__menu > button.active,
  .ps-dropdown--follow .ps-dropdown__menu > a:hover,
  .ps-dropdown--follow .ps-dropdown__menu > a:focus,
  .ps-dropdown--follow .ps-dropdown__menu > a.active,
  .ps-dropdown--follow .ps-dropdown__menu > button:hover,
  .ps-dropdown--follow .ps-dropdown__menu > button:focus,
  .ps-dropdown--follow .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-dropdown--privacy .ps-dropdown__menu > button,
.ps-dropdown--follow .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-dropdown--privacy .ps-dropdown__menu i,
.ps-dropdown--follow .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-dropdown--privacy .ps-dropdown__menu,
.ps-dropdown--follow .ps-dropdown__menu {
  --width: 300px;
}

.ps-group .ps-dropdown--follow .ps-dropdown__menu {
  --width: 100%;
}

.ps-dropdown__group-title {
  position: relative;
  padding-right: var(--PADD--MD);
  font-weight: bold;
}
.ps-dropdown__group-title i {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.ps-dropdown__group-desc {
  margin-top: var(--PADD);
  font-size: 90%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-dropdown__group-desc br {
  margin-bottom: var(--PADD--SM);
}
.ps-dropdown__group-desc:empty {
  display: none;
}

.ps-dropdown--full .ps-dropdown__menu {
  --width: 100%;
  left: 0;
  right: 0;
}

.ps-alert {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --border: var(--PS-COLOR--INFO--LIGHT);
  --color: var(--PS-COLOR--INFO--DARK);
  --padd: var(--PADD) var(--PADD--MD);
  display: block;
  width: 100%;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  padding: var(--padd);
  font-size: 80%;
  color: var(--color);
  background-color: var(--bg);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-alert i {
  margin-right: var(--PADD--SM);
}
.ps-alert p:first-child {
  margin-top: 0;
}
.ps-alert p:last-child {
  margin-bottom: 0;
}
.ps-alert:first-child {
  margin-top: 0;
}
.ps-alert:last-child {
  margin-bottom: 0;
}
.ps-alert:empty {
  display: none;
}

.ps-alert--sm {
  --padd: var(--PADD--SM) var(--PADD);
  font-size: 80%;
}

.ps-alert--cp {
  --padd: var(--PADD);
}

.ps-alert--success {
  --bg: var(--PS-COLOR--SUCCESS--ULTRALIGHT);
  --border: var(--PS-COLOR--SUCCESS--LIGHT);
  --color: var(--PS-COLOR--SUCCESS--DARK);
}

.ps-alert--warning {
  --bg: var(--PS-COLOR--WARNING--ULTRALIGHT);
  --border: var(--PS-COLOR--WARNING--LIGHT);
  --color: var(--PS-COLOR--WARNING--DARK);
}

.ps-alert--abort {
  --bg: var(--PS-COLOR--ABORT--ULTRALIGHT);
  --border: var(--PS-COLOR--ABORT--LIGHT);
  --color: var(--PS-COLOR--ABORT--DARK);
}
.ps-alert--abort:before {
  content: "\f06a  ";
  display: inline;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-alert--neutral {
  --bg: var(--PS-COLOR--APP--GRAY);
  --color: var(--PS-COLOR--TEXT--LIGHT);
  --border: var(--PS-COLOR--APP--DARKGRAY);
}

.ps-alert--hide {
  display: none;
}

.ps-alert--cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ps-accordions {
  --accordion-bg: var(--PS-COLOR--APP);
  --accordion-border: var(--DIVIDER--LIGHT);
  --accordion-shadow: var(--BOX-SHADOW--HARD);
  --accordion-radius: var(--BORDER-RADIUS--MD);
  --accordion-action-padd: 50px;
  --accordion-title-color: var(--PS-COLOR--TEXT);
  --accordion-action-color: var(--PS-COLOR--TEXT--LIGHT);
  --accordion-action-color--hover: var(--PS-COLOR--TEXT);
  --accordion-open-indicator: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-accordion {
  box-shadow: var(--accordion-shadow);
}
.ps-accordion .ps-accordion__title {
  box-shadow: inset 0 -1px 0 var(--accordion-border);
}
.ps-accordion:first-child {
  border-top-left-radius: var(--accordion-radius);
  border-top-right-radius: var(--accordion-radius);
}
.ps-accordion:first-child .ps-accordion__title {
  border-top-left-radius: var(--accordion-radius);
  border-top-right-radius: var(--accordion-radius);
}
.ps-accordion:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--accordion-radius);
  border-bottom-right-radius: var(--accordion-radius);
}
.ps-accordion:last-child .ps-accordion__title {
  border-bottom-left-radius: var(--accordion-radius);
  border-bottom-right-radius: var(--accordion-radius);
  box-shadow: none;
}
.ps-accordion:last-child .ps-accordion__footer {
  border-bottom-left-radius: var(--accordion-radius);
  border-bottom-right-radius: var(--accordion-radius);
}

.ps-accordion--open .ps-accordion__title {
  box-shadow: none;
}
.ps-accordion--open:last-child .ps-accordion__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ps-accordion--open .ps-accordion__footer {
  display: block;
}

.ps-accordion__title {
  position: relative;
  padding: var(--PADD) var(--PADD--MD);
  padding-right: var(--accordion-action-padd);
  color: var(--accordion-title-color);
  background-color: var(--accordion-bg);
  cursor: pointer;
}
.ps-accordion__title > a {
  color: var(--accordion-title-color);
}
.ps-accordion__title > a:hover, .ps-accordion__title > a:focus {
  color: var(--accordion-title-color);
}

.ps-accordion__title-action {
  position: absolute;
  top: 50%;
  right: var(--PADD);
  transform: translateY(-50%);
  color: var(--accordion-action-color);
}
.ps-accordion__title-action:hover, .ps-accordion__title-action:focus {
  color: var(--accordion-action-color--hover);
}
.ps-accordion__title-action > a {
  color: var(--accordion-action-color);
}
.ps-accordion__title-action > a:hover, .ps-accordion__title-action > a:focus {
  color: var(--accordion-action-color--hover);
}

.ps-accordion__body {
  padding: var(--PADD--MD);
  border-top: 2px solid var(--accordion-open-indicator);
}

.ps-accordion__footer {
  display: none;
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
}

.ps-tabs {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-tabs:first-child {
  margin-top: 0;
}

.ps-tabs__item {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-tabs__item:hover, .ps-tabs__item:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-tabs__item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-tabs__item > a:hover, .ps-tabs__item > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-tabs__item:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-tabs__item:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-tabs__item:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-tabs__item:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-tabs__item:last-child {
  border-right: none;
}
.ps-tabs__item i {
  color: var(--tabs-icon-color);
}
.ps-tabs__item i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-tabs__item i:last-child {
  margin-left: var(--PADD--SM);
}

.ps-tabs__item--active {
  background-color: var(--tabs-bg--active);
}
.ps-tabs__item--active:hover, .ps-tabs__item--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-tabs__item--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-tabs__item--active > a:hover, .ps-tabs__item--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-tabs__item--active i {
  color: var(--tabs-icon-color--active);
}

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

.ps-tabs--arrows .ps-tabs__item--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-tabs--arrows .ps-tabs__item--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-tabs__count {
  padding: calc(var(--PADD--SM) / 2) var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--BORDER-RADIUS);
}
.ps-tabs__count:first-child {
  margin-right: var(--PADD--SM);
}
.ps-tabs__count:last-child {
  margin-left: var(--PADD--SM);
}

.ps-avatar--post {
  --width: var(--normal);
}

.ps-post {
  --bg: var(--c-ps-post-bg);
  --text-color: var(--c-ps-post-text-color);
  --text-color-light: var(--c-ps-post-text-color-light);
  --radius: var(--BORDER-RADIUS--XL);
  --shadow: var(--BOX-SHADOW--HARD);
  --font-size: var(--c-ps-post-font-size);
  --line-height: var(--PS-LINE-HEIGHT);
  --post-gap: var(--c-ps-post-gap);
  --attachment-bg: var(--c-ps-post-attachment-bg);
  position: relative;
  margin-bottom: var(--post-gap);
  font-size: var(--font-size);
  color: var(--text-color);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.ps-post--pinned {
  --shadow: 0 0 0 var(--c-ps-post-pinned-border-size) var(--c-ps-post-pinned-border-color);
  line-height: 1.4;
}
.ps-post--pinned:before {
  content: attr(ps-data-pinned);
  display: block;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 70%;
  text-align: center;
  text-transform: uppercase;
  color: var(--c-ps-post-pinned-text-color);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-post__warning {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  transform: translateY(-1px);
}

.ps-post__header {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--PADD--MD);
}

.ps-post__meta {
  flex-grow: 2;
  line-height: 1.4;
  padding-left: var(--PADD);
  padding-right: var(--PADD--XL);
}

.ps-post__title {
  line-height: 1.4;
}
.ps-post__title .ps-avatar {
  --small: 30px;
  --width: 30px;
  vertical-align: middle;
}
.ps-post__title .ps-tag__link:first-of-type {
  font-weight: bold;
  color: var(--text-color);
  color: var(--text-color) !important;
}
.ps-post__title .ps-tag__link:first-of-type:hover, .ps-post__title .ps-tag__link:first-of-type:focus {
  color: var(--text-color);
  color: var(--text-color) !important;
}
.ps-post__title > i {
  margin-left: var(--PADD);
  margin-right: var(--PADD);
  color: var(--text-color-light);
}
.ps-post__title .ps-vip__icon {
  transform: translateY(-1px);
}

.ps-post__title-desc {
  padding-left: var(--PADD--SM);
}
.ps-post__title-desc:empty {
  display: none;
}

.ps-post__author {
  font-weight: bold;
  color: var(--text-color);
}
@media (min-width: 46.25em) {
  .ps-post__author:hover, .ps-post__author:focus {
    color: var(--text-color);
  }
}

.ps-post__separator {
  padding-left: var(--PADD);
  padding-right: var(--PADD);
  color: var(--text-color-light);
}

.ps-post__subtitle > i {
  margin-right: var(--PADD--SM);
}

.ps-post__subtitle-icon {
  margin-left: var(--PADD--SM);
  margin-right: var(--PADD--SM);
}

.ps-post__location i {
  margin-left: calc(var(--PADD--SM) / 2);
  margin-right: var(--PADD--SM);
}

.ps-post__info {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: var(--PADD--SM);
  font-size: 80%;
  transition: all 0.2s ease;
}
.ps-mobile .ps-post__info {
  transition: none !important;
}
@media (max-width: 61.24em) {
  .ps-post__info {
    flex-wrap: wrap;
  }
}
@media (min-width: 61.25em) {
  .ps-post:hover .ps-post__info {
    padding-right: var(--PADD--MD);
  }
}

.ps-post__date {
  color: var(--text-color-light);
  color: var(--text-color-light) !important;
}
@media (min-width: 46.25em) {
  .ps-post__date:hover, .ps-post__date:focus {
    color: var(--text-color);
    color: var(--text-color) !important;
  }
}

.ps-post__privacy {
  position: relative;
  margin-left: var(--PADD);
}
.ps-post__privacy > a {
  color: var(--text-color-light);
  color: var(--text-color-light) !important;
}
@media (min-width: 46.25em) {
  .ps-post__privacy > a:hover, .ps-post__privacy > a:focus {
    color: var(--text-color);
    color: var(--text-color) !important;
  }
}

.ps-post__privacy-toggle {
  display: block;
  margin-right: var(--PADD--SM);
}
.ps-post__privacy-toggle i {
  margin-right: var(--PADD--SM);
}

.ps-post__edited {
  position: relative;
  color: var(--text-color-light);
}
.ps-post__edited:hover:after {
  z-index: 80;
}
.ps-post__edited {
  margin-right: var(--PADD--SM);
}

.ps-post__copy {
  margin-left: var(--PADD--SM);
  color: var(--text-color-light);
  color: var(--text-color-light) !important;
}
@media (min-width: 46.25em) {
  .ps-post__copy:hover, .ps-post__copy:focus {
    color: var(--text-color);
    color: var(--text-color) !important;
  }
}
@media (min-width: 61.25em) {
  .ps-post__copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
    right: 0;
  }
  .ps-post:hover .ps-post__copy {
    opacity: 1;
  }
}

.ps-post__options {
  position: absolute;
  top: var(--PADD--MD);
  right: var(--PADD--MD);
}

.ps-post__options-menu {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-post__options-menu .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-post__options-menu .ps-dropdown__menu > a,
.ps-post__options-menu .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-post__options-menu .ps-dropdown__menu > a:first-child,
.ps-post__options-menu .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-post__options-menu .ps-dropdown__menu > a:hover, .ps-post__options-menu .ps-dropdown__menu > a:focus, .ps-post__options-menu .ps-dropdown__menu > a.active,
  .ps-post__options-menu .ps-dropdown__menu > button:hover,
  .ps-post__options-menu .ps-dropdown__menu > button:focus,
  .ps-post__options-menu .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-post__options-menu .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-post__options-menu .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-post__options-menu > a {
  color: var(--text-color-light);
  color: var(--text-color-light) !important;
}
@media (min-width: 46.25em) {
  .ps-post__options-menu > a:hover, .ps-post__options-menu > a:focus {
    color: var(--text-color);
    color: var(--text-color) !important;
  }
}
.ps-post__options-menu .ps-dropdown__menu {
  --width: 280px;
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  --font-size: var(--PS-DROPDOWN-FONT-SIZE);
  position: absolute;
  z-index: 50;
  left: auto;
  right: 0;
  text-align: left;
  display: none;
  width: var(--width);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: var(--font-size);
  line-height: 1.15;
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--MD);
}
.ps-post__options-menu .ps-dropdown__menu > a {
  border-top: none;
}
.ps-post__options-menu .ps-dropdown__menu > a.parent::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: var(--PADD--MD);
}
.ps-post__options-menu .ps-dropdown__menu > a.child {
  padding-left: calc(2 * var(--PADD--MD));
}
.ps-post__options-menu .ps-dropdown__menu > a.active {
  color: var(--text-color-light);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-top: none;
  pointer-events: none;
}
@media (min-width: 46.25em) {
  .ps-post__options-menu .ps-dropdown__menu > a.active:hover, .ps-post__options-menu .ps-dropdown__menu > a.active:focus {
    color: var(--text-color-light);
  }
}
.ps-post__options-menu .ps-post__options-sep {
  background: var(--DIVIDER--LIGHT);
  display: block;
  padding-top: 1px;
  margin: var(--PADD--SM) 0;
}

.ps-post__body {
  position: relative;
}
.ps-post__body p {
  margin-top: 0;
}
.ps-post__body p:last-child {
  margin-bottom: 0;
}
.ps-post__body iframe {
  vertical-align: middle;
}

.ps-post__content {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  padding-bottom: var(--PADD--MD);
  line-height: var(--line-height);
  word-wrap: break-word;
}
.ps-post__content h1:first-child, .ps-post__content h2:first-child, .ps-post__content h3:first-child, .ps-post__content h4:first-child, .ps-post__content h5:first-child, .ps-post__content h6:first-child {
  margin-top: 0;
}
.ps-post__content > p {
  white-space: pre-wrap;
}
.ps-post__content a {
  color: var(--PS-COLOR--PRIMARY);
  text-decoration: none;
}
.ps-post__content a:hover, .ps-post__content a:focus {
  color: var(--PS-COLOR--PRIMARY--DARK);
  text-decoration: none;
}
.ps-post__content:empty {
  display: none !important;
}

.ps-post__content--nsfw {
  filter: blur(var(--c-ps-post-nsfw-blur));
}

.ps-post__attachments {
  padding-bottom: var(--PADD--MD);
}
.logged-in .ps-post__attachments {
  padding-bottom: 0;
}
.ps-post--lightbox .ps-post__attachments {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  padding-bottom: var(--PADD--MD);
}
.ps-post__attachments .instagram-media {
  margin: 0 auto !important;
  min-width: 0 !important;
}
.ps-post__attachments .twitter-tweet {
  width: auto !important;
  margin-left: var(--PADD--MD) !important;
  margin-right: var(--PADD--MD) !important;
}
.ps-post__attachments:empty {
  display: none;
}

.ps-post__attachments--nsfw {
  filter: blur(var(--c-ps-post-nsfw-blur));
}

.ps-post__nsfw {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: var(--c-ps-post-gallery-width);
}
.ps-post__nsfw span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #fff;
  text-shadow: 0 0 10px #000;
  cursor: pointer;
}
.ps-post__nsfw .ps-tooltip:hover:after {
  display: block;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.ps-post__gallery {
  --gallery-grid-gap: var(--PADD--SM);
  --gallery-grid-outline: var(--PADD--MD);
  --gallery-width: var(--c-ps-post-gallery-width);
  --photo-width: var(--c-ps-post-photo-width);
  --photo-limit-width: var(--c-ps-post-photo-limit-width);
  --photo-height: var(--c-ps-post-photo-height);
  width: 100% !important;
  max-width: var(--gallery-width) !important;
}
.ps-post__gallery > a {
  position: relative;
  display: block;
}
.ps-post__gallery > a:hover .ps-media-grid-fitwidth:before {
  opacity: 1;
}
.ps-post__gallery:not(.ps-media-grid--single) {
  padding: calc(var(--gallery-grid-outline) - var(--gallery-grid-gap));
  padding-top: 0;
  margin-top: calc(-1 * var(--gallery-grid-gap));
}
.ps-post__gallery:not(.ps-media-grid--single) .ps-media-grid-item {
  height: 0;
  overflow: hidden;
}
.ps-post__gallery:not(.ps-media-grid--single) .ps-media-grid-padding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--gallery-grid-gap);
}
.ps-post__gallery:not(.ps-media-grid--single) .ps-media-grid-fitwidth {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--BORDER-RADIUS--XL);
}
.ps-post__gallery:not(.ps-media-grid--single) .ps-media-grid-fitwidth:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ps-post__gallery:not(.ps-media-grid--single) .ps-media-grid-fitwidth img {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  max-height: none;
  position: absolute;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}
.ps-post__gallery .ps-media-photo-counter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 40px;
}

.ps-post__gallery--single > a {
  background-color: var(--attachment-bg);
}
.ps-post__gallery--single > a img {
  display: block;
  width: var(--photo-width);
  max-width: var(--photo-limit-width);
  max-height: var(--photo-height);
  margin-left: auto;
  margin-right: auto;
}

.ps-post__actions {
  --height: 50px;
  position: relative;
}

.ps-post__actions-inner {
  display: flex;
  align-items: center;
  min-height: var(--height);
  padding: var(--PADD) var(--PADD--MD);
}
@media (max-width: 46.24em) {
  .ps-post__actions-inner {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.ps-post__action {
  margin-right: var(--PADD--MD);
}
.ps-post__action:first-child:nth-last-child(n+7), .ps-post__action:first-child:nth-last-child(n+7) ~ .ps-post__action {
  margin-right: var(--PADD);
}
.ps-post__action:last-child {
  margin-right: 0 !important;
}
.ps-post__action {
  text-align: center;
  color: var(--text-color);
  color: var(--text-color) !important;
}
@media (max-width: 46.24em) {
  .ps-post__action {
    margin-top: var(--PADD--SM);
    margin-bottom: var(--PADD--SM);
    margin-right: var(--PADD--SM);
  }
}
.ps-post__action > i {
  margin-left: var(--PADD--SM);
  margin-right: var(--PADD--SM);
  color: var(--text-color-light);
}
@media (max-width: 46.24em) {
  .ps-post__action > i {
    display: block;
  }
}
.ps-post__action > span {
  font-size: 90%;
}
@media (max-width: 46.24em) {
  .ps-post__action > span {
    font-size: 80%;
  }
}
.ps-post__action.liked {
  color: var(--PS-COLOR--PRIMARY);
}
@media (min-width: 46.25em) {
  .ps-post__action:hover, .ps-post__action:focus {
    color: var(--text-color-light);
    color: var(--text-color-light) !important;
  }
  .ps-post__action:hover > i, .ps-post__action:focus > i {
    color: var(--text-color-lighten);
  }
}
.ps-post__action:last-child {
  margin-right: 0;
}
.ps-reactions__likes + .ps-post__action:last-child {
  margin-left: auto;
}
.ps-reactions__likes + .ps-post__action:last-child.ps-reaction, .ps-reactions__likes + .ps-post__action:last-child.ps-post__action--reaction {
  margin-left: 0;
  margin-right: var(--PADD--MD);
}

.ps-post__action--reaction {
  order: 0;
  margin-right: var(--PADD--SM) !important;
}
@media (min-width: 46.25em) {
  .ps-post__action--reaction {
    margin-right: var(--PADD--MD) !important;
  }
}

.ps-wpem--dropdown-rsvp {
  order: 2;
}

.ps-post__action--share {
  order: 3;
  margin-left: auto;
}
@media (max-width: 46.24em) {
  .ps-post__action--share > span {
    display: none;
  }
}
.ps-post__action--share + .ps-post__action--repost {
  margin-inline-start: 0;
}

.ps-post__action--repost {
  margin-inline-start: auto;
  order: 3;
}

.ps-post__action--views {
  order: 4;
}
.ps-post--lightbox .ps-post__action--views {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ps-post__action--reaction + .ps-post__action--views, .ps-reaction + .ps-post__action--views {
  margin-left: auto;
}
.ps-post__action--views > span {
  color: var(--text-color-light);
}
@media (max-width: 46.24em) {
  .ps-post__action--views {
    position: relative;
  }
  .ps-post__action--views > span {
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    font-size: 10px;
    font-weight: 500;
    opacity: 0.8;
  }
}

.ps-post__action--save {
  order: 5;
  position: relative;
}
.ps-post__action--reaction + .ps-post__action--save, .ps-reaction + .ps-post__action--save {
  margin-left: auto;
}
.ps-post__action--save > span {
  display: none;
}
@media (min-width: 61.25em) {
  .ps-post__action--save > span {
    position: absolute;
    left: 50%;
    bottom: 115%;
    transform: translateX(-50%);
    padding: 8.5px;
    background-color: rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    color: #ddd;
    font-size: 12px;
    z-index: 10;
    border-radius: 4px;
  }
}
@media (min-width: 61.25em) {
  .ps-post__action--save:hover > span {
    display: block;
  }
}

.ps-post__call-to-action {
  display: flex;
  align-items: stretch;
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--text-color-light);
  font-size: 90%;
}
.ps-post__call-to-action i {
  display: flex;
  align-items: center;
  padding: var(--PADD) var(--PADD--MD);
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-post__call-to-action i:before {
  margin: 0;
}
.ps-post__call-to-action span {
  padding: var(--PADD) var(--PADD--MD);
}

.ps-stream__save-tooltip,
.ps-stream__follow-tooltip {
  --tip-bg: rgba(0,0,0, .8);
  --tip-text-color: #fff;
  --tip-font-size: 12px;
  --tip-z: 50;
  padding: var(--PADD--SM) var(--PADD);
  font-size: var(--tip-font-size);
  color: var(--tip-text-color);
  background-color: var(--tip-bg);
  border-radius: var(--BORDER-RADIUS);
}
.ps-stream__save-tooltip a,
.ps-stream__follow-tooltip a {
  color: var(--tip-text-color);
  text-decoration: underline;
}
@media (min-width: 46.25em) {
  .ps-stream__save-tooltip a:hover,
  .ps-stream__follow-tooltip a:hover {
    color: var(--tip-text-color);
    text-decoration: underline;
  }
}

.ps-post__hashtags {
  margin-top: var(--PADD--SM);
  font-size: 80%;
  color: var(--text-color-light);
}
.ps-post__hashtags > i {
  margin-right: var(--PADD--SM);
}

.ps-post__hashtag {
  word-break: normal;
  hyphens: none;
}

.ps-post__repost {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
}

.ps-post__quote {
  margin-bottom: 0;
  line-height: var(--line-height);
}

.ps-post__postedby {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--PADD--SM);
  padding: var(--PADD--SM);
  font-size: 12px;
  font-weight: 500;
  color: var(--COLOR--PRIMARY);
  background-color: var(--COLOR--PRIMARY--ULTRALIGHT);
  border-radius: var(--BORDER-RADIUS--SM);
  opacity: 0.75;
}
.ps-post__postedby:hover, .ps-post__postedby:focus {
  color: var(--COLOR--PRIMARY);
  opacity: 1;
}
@media (max-width: 46.24em) {
  .ps-post__postedby {
    width: 100%;
    margin-bottom: var(--PADD--SM);
  }
}

.ps-post--placeholder {
  position: relative;
  width: 100%;
  min-height: 200px;
  margin: 0 auto;
  padding: var(--PADD--MD);
}

.ps-post__placeholder {
  position: relative;
  height: 96px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: var(--PS-COLOR--APP--DARKGRAY);
  background: var(--PS-COLOR--APP);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--PS-COLOR--APP--GRAY)), color-stop(18%, var(--PS-COLOR--APP--DARKGRAY)), color-stop(33%, var(--PS-COLOR--APP--GRAY)));
  background: -webkit-linear-gradient(left, var(--PS-COLOR--APP--GRAY) 8%, var(--PS-COLOR--APP--DARKGRAY) 18%, var(--PS-COLOR--APP--GRAY) 33%);
  background: linear-gradient(to right, var(--PS-COLOR--APP--GRAY) 8%, var(--PS-COLOR--APP--DARKGRAY) 18%, var(--PS-COLOR--APP--GRAY) 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
}

.ps-post__placeholder-mask {
  position: absolute;
  background: var(--PS-COLOR--APP);
}

.ps-post__placeholder-mask--ht,
.ps-post__placeholder-mask--hb,
.ps-post__placeholder-mask--shb {
  top: 0;
  height: 10px;
  left: 40px;
  right: 0;
}

.ps-post__placeholder-mask--hl,
.ps-post__placeholder-mask--shl,
.ps-post__placeholder-mask--hr,
.ps-post__placeholder-mask--shr {
  top: 10px;
  height: 8px;
  width: 10px;
  left: 40px;
}

.ps-post__placeholder-mask--hb {
  top: 18px;
  height: 6px;
}

.ps-post__placeholder-mask--shl,
.ps-post__placeholder-mask--shr {
  top: 24px;
  height: 6px;
}

.ps-post__placeholder-mask--hr,
.ps-post__placeholder-mask--shr {
  width: auto;
  left: 300px;
  right: 0;
}

.ps-post__placeholder-mask--shr {
  left: 230px;
}

.ps-post__placeholder-mask--shb {
  top: 30px;
  height: 10px;
}

.ps-post__placeholder-mask--ct,
.ps-post__placeholder-mask--csl,
.ps-post__placeholder-mask--ctl,
.ps-post__placeholder-mask--cse,
.ps-post__placeholder-mask--cte,
.ps-post__placeholder-mask--cfe {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px;
}

.ps-post__placeholder-mask--ct {
  height: 20px;
}

.ps-post__placeholder-mask--cfe,
.ps-post__placeholder-mask--cse,
.ps-post__placeholder-mask--cte {
  width: auto;
  top: 60px;
  height: 8px;
  left: 380px;
  right: 0;
}

.ps-post__placeholder-mask--csl {
  top: 68px;
}

.ps-post__placeholder-mask--cse {
  top: 74px;
  left: 420px;
}

.ps-post__placeholder-mask--ctl {
  top: 82px;
}

.ps-post__placeholder-mask--cte {
  top: 88px;
  left: 300px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.ps-post__background {
  position: relative;
  background-image: url(attr(data-background));
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.ps-postbox .ps-post__background {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-post__background:before {
  content: " ";
  display: block;
  padding-top: 62.5%;
}

.ps-post__background-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--PADD--MD);
  text-align: center;
  overflow: hidden;
}
.ps-postbox .ps-post__background-inner {
  top: 70px;
  bottom: 70px;
}
@media (max-width: 46.24em) {
  .ps-postbox .ps-post__background-inner {
    top: 20px;
  }
}

.ps-post__background-text {
  font-size: 120%;
  word-break: break-word;
  color: attr(data-text-color);
  text-align: center;
}
@media (max-width: 61.24em) {
  .ps-post__background-text {
    font-size: calc(4vw - 1px);
  }
}
@media (min-width: 61.25em) {
  .ps-post .ps-post__background-text {
    font-size: 140%;
  }
}
.ps-post .ps-post__background-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
  right: 3%;
  font-size: calc(4vw - 1px);
}
.ps-post__background-text[contentEditable=true] {
  width: 100%;
  outline: none;
}
.ps-post__background-text[contentEditable=true]:empty {
  width: auto;
}
.ps-post__background-text[contentEditable=true]:empty:before {
  content: attr(data-placeholder);
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.ps-post__background-text[contentEditable=true]:empty:not(:focus) {
  width: 100%;
  line-height: 10;
}
.ps-post__background-text[contentEditable=true]:empty:not(:focus):before {
  opacity: 1;
}

.ps-avatar--comment {
  --width: var(--medium);
}

.ps-comment {
  --gap: 30px;
}
@media (min-width: 61.25em) {
  .ps-comment {
    --gap: 50px;
  }
}
.ps-comment {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--PADD) var(--PADD--MD);
  padding-right: var(--gap);
  font-size: 15px;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-comment:first-child {
  border-top: none;
}
.ps-comments--nested .ps-comment {
  padding-left: var(--nested-gap);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-comment .ps-reaction {
  --size: 18px;
  --gap: 1px;
}
@media (max-width: 46.24em) {
  .ps-comment .ps-reaction {
    --gap: 20px;
  }
}
.ps-comment .ps-reaction__like {
  margin: 0;
}
.ps-comment .ps-reactions__likes {
  padding: 0;
}
.ps-comment .ps-reactions__likes--open {
  z-index: 90;
  right: auto;
  left: var(--PADD);
  width: 250px;
  padding: var(--PADD);
  padding-right: var(--PADD--XL) !important;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS);
}
.ps-comment .ps-reactions__dropdown {
  z-index: 90;
}

.ps-comment__avatar {
  align-self: flex-start;
}

.ps-comment__body {
  flex-grow: 2;
  min-width: 0;
  padding-left: var(--PADD);
}
.ps-comment__body p {
  margin-top: 0;
}
.ps-comment__body p:last-child {
  margin-bottom: 0;
}

.ps-comment__author {
  display: inline;
  font-weight: bold;
}
.ps-comment__author .ps-tag__link {
  font-weight: bold;
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
@media (min-width: 46.25em) {
  .ps-comment__author .ps-tag__link:hover, .ps-comment__author .ps-tag__link:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-comment__content {
  display: inline;
  word-wrap: break-word;
}
.ps-comment__content p:first-child {
  display: inline;
}
.ps-comment__content a {
  color: var(--PS-COLOR--PRIMARY);
  text-decoration: none;
}
.ps-comment__content a:hover, .ps-comment__content a:focus {
  color: var(--PS-COLOR--PRIMARY--DARK);
  text-decoration: none;
}
.ps-comment__content.ps-text-rtl {
  display: inline-block;
  margin-top: 5px;
}

.ps-comment__meta {
  margin-top: var(--PADD--SM);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 61.25em) {
  .ps-comment__meta {
    display: flex;
  }
}

.ps-comment__info {
  position: relative;
}
.ps-comment__info a {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-comment__info a:hover, .ps-comment__info a:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-comment__copy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-left: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-comment__copy:hover, .ps-comment__copy:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
@media (min-width: 61.25em) {
  .ps-comment__copy {
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .ps-comment:hover .ps-comment__copy {
    opacity: 1;
  }
}
@media (max-width: 61.24em) {
  .ps-comment__copy {
    position: static;
    transform: none;
    margin-left: 0;
  }
}

.ps-comment__actions {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all 0.2s ease;
}
@media (max-width: 61.24em) {
  .ps-comment__actions {
    margin-top: var(--PADD--SM);
    font-size: 110%;
    line-height: 1.6;
    padding-right: var(--PADD);
  }
  .ps-comment__actions .ps-comment__action--like:not(.actaction-like) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 61.25em) {
  .ps-comment__actions {
    display: flex;
    padding-left: var(--PADD);
  }
  .ps-comment:hover .ps-comment__actions {
    padding-right: var(--PADD);
  }
}

.ps-comment__actions-dropdown {
  position: absolute;
  z-index: 30;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 61.24em) {
  .ps-comment__actions-dropdown {
    z-index: 15;
  }
}
.ps-comment__actions-dropdown {
  right: var(--PADD);
}
@media (min-width: 61.25em) {
  .ps-comment__actions-dropdown {
    right: var(--PADD--MD);
  }
}
.ps-comment__actions-dropdown > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-comment__actions-dropdown > a:hover, .ps-comment__actions-dropdown > a:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
@media (min-width: 61.25em) {
  .ps-comment__actions-dropdown .ps-dropdown__toggle {
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .ps-comment:hover .ps-comment__actions-dropdown .ps-dropdown__toggle {
    opacity: 1;
  }
}
.ps-comment__actions-dropdown {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-comment__actions-dropdown .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-comment__actions-dropdown .ps-dropdown__menu > a,
.ps-comment__actions-dropdown .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-comment__actions-dropdown .ps-dropdown__menu > a:first-child,
.ps-comment__actions-dropdown .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-comment__actions-dropdown .ps-dropdown__menu > a:hover, .ps-comment__actions-dropdown .ps-dropdown__menu > a:focus, .ps-comment__actions-dropdown .ps-dropdown__menu > a.active,
  .ps-comment__actions-dropdown .ps-dropdown__menu > button:hover,
  .ps-comment__actions-dropdown .ps-dropdown__menu > button:focus,
  .ps-comment__actions-dropdown .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-comment__actions-dropdown .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-comment__actions-dropdown .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-comment__action {
  margin-right: var(--PADD);
}
.ps-comment__action i {
  margin-right: calc(var(--PADD--SM) / 2);
}
.ps-comment__action:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-comment__action--like.liked {
  font-weight: bold;
}
.ps-comment__action--like.liked i {
  font-weight: bold;
}

.ps-comment__action--reply {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-comment__action--reply:hover, .ps-comment__action--reply:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-reaction {
  --size: 22px;
  --gap: var(--PADD--SM);
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding-left: calc(var(--size) + var(--gap));
  height: var(--size);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  filter: grayscale(100);
  transition: all 0.2s ease;
}
.ps-reaction:hover, .ps-reaction.liked {
  filter: grayscale(0);
}
.ps-reaction.liked span {
  font-weight: bold;
}
.ps-reaction > span {
  line-height: 1;
}

.ps-reaction__like {
  --shadow: -2px 0 0 var(--PS-COLOR--APP);
  --size: 18px;
  height: var(--size);
  width: var(--size);
  margin-left: calc(-1 * var(--PADD--SM));
  color: var(--PS-COLOR--TEXT);
  background-repeat: no-repeat;
  background-size: contain;
  filter: url(#drop-shadow);
  -webkit-filter: drop-shadow(var(--shadow));
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-2, OffY=0, Color=" var(--shadow) ")";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-2, OffY=0, Color=" var(--shadow) ")";
  filter: drop-shadow(var(--shadow));
}
.ps-reaction__like:nth-child(n+6) {
  display: none;
}
.ps-activity--narrow .ps-reaction__like:nth-child(n+4) {
  display: none;
}

.ps-reactions__dropdown {
  position: absolute;
  left: 0;
  bottom: 90%;
  z-index: 30;
  display: none;
  background-color: var(--PS-COLOR--APP);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--BORDER-RADIUS--MD);
  max-width: 100%;
}

.ps-reactions__list {
  --icon-size: 24px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.ps-reactions__list-item {
  padding: var(--PADD) var(--PADD--SM);
}
.ps-reactions__list-item:first-child {
  padding-left: var(--PADD);
}
.ps-reactions__list-item:first-child > a:before {
  left: 0;
  right: 0;
  text-align: center;
  content: none !important;
  padding: 0 !important;
}
.ps-reactions__list-item:last-child {
  padding-right: var(--PADD);
}
.ps-reactions__list-item > a {
  display: block;
  min-height: var(--icon-size);
  vertical-align: middle;
  transition: all 0.2s ease;
  padding-left: var(--icon-size);
}
.ps-reactions__list-item > a[class^=ps-reaction-emoticon]:not(.ps-reaction-emoticon-0):before {
  display: none;
}
.ps-reactions__list-item:hover > a {
  z-index: 1;
  transform: scale(1.5, 1.5) translate(0, -4px);
  z-index: 10;
}
.ps-reactions__list-item > a[class^=ps-reaction-emoticon] {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ps-reactions__list--selected {
  padding-right: calc(var(--icon-size) + var(--PADD--MD));
}

.ps-reactions__list-item--delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  border-left: 1px solid var(--DIVIDER--LIGHT);
}
.ps-reactions__list-item--delete > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-reactions__list-item--delete > a > i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: var(--icon-size);
}
@media (min-width: 46.25em) {
  .ps-reactions__list-item--delete > a:hover {
    color: var(--PS-COLOR--TEXT);
  }
}
.ps-reactions__list-item--delete:hover > a {
  transform: none;
}

.ps-reactions__likes {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--PADD) var(--PADD--MD);
  padding-right: var(--PADD--XL);
}
.ps-reactions__likes > a {
  margin-left: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-reactions__likes > a:hover {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-post__footer > .ps-reactions__likes {
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-post__actions-inner .ps-reactions__likes {
  order: 1;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 80%;
  background-color: var(--bg);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
}
@media (max-width: 46.24em) {
  .ps-post__actions-inner .ps-reactions__likes {
    margin-right: auto;
    max-width: 135px;
  }
}
.ps-post__actions-inner .ps-reactions__likes:before, .ps-post__actions-inner .ps-reactions__likes:after {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
}
.ps-post__actions-inner .ps-reactions__likes:before {
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid var(--DIVIDER--LIGHT);
  border-bottom: 8px solid transparent;
}
.ps-post__actions-inner .ps-reactions__likes:after {
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid var(--bg);
  border-bottom: 7px solid transparent;
}
@media (max-width: 46.24em) {
  .ps-post__actions-inner .ps-reactions__likes.ps-reactions__likes--open {
    max-width: unset;
  }
}

.ps-reactions__likes--open {
  position: absolute;
  z-index: 1;
  left: var(--PADD--MD);
  right: var(--PADD--MD);
  margin: 0;
  padding: var(--PADD);
  text-align: left;
  padding-right: var(--PADD--XL) !important;
  box-shadow: var(--BOX-SHADOW--MD);
}
.ps-post__footer > .ps-reactions__likes--open {
  position: relative;
  left: 0;
  right: 0;
}

.ps-reactions__likes--hide {
  display: none;
}

.ps-reactions__likes-close {
  position: absolute !important;
  top: 50%;
  right: calc(-1 * var(--PADD--SM));
  transform: translateY(-50%);
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: var(--BOX-SHADOW--MD);
  border-radius: 100%;
}
@media (min-width: 61.25em) {
  .ps-reactions__likes-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.ps-reactions__likes-close:before, .ps-reactions__likes-close:after {
  line-height: var(--PS-LINE-HEIGHT);
}
@media (min-width: 46.25em) {
  .ps-reactions__likes-close:hover, .ps-reactions__likes-close:focus {
    color: var(--PS-COLOR--TEXT);
  }
}

.ps-reactions__likes-list {
  width: 100%;
  line-height: var(--PS-LINE-HEIGHT);
}

.ps-reactions__likes-list-item .ps-reaction__like {
  margin: 0;
  padding-left: var(--PADD--MD);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-reactions__likes-list-item .ps-reaction__like.ps-reaction-emoticon-0:before {
  color: var(--PS-COLOR--TEXT);
  text-align: left;
}

.ps-notifications--notifs {
  max-height: 300px;
  overflow-y: auto;
}

@media (max-width: 61.24em) {
  .ps-notifications {
    max-height: unset !important;
    height: 65vh;
  }
}
@media (max-width: 61.24em) {
  .ps-navbar .ps-notifications {
    height: 58vh;
  }
}

.ps-notifs {
  --gap: var(--PADD);
  --bubble-bg: var(--c-ps-bubble-bg);
  --bubble-color: var(--c-ps-bubble-color);
  --bubble-font-size: 10px;
  display: flex;
}

.ps-notif {
  margin-right: var(--gap);
}
.ps-notif:last-child {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 61.25em) {
  .ps-notif {
    position: relative;
  }
}

.ps-notif__toggle {
  display: block;
  padding: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
.ps-notif__toggle:hover, .ps-notif__toggle:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.ps-notif__box {
  position: absolute;
  z-index: 100;
  top: 100%;
  right: 0;
  display: none;
  width: 400px;
  font-size: var(--PS-FONT-SIZE);
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--MD);
}
#wp-toolbar .ps-notif__box {
  position: absolute !important;
  z-index: 100 !important;
  top: 100% !important;
  right: 0 !important;
  width: 400px !important;
}
@media (max-width: 61.24em) {
  .ps-notif__box {
    left: 0 !important;
    right: 0 !important;
    width: 100%;
  }
}

.ps-notif__box-header {
  display: flex;
  justify-content: space-between;
  font-size: 70%;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-notif__box-title {
  padding: var(--PADD--SM) var(--PADD);
  font-weight: bold;
}

.ps-notif__box-actions {
  padding: var(--PADD--SM) var(--PADD);
}
.ps-notif__box-header .ps-notif__box-actions a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 46.25em) {
  .ps-notif__box-header .ps-notif__box-actions a:hover, .ps-notif__box-header .ps-notif__box-actions a:focus {
    color: var(--PS-COLOR--TEXT);
  }
}

.ps-notif__bubble {
  position: absolute;
  top: calc(-1 * var(--PADD--SM));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  min-width: 17px;
  height: 16px;
  font-size: var(--bubble-font-size);
  line-height: 1;
  color: var(--bubble-color);
  background-color: var(--bubble-bg);
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  right: 50%;
  transform: translateX(var(--PADD--MD));
}
.ps-notif__bubble:empty {
  display: none;
  padding: 0;
}
.ps-navbar .ps-notif__bubble {
  top: 0;
}

.ps-notifs__error {
  margin-bottom: var(--PADD);
  padding: var(--PADD);
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}
.ps-notifs__error:last-child {
  margin-bottom: 0;
}

.ps-notif__box-footer {
  display: flex;
  padding: var(--PADD--SM);
  font-size: 80%;
}
.ps-notif__box .ps-notif__box-footer a {
  flex-grow: 1;
  display: block;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS);
  margin-right: var(--PADD--SM);
  text-align: center;
}
.ps-notif__box .ps-notif__box-footer a:hover, .ps-notif__box .ps-notif__box-footer a:focus {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--DIVIDER--LIGHT);
  box-shadow: none;
}
.ps-notif__box .ps-notif__box-footer a:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-notif--friends {
  order: 1;
}

.ps-notif--messages {
  order: 2;
}

.ps-notif--general {
  order: 3;
}

@keyframes ps-pulse {
  0% {
    transform: scale(0.83);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes ps-pulse-dot {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.ps-online {
  --size: 10px;
  --online-color: var(--COLOR--ONLINE);
  --online-border: var(--COLOR--APP);
  position: absolute !important;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: var(--size);
  height: var(--size);
  box-shadow: 0 0 0 2px var(--online-border);
  border-radius: 100%;
}

.ps-online__inner {
  position: absolute;
  top: 3px;
  right: 3px;
}
.ps-online__inner:before {
  content: "";
  position: relative;
  display: block;
  width: calc(2 * var(--size));
  height: calc(2 * var(--size));
  box-sizing: border-box;
  margin-left: calc(-0.5 * var(--size));
  margin-top: calc(-0.5 * var(--size));
  border-radius: 100%;
  background-color: var(--online-color);
  animation: ps-pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.ps-online__inner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: var(--size);
  height: var(--size);
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  animation: ps-pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

.ps-online--static {
  background-color: var(--online-color);
}
.ps-online--static .ps-online__inner {
  display: none;
}

.ps-online--md {
  --size: 12px;
}

.ps-avatar--online {
  --online-color: #45d927;
  --online-color--light: #45d92780;
}
.ps-avatar--online > img {
  box-shadow: 0 0 0 2px var(--online-color);
  animation: ps-pulse-ring 1.25s infinite;
  transition: all 0.2s ease;
}

@keyframes ps-pulse-ring {
  0% {
    box-shadow: 0 0 0 2px var(--online-color);
  }
  50% {
    box-shadow: 0 0 0 2px var(--online-color--light);
  }
  100% {
    box-shadow: 0 0 0 2px var(--online-color);
  }
}
.ps-avatar--focus {
  --width: var(--large);
  position: absolute;
  z-index: 20;
  bottom: -20px;
}
.ps-avatar--focus img {
  width: 100%;
  border: none;
}
@media (min-width: 46.25em) {
  .ps-avatar--focus:hover a {
    opacity: 1;
  }
}
@media (max-width: 61.24em) {
  .ps-avatar--focus {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 61.25em) {
  .ps-avatar--focus {
    --width: var(--c-ps-profile-avatar-size);
    left: var(--PADD--MD);
    bottom: -60px;
  }
  .ps-focus--centered .ps-avatar--focus {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    bottom: 70px;
  }
}

.ps-online--focus {
  --size: 16px;
  width: calc(var(--size) + 4.5px);
  height: calc(var(--size) + 4.5px);
  line-height: calc(var(--size) + 4.5px);
  text-align: center;
  border-radius: 100%;
  box-shadow: none;
  right: 0;
  bottom: 0;
}
@media (min-width: 61.25em) {
  .ps-online--focus {
    right: var(--PADD);
    bottom: var(--PADD);
  }
}

.ps-focus {
  --cover-span: calc(var(--c-ps-profile-avatar-size) + 40px);
  --like-span: 100px;
  --radius: var(--BORDER-RADIUS--XL);
  --height: var(--c-ps-profile-cover-height);
  --height--mobile: 40%;
  margin-bottom: var(--PADD--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--radius);
}

.ps-focus__avatar {
  --bg: var(--PS-COLOR--APP);
  --box-shadow: 0 0 0 5px var(--PS-COLOR--APP), inset 0 0 0 5px var(--PS-COLOR--APP);
  --color--icon: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 61.25em) {
  .ps-focus__avatar {
    --bg: rgba(0,0,0, .45);
    --bg--hover: rgba(0,0,0, .65);
    --color--icon: #fff;
    line-height: 1.15;
  }
}

.ps-focus__avatar-change-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
@media (min-width: 61.25em) {
  .ps-focus__avatar-change-wrapper {
    border-radius: var(--radius);
    overflow: hidden;
  }
}

.ps-focus__avatar-change {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  padding: var(--PADD);
  color: var(--color--icon);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
  text-align: center;
  background-color: var(--bg);
  opacity: 0;
  transition: all 0.2s ease;
}
@media (min-width: 61.25em) {
  .ps-focus__avatar-change {
    color: var(--color--icon) !important;
  }
}
@media (min-width: 46.25em) {
  .ps-focus__avatar-change:hover, .ps-focus__avatar-change:focus {
    color: var(--color--icon);
    background-color: var(--bg--hover);
    color: var(--color--icon) !important;
  }
}
@media (max-width: 61.24em) {
  .ps-focus__avatar-change {
    width: 38px;
    height: 38px;
    padding: 0;
    line-height: 38px;
    text-shadow: none;
    color: var(--PS-COLOR--TEXT--LIGHT);
    border-radius: 100%;
    box-shadow: var(--BOX-SHADOW);
    opacity: 1;
  }
  .ps-focus__avatar-change:hover, .ps-focus__avatar-change:focus {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg);
  }
}
@media (min-width: 61.25em) {
  .ps-focus__avatar-change {
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.ps-focus__avatar-change > span {
  display: block;
  font-size: 80%;
}
@media (max-width: 61.24em) {
  .ps-focus__avatar-change > span {
    display: none;
  }
}
.ps-focus__avatar-change > i {
  font-size: 100%;
}

/* Disable transition on Safari */
/** Safari 9+. Even supported in Safari 13+! */
@supports (background: -webkit-canvas(squares)) {
  .ps-focus__avatar-change {
    transition: none;
  }
}
.ps-focus__cover {
  position: relative;
  z-index: 60;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-focus__cover:before {
  content: " ";
  display: block;
  padding-top: var(--height);
  min-height: calc(var(--c-ps-profile-avatar-size) + 100px);
}
@media (max-width: 61.24em) {
  .ps-focus__cover:before {
    min-height: calc(min(100px, var(--c-ps-group-focus-avatar-size)) + 20px);
  }
}
.ps-profile .ps-focus__cover:before {
  padding-top: max(var(--height--mobile), var(--height));
}
@media (min-width: 61.25em) {
  .ps-focus--small .ps-focus__cover:before {
    padding-top: calc(var(--height) / 2);
    min-height: calc(var(--c-ps-profile-avatar-size) + 30px);
  }
  .ps-focus--centered .ps-focus__cover:before {
    min-height: calc(var(--c-ps-profile-avatar-size) + 100px);
  }
}

.ps-focus__cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-focus__cover-image > img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s;
}
.ps-focus-cover-edit .ps-focus__cover-image {
  z-index: 10;
}

.ps-focus__cover-image--mobile {
  display: none;
}

.ps-focus__reposition {
  position: absolute;
  z-index: 20;
  top: var(--PADD--MD);
  right: var(--PADD--MD);
}

.ps-focus__reposition-actions {
  font-size: 80%;
}

.ps-focus__reposition-action {
  display: inline-block;
  padding: var(--PADD--SM) var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
  color: #fff !important;
}
@media (min-width: 46.25em) {
  .ps-focus__reposition-action:hover, .ps-focus__reposition-action:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
  }
}

.ps-focus__options {
  --color--icon: #fff;
  position: absolute;
  top: var(--PADD);
  transition: opacity 0.2s ease;
  right: var(--PADD);
}
.ps-focus__options a {
  color: var(--color--icon);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
  color: var(--color--icon) !important;
}
@media (min-width: 46.25em) {
  .ps-focus__options a:hover, .ps-focus__options a:focus {
    color: var(--color--icon);
    color: var(--color--icon) !important;
  }
}
@media (min-width: 61.25em) {
  .ps-focus__options {
    top: var(--PADD--MD);
    right: var(--PADD--MD);
    opacity: 0;
  }
}
.ps-focus__cover:hover .ps-focus__options {
  opacity: 1;
}

.ps-focus__options-toggle {
  display: flex;
  align-items: center;
  padding: var(--PADD--SM) var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
}
.ps-focus__options-toggle > span {
  font-size: 80%;
}
@media (max-width: 61.24em) {
  .ps-focus__options-toggle > span {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .ps-focus__options-toggle > i {
    margin-left: var(--PADD);
  }
}
.ps-focus__options-toggle:focus, .ps-focus__options-toggle:hover {
  background: rgba(0, 0, 0, 0.65) !important;
  color: #fff !important;
}

.ps-focus__options-menu {
  position: absolute;
  top: 135%;
  right: 0;
  display: none;
  width: 150px;
  font-size: 80%;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--BORDER-RADIUS--MD);
  z-index: 21;
}
.ps-focus__options-menu > a {
  display: block;
  padding: var(--PADD);
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8) !important;
}
@media (min-width: 46.25em) {
  .ps-focus__options-menu > a:hover, .ps-focus__options-menu > a:focus {
    color: #fff;
    color: #fff !important;
  }
}
.ps-focus__options-menu > a:last-child {
  border-bottom: none;
}
.ps-focus__options-menu:before {
  content: " ";
  position: absolute;
  left: var(--PADD--MD);
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.8);
}

.ps-focus__cover-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: var(--PADD--MD);
  padding-left: var(--cover-span);
  background: rgb(0, 0, 0);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
  background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
}
.ps-focus--centered .ps-focus__cover-inner {
  padding: var(--PADD--MD);
  justify-content: center;
}

.ps-focus__cover-actions {
  display: flex;
  font-size: 80%;
}
@media (max-width: 61.24em) {
  .ps-focus__cover-actions {
    display: none;
  }
}

.ps-focus__actions .ps-focus__cover-action {
  display: inline-block;
  margin-right: var(--PADD--SM);
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
  white-space: nowrap;
}
.ps-focus__actions .ps-focus__cover-action.ps-member__action--add {
  color: var(--c-ps-btn-action-color);
  background-color: var(--c-ps-btn-action-bg);
  color: var(--c-ps-btn-action-color) !important;
}
.ps-focus__actions .ps-focus__cover-action.ps-member__action--add:hover {
  color: var(--c-ps-btn-action-color-hover);
  background-color: var(--c-ps-btn-action-bg-hover);
  color: var(--c-ps-btn-action-color-hover) !important;
}
.ps-focus__actions .ps-focus__cover-action:last-child {
  margin: 0;
}
@media (max-width: 61.24em) {
  .ps-focus__actions .ps-focus__cover-action {
    flex-grow: 1;
  }
}
.ps-focus__cover-actions .ps-focus__cover-action {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin-right: var(--PADD--SM);
  padding: var(--PADD--SM) var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
  white-space: nowrap;
  color: #fff !important;
}
@media (min-width: 46.25em) {
  .ps-focus__cover-actions .ps-focus__cover-action:hover, .ps-focus__cover-actions .ps-focus__cover-action:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff !important;
  }
}
.ps-focus__cover-actions .ps-focus__cover-action:last-child {
  margin: 0;
}
@media (min-width: 46.25em) {
  .ps-focus__cover-actions .ps-focus__cover-action:hover, .ps-focus__cover-actions .ps-focus__cover-action:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
}
.ps-focus__mobile-actions .ps-focus__cover-action {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  --padd: var(--PADD) var(--PADD--MD);
  --font-size: var(--PS-FONT-SIZE);
  --line-height: var(--PS-LINE-HEIGHT);
  --bg: var(--c-ps-btn-bg);
  --color: var(--c-ps-btn-color);
  --bg--hover: var(--c-ps-btn-bg-hover);
  --color--hover: var(--c-ps-btn-color-hover);
  --radius: var(--BORDER-RADIUS--MD);
  --border: var(--DIVIDER--LIGHTEN);
  display: inline-block;
  margin: 0;
  padding: var(--padd);
  font-size: max(16px, var(--font-size));
  line-height: var(--line-height);
  color: var(--color);
  background-color: var(--bg);
  border: none;
  border-radius: var(--radius);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--border);
  text-decoration: none;
  cursor: pointer;
}
.ps-focus__mobile-actions .ps-focus__cover-action:focus, .ps-focus__mobile-actions .ps-focus__cover-action.active {
  color: var(--color--hover);
  background-color: var(--bg--hover);
}
@media (min-width: 46.25em) {
  .ps-focus__mobile-actions .ps-focus__cover-action:hover, .ps-focus__mobile-actions .ps-focus__cover-action:focus,
  .ps-focus__mobile-actions .ps-focus__cover-action .active {
    color: var(--color--hover);
    background-color: var(--bg--hover);
  }
}
.ps-focus__mobile-actions .ps-focus__cover-action:disabled, .ps-focus__mobile-actions .ps-focus__cover-action.ps-btn--disabled {
  color: var(--color);
  background-color: var(--bg);
  opacity: 0.5;
  cursor: not-allowed;
}
.ps-focus__mobile-actions .ps-focus__cover-action > i:first-child + span {
  margin-left: var(--PADD--SM);
}
.ps-focus__mobile-actions .ps-focus__cover-action > i:last-child + span {
  margin-right: var(--PADD--SM);
}
.ps-focus__mobile-actions .ps-focus__cover-action {
  --bg: var(--PS-COLOR--APP);
  --bg--hover: var(--PS-COLOR--APP--GRAY);
  --border: var(--DIVIDER--LIGHT);
  --color: var(--PS-COLOR--TEXT--LIGHT);
  --color--hover: var(--PS-COLOR--TEXT);
  --font-size: 80%;
  --line-height: 1.2;
  --padd: var(--PADD--SM) var(--PADD);
  --radius: var(--BORDER-RADIUS);
  margin-right: var(--PADD--SM);
  font-size: 90%;
}

.ps-focus__cover-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.ps-focus__cover-loading > i {
  font-size: 35px;
  color: #FFF;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ps-focus__footer {
  position: relative;
  background-color: var(--PS-COLOR--APP);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.ps-focus__info {
  position: relative;
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
}
.ps-focus--group .ps-focus__info {
  --like-span: var(--PADD--MD);
}
.ps-focus--centered .ps-focus__info {
  --cover-span: var(--like-span);
  text-align: center;
}
@media (max-width: 61.24em) {
  .ps-focus__info {
    padding-top: var(--PADD--XL);
    text-align: center;
  }
}
@media (min-width: 61.25em) {
  .ps-focus__info {
    padding-left: var(--cover-span);
    padding-right: var(--like-span);
  }
  .ps-focus--centered .ps-focus__info {
    padding-left: var(--PADD--MD);
    padding-right: var(--like-span);
    text-align: left;
  }
}

.ps-focus__details {
  --color: var(--PS-COLOR--TEXT--LIGHT);
  --color--hover: var(--PS-COLOR--TEXT);
  margin-top: var(--PADD--SM);
}
.ps-focus--group .ps-focus__details {
  margin-top: var(--PADD);
}
.ps-focus__details > span,
.ps-focus__details > a {
  margin-right: var(--PADD);
}
.ps-focus__details > span i,
.ps-focus__details > a i {
  min-width: 20px;
  color: var(--color);
}
.ps-focus__details > span:last-child,
.ps-focus__details > a:last-child {
  margin: 0;
}
.ps-focus__details i {
  color: var(--color);
}
.ps-focus__details > a {
  color: var(--color--hover);
  color: var(--color--hover) !important;
}
@media (min-width: 46.25em) {
  .ps-focus__details > a:hover, .ps-focus__details > a:focus {
    color: var(--color--hover);
    color: var(--color--hover) !important;
  }
  .ps-focus__details > a:hover i,
  .ps-focus__details > a:hover strong, .ps-focus__details > a:focus i,
  .ps-focus__details > a:focus strong {
    color: var(--color--hover);
  }
}
.ps-focus__details .ps-focus__like:not(:last-child) {
  right: 70px;
}
.ps-focus__details .ps-focus__like:last-child {
  right: var(--PADD--MD);
}

.ps-focus__detail {
  display: inline-block;
  font-size: 80%;
  margin-right: var(--PADD);
}
.ps-focus__detailspan {
  display: block;
}
.ps-focus--centered .ps-focus__detailspan {
  display: inline-block;
}
.ps-focus__detail i {
  margin-right: var(--PADD--SM);
}
.ps-focus__detail strong {
  margin-right: var(--PADD--XS);
}
.ps-focus__detail .ps-tip:hover {
  z-index: var(--tip-z);
}
.ps-profile--group .ps-focus__detail:first-child .ps-tip {
  white-space: normal !important;
}

.ps-focus__title {
  font-size: 110%;
}
@media (max-width: 61.24em) {
  .ps-focus__title {
    margin-top: var(--PADD);
  }
}
@media (min-width: 61.25em) {
  .ps-focus__title {
    font-size: 120%;
  }
  .ps-focus--centered .ps-focus__title {
    text-align: center;
    padding-left: calc(var(--cover-span) - var(--PADD--MD));
  }
}

.ps-focus__name {
  font-weight: bold;
}

.ps-focus__desc {
  display: none;
  margin-top: var(--PADD);
  font-size: 90%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-focus__desc--open {
  display: block;
}

.ps-focus__desc-details {
  margin-top: var(--PADD--SM);
  font-size: 90%;
}
.ps-focus__desc-details > a {
  position: relative;
}
.ps-focus__desc-details > a:after {
  content: " / ";
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-focus__desc-details > a:last-child:after {
  display: none;
}

.ps-focus__desc-toggle {
  position: absolute;
  top: var(--PADD--MD);
  right: var(--PADD--MD);
  color: var(--PS-COLOR--TEXT--LIGHTEN);
  cursor: pointer;
}
@media (min-width: 46.25em) {
  .ps-focus__desc-toggle:hover {
    color: var(--PS-COLOR--TEXT--LIGHT);
  }
}
.ps-focus__desc-toggle.ps-tip:hover {
  z-index: 80;
}

@media (max-width: 61.24em) {
  .ps-focus__like,
  .ps-focus__shared {
    display: inline-block;
    font-size: 80%;
    margin-right: var(--PADD);
  }
  .ps-focus__like i,
  .ps-focus__shared i {
    margin-right: var(--PADD--SM);
  }
  .ps-focus__like strong,
  .ps-focus__shared strong {
    margin-right: var(--PADD--XS);
  }
}
@media (min-width: 61.25em) {
  .ps-focus__like,
  .ps-focus__shared {
    position: absolute;
    top: var(--PADD--MD);
    font-size: 100%;
    line-height: var(--PS-LINE-HEIGHT);
    text-align: center;
    right: var(--PADD--MD);
  }
  .ps-focus__like span,
  .ps-focus__shared span {
    display: block;
    margin-top: var(--PADD--SM);
    font-size: 80%;
    font-weight: normal;
    color: var(--color);
  }
  .ps-focus__like strong,
  .ps-focus__shared strong {
    font-weight: normal;
    margin-right: var(--PADD--SM);
  }
  .ps-focus__like strong:empty,
  .ps-focus__shared strong:empty {
    display: none;
  }
  .ps-focus__like:hover span,
  .ps-focus__shared:hover span {
    color: var(--color--hover);
  }
}

.ps-focus__like--liked {
  --color: var(--PS-COLOR--PRIMARY);
  --color--hover: var(--PS-COLOR--PRIMARY);
  color: var(--color);
}
@media (min-width: 61.25em) {
  .ps-focus__like--liked > span {
    font-weight: bold;
  }
  .ps-focus__like--liked > span > strong {
    font-weight: bold;
  }
}

.ps-focus__actions {
  margin-top: var(--PADD);
}
.ps-focus__actions:empty {
  display: none;
}
@media (max-width: 61.24em) {
  .ps-focus__actions {
    display: flex;
    flex-wrap: wrap;
  }
}

.ps-focus__mobile-actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: var(--PADD--MD);
}
.ps-focus__mobile-actions .ps-dropdown {
  position: static;
}
@media (max-width: 61.24em) {
  .ps-focus__mobile-actions .ps-dropdown__menu {
    --width: 100%;
    left: 0;
    right: 0;
    transform: none;
  }
}
.ps-focus__mobile-actions > * {
  flex-grow: 1;
}
.ps-focus__mobile-actions > span > a {
  width: 100%;
}
@media (min-width: 61.25em) {
  .ps-focus__mobile-actions {
    display: none;
  }
}
.ps-focus__mobile-actions:empty {
  display: none;
}
.ps-focus__mobile-actions .ps-focus__cover-action {
  margin-top: var(--PADD--SM);
}

.ps-focus__menu {
  --color-indicator: var(--PS-COLOR--PRIMARY--LIGHT);
  position: relative;
  background-color: var(--PS-COLOR--APP);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
@media (max-width: 46.24em) {
  .ps-focus__menu {
    height: 63px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

.ps-focus__menu-shadow {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 1px;
  display: none;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5);
}

.ps-focus__menu-shadow--left {
  left: -1px;
}

.ps-focus__menu-shadow--right {
  right: -1px;
}

.ps-focus__menu-inner {
  display: flex;
  font-size: 90%;
}
@media (max-width: 46.24em) {
  .ps-focus__menu-inner {
    height: 100px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
  }
  .ps-focus__menu-inner::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
  }
}

.ps-focus__menu-item {
  flex-grow: 1;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
  white-space: nowrap;
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
  border-left: 1px solid var(--DIVIDER--LIGHT);
}
.ps-focus__menu-item:first-child {
  border: none;
}
@media (min-width: 46.25em) {
  .ps-focus__menu-item:hover, .ps-focus__menu-item:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-focus__menu-item > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 46.25em) {
  .ps-focus__menu-item > a:hover, .ps-focus__menu-item > a:focus {
    color: var(--PS-COLOR--TEXT);
  }
}
@media (max-width: 46.24em) {
  .ps-focus__menu-item {
    font-size: 90%;
  }
}

.ps-focus__menu-item-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PADD--SM);
  padding: var(--PADD) var(--PADD--MD);
}
.ps-dropdown__menu .ps-focus__menu-item-inner {
  gap: 0;
  padding: 0;
  justify-content: flex-start;
}
@media (max-width: 46.24em) {
  .ps-focus__menu-item-inner {
    flex-direction: column;
  }
}
@media (min-width: 61.25em) {
  .ps-focus__menu-item-inner {
    height: 100%;
  }
}

.ps-focus__menu-item--active {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-focus__menu-item--active .ps-focus__menu-item-inner {
  position: relative;
}
.ps-focus__menu-item--active .ps-focus__menu-item-inner:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  display: block;
  width: 24px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-indicator);
  border: 2px solid var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS);
  box-shadow: var(--BOX-SHADOW);
}
.ps-dropdown__menu .ps-focus__menu-item--active .ps-focus__menu-item-inner:after {
  display: none;
}
@media (max-width: 61.24em) {
  .ps-focus__menu-item--active .ps-focus__menu-item-inner:after {
    top: -4px;
    bottom: auto;
  }
}

.ps-focus__menu-item--more {
  padding: var(--PADD);
}

.ps-focus__menu-more .ps-dropdown__menu {
  top: 100%;
  z-index: 75;
  left: auto;
  right: 0;
}
.ps-focus__menu-more .ps-dropdown__menu .ps-focus__menu-item {
  border-left: none;
  border-right: none;
}
.ps-focus__menu-more .ps-focus__menu-item--active:after {
  display: none;
}

.ps-member__action--cannot-add:before {
  content: "\f235";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-avatar--member {
  --width: var(--large);
  position: relative;
  width: auto;
  z-index: 2;
}
.ps-avatar--member img {
  box-shadow: 0 0 0 4px var(--PS-COLOR--APP), 0 0 0 6px var(--DIVIDER);
}
.ps-member .ps-avatar--member img {
  border: none;
  box-shadow: 0 0 0 4px var(--PS-COLOR--APP), 0 0 0 6px var(--DIVIDER) !important;
}

.ps-member {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  text-align: center;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: box-shadow 0.2s ease;
}
.ps-member:hover {
  box-shadow: var(--BOX-SHADOW--MD);
}
@media (max-width: 61.24em) {
  .ps-member {
    margin-bottom: var(--PADD--MD);
  }
}

.ps-member__inner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ps-member__inner .ps-member__cover {
  position: absolute;
  z-index: 1;
  display: block;
  height: 140px;
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  top: 0;
  left: 0;
  right: 0;
}

.ps-member__header {
  position: relative;
  padding: var(--PADD--MD) 50px;
}

.ps-member__option {
  position: absolute;
  top: 50%;
  z-index: 30;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--PS-COLOR--TEXT--LIGHT);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--AVATAR);
  transition: all 0.2s ease;
  background-color: var(--PS-COLOR--APP--GRAY);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ps-member__option .ps-dropdown__toggle {
  display: block;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 46.25em) {
  .ps-member__option .ps-dropdown__toggle:hover, .ps-member__option .ps-dropdown__toggle:focus {
    color: var(--PS-COLOR--TEXT);
  }
}
@media (min-width: 61.25em) {
  .ps-member__option {
    opacity: 0;
  }
}
.ps-member__option {
  left: var(--PADD--MD);
}
.ps-member__option:last-child {
  left: auto;
  right: var(--PADD--MD);
}
.ps-member:hover .ps-member__option {
  opacity: 1;
}
.ps-member__option:hover, .ps-member__option:focus {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  opacity: 1;
}
.ps-member__option .ps-dropdown__menu {
  text-align: left;
}

.ps-member__body {
  padding: var(--PADD--MD);
  padding-top: 0;
}

.ps-member__name {
  margin-bottom: var(--PADD);
  margin-top: var(--PADD--MD);
}
.ps-member__name a {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-member__name a:hover, .ps-member__name a:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.ps-member__desc {
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__desc p {
  margin: 0;
}

.ps-member__role {
  display: inline-block;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--PRIMARY);
  background-color: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.ps-member__role > i {
  margin-right: var(--PADD--SM);
}
.ps-member__role:empty {
  display: none;
}

.ps-member__buttons {
  display: flex;
  justify-content: center;
}
.ps-member__buttons .ps-member__action {
  margin-top: var(--PADD);
  margin-right: var(--PADD--SM);
  padding: var(--PADD) var(--PADD--MD);
  font-size: 80%;
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT) !important;
}
.ps-member__buttons .ps-member__action:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-member__actions {
  position: relative;
  display: flex;
  margin-top: auto;
  font-size: 80%;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.ps-member__actions .ps-member__action {
  display: block;
  flex-grow: 1;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border: none;
  outline: none;
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
@media (min-width: 46.25em) {
  .ps-member__actions .ps-member__action:hover {
    color: var(--PS-COLOR--TEXT);
  }
}
.ps-member__actions .ps-member__action:first-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-member__actions .ps-member__action:last-child {
  border: none;
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-member__action:before {
  margin-right: var(--PADD--SM);
}
.ps-member--pending .ps-member__action:before {
  display: none;
}
.ps-member__action > i {
  margin-right: var(--PADD--SM);
}
.ps-group__invite-list .ps-member__action {
  padding: var(--PADD) var(--PADD--MD);
  font-size: var(--PS-FONT-SIZE);
  line-height: var(--PS-LINE-HEIGHT);
  background: var(--c-ps-btn-action-bg);
  color: var(--c-ps-btn-action-color);
}
.ps-group__invite-list .ps-member__action:hover, .ps-group__invite-list .ps-member__action:focus {
  background: var(--c-ps-btn-action-bg-hover);
  color: var(--c-ps-btn-action-color-hover);
}

.ps-member__action--add:before {
  content: "\f234";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-member__actions .ps-member__action--unfriend {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__action--unfriend:before {
  content: "\f500";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-member__action--unfriend:hover:before {
  content: "\f235";
}

.ps-member__actions .ps-member__action--cancel {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__action--cancel:before {
  content: "\f500";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-member__action--cancel:hover:before {
  content: "\f235";
}

.ps-member__action--accept {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__action--accept:before {
  content: "\f500";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-member__action--accept:hover:before {
  content: "\f235";
}

.ps-member__action--reject {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__action--reject:before {
  content: "\f500";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-member__action--reject:hover:before {
  content: "\f235";
}

.ps-member__action--follow:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.ps-member__action--following {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-member__action--following:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-member__action--following:hover:before {
  content: "\f057";
}

.ps-member__action--message:before {
  content: "\e83d";
  font-family: "peepsoui";
  font-weight: 400;
}
.ps-member__action--message > i {
  display: none;
}

.ps-tip {
  --tip-bg: rgba(0,0,0, .8);
  --tip-text-color: #fff;
  --tip-font-size: 12px;
  --tip-z: 50;
  position: relative;
  z-index: 1;
  font-family: var(--PS-FONT-FAMILY);
}
.ps-tip:after {
  content: attr(aria-label);
  display: none;
  position: absolute;
  z-index: var(--tip-z);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: 99%;
  padding: var(--PADD--SM) var(--PADD);
  font-size: var(--tip-font-size);
  font-weight: normal;
  color: var(--tip-text-color);
  background-color: var(--tip-bg);
  border-radius: var(--BORDER-RADIUS);
  white-space: initial !important;
  width: auto;
}
.ps-tip:before {
  font-family: "Font Awesome 6 Free";
}
.ps-tip:hover:after {
  display: block;
}
.ps-tip:hover.ps-tip--arrow:before {
  display: block;
}
.ps-tip a {
  color: var(--tip-text-color);
  text-decoration: underline;
}
.ps-tip a:hover {
  color: var(--tip-text-color);
  text-decoration: underline;
}

.ps-tip--arrow {
  --arrow-size: 6px;
}
.ps-tip--arrow:before {
  content: " ";
  position: absolute;
  z-index: var(--tip-z);
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(var(--arrow-size));
  bottom: 100%;
  display: none;
  width: 0;
  height: 0;
  border-top: var(--arrow-size) solid var(--tip-bg);
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
}

.ps-tip--left:after {
  left: 0;
  right: auto;
  transform: none;
}

.ps-tip--right:after {
  left: auto;
  right: 0;
  transform: none;
}

.ps-tip--bottom:after {
  top: 99%;
  bottom: auto;
}
.ps-tip--bottom:before {
  display: none !important;
}

.ps-tip--md:after {
  width: 200px;
}

.ps-tip--inline:after {
  white-space: nowrap !important;
}

.ps-tip--absolute {
  position: absolute;
}

@media (max-width: 61.24em) {
  .ps-tooltip[data-tooltip]:after {
    display: none;
  }
}

.ps-post--lightbox {
  margin-bottom: 0;
  border-radius: 0;
}

.ps-lightbox {
  --sidebar-width: 400px;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  width: 100vw;
  height: 100%;
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
}
.ps-lightbox * {
  box-sizing: border-box;
}

.ps-lightbox--open {
  overflow: hidden;
}

.ps-lightbox--comments {
  --preview-height: 120px;
}
.ps-lightbox--comments .ps-lightbox__side {
  top: var(--preview-height);
}
.ps-lightbox--comments .ps-lightbox__view {
  padding-top: 0;
  height: var(--preview-height);
}
.ps-lightbox--comments .ps-lightbox__actions,
.ps-lightbox--comments .ps-lightbox__object-actions {
  display: none;
}
.ps-lightbox--comments .ps-lightbox__nav {
  top: 0;
  transform: none;
  height: 100%;
  opacity: 1;
  font-size: 30px;
}
.ps-lightbox--comments .ps-lightbox__nav--left {
  left: 0;
}
.ps-lightbox--comments .ps-lightbox__nav--right {
  right: 0;
}

.ps-lightbox__inner {
  width: 100%;
  height: 100%;
}
@media (min-width: 61.25em) {
  .ps-lightbox__inner {
    padding: 40px 100px;
  }
}
.ps-lightbox__inner:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ps-lightbox-simple .ps-lightbox__inner {
  display: flex;
  align-items: center;
}

.ps-lightbox__container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background-color: #000;
  vertical-align: middle;
}
@media (max-width: 61.24em) {
  .ps-lightbox__container {
    overflow: auto;
  }
}
.ps-lightbox-simple .ps-lightbox__container {
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: auto;
  height: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
  min-width: 250px;
}

.ps-lightbox__view {
  position: relative;
  z-index: 5;
  height: 100%;
  padding-top: 37px;
  vertical-align: middle;
  overflow: hidden;
}
@media (min-width: 61.25em) {
  .ps-lightbox__view {
    margin-right: var(--sidebar-width);
    padding-top: 0;
  }
  .ps-lightbox-simple .ps-lightbox__view {
    margin-left: 0;
    margin-right: 0;
  }
}

.ps-lightbox__object {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ps-lightbox__object > * {
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.ps-lightbox__object img {
  display: inline !important;
  max-height: 100%;
  vertical-align: middle;
}
.ps-lightbox-simple .ps-lightbox__object img {
  padding-bottom: 40px;
}
@media (max-width: 61.24em) {
  .ps-lightbox-simple .ps-lightbox__object img {
    max-height: calc(100vh - 200px) !important;
  }
}
.ps-lightbox__object:before {
  content: "";
  display: none;
  height: 100%;
  vertical-align: middle;
}

.ps-lightbox__object-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
}

.ps-lightbox__object-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ps-lightbox__object-item {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  color: #fff;
}
.ps-lightbox__object-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ps-lightbox__object-item iframe {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.ps-lightbox__object-item audio {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.ps-lightbox__object-item .wp-video {
  display: inline-block;
  height: 100% !important;
  margin: 0;
  max-height: 100%;
  vertical-align: middle;
  width: 100% !important;
}
.ps-lightbox__object-item .wp-video-shortcode {
  display: block;
  height: 100%;
  margin: 0;
}
.ps-lightbox__object-item .wp-video-shortcode {
  display: block;
  height: 100%;
  margin: 0;
}
.ps-lightbox__object-item .BorlabsCookie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #494954;
}

.ps-lightbox__object-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: var(--PADD);
  font-size: 90%;
}
@media (min-width: 61.25em) {
  .ps-lightbox__object-actions {
    opacity: 0.5;
    transition: opacity 0.2s ease;
  }
  .ps-lightbox__view:hover .ps-lightbox__object-actions {
    opacity: 1;
  }
}

.ps-lightbox__object-action {
  display: inline-block;
  padding: var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
}
.ps-lightbox__object-action:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.ps-lightbox__object-dropdown {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-lightbox__object-dropdown .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-lightbox__object-dropdown .ps-dropdown__menu > a,
.ps-lightbox__object-dropdown .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-lightbox__object-dropdown .ps-dropdown__menu > a:first-child,
.ps-lightbox__object-dropdown .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-lightbox__object-dropdown .ps-dropdown__menu > a:hover, .ps-lightbox__object-dropdown .ps-dropdown__menu > a:focus, .ps-lightbox__object-dropdown .ps-dropdown__menu > a.active,
  .ps-lightbox__object-dropdown .ps-dropdown__menu > button:hover,
  .ps-lightbox__object-dropdown .ps-dropdown__menu > button:focus,
  .ps-lightbox__object-dropdown .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-lightbox__object-dropdown .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-lightbox__object-dropdown .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-lightbox__object-dropdown .ps-dropdown__menu {
  top: auto;
  left: auto;
  right: 100%;
  bottom: 100%;
}

.ps-lightbox__nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: var(--PADD--MD);
  font-size: 30px;
  color: #fff;
  background-color: transparent;
  transition: all 0.2s ease;
}
.ps-lightbox__nav:hover, .ps-lightbox__nav:focus {
  color: #fff;
}
@media (max-width: 61.24em) {
  .ps-lightbox__nav {
    text-shadow: 0 0 10px #000;
  }
}
@media (min-width: 61.25em) {
  .ps-lightbox__nav {
    font-size: 50px;
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 0.25);
  }
  .ps-lightbox__nav:hover, .ps-lightbox__nav:focus {
    background-color: rgba(0, 0, 0, 0.25);
    outline: none;
  }
  .ps-lightbox__view:hover .ps-lightbox__nav {
    opacity: 1;
  }
}

.ps-lightbox__nav--left {
  left: 0;
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
@media (min-width: 61.25em) {
  .ps-lightbox__nav--left {
    left: -100px;
  }
  .ps-lightbox__view:hover .ps-lightbox__nav--left {
    left: var(--PADD);
  }
}

.ps-lightbox__nav--right {
  right: 0;
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
@media (min-width: 61.25em) {
  .ps-lightbox__nav--right {
    right: -100px;
  }
  .ps-lightbox__view:hover .ps-lightbox__nav--right {
    right: var(--PADD);
  }
}

.ps-lightbox__zoom {
  position: absolute;
  display: none;
  padding: var(--PADD);
  bottom: var(--PADD);
  left: var(--PADD);
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  font-size: 90%;
}
.ps-lightbox__zoom > a {
  color: #fff;
  cursor: pointer;
}
.ps-lightbox__zoom > a:hover, .ps-lightbox__zoom > a:focus {
  color: #fff;
}
@media (min-width: 61.25em) {
  .ps-lightbox__zoom {
    opacity: 0.5;
    transition: opacity 0.2s ease;
  }
  .ps-lightbox__view:hover .ps-lightbox__zoom {
    opacity: 1;
  }
}
.ps-lightbox-simple .ps-lightbox__zoom {
  text-align: center;
  padding: 10px;
  background: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-radius: none;
}

.ps-lightbox__actions {
  position: absolute;
  top: 0;
  left: 0;
  right: 37px;
  font-size: 90%;
  border-bottom: 1px solid var(--DIVIDER--R);
}
@media (min-width: 61.25em) {
  .ps-lightbox__actions {
    display: none;
  }
}

.ps-lightbox__action button {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  padding: var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0;
  border-right: 1px solid var(--DIVIDER--R);
  cursor: pointer;
}
.ps-lightbox__action button:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.ps-lightbox__side {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
@media (max-width: 61.24em) {
  .ps-lightbox__side {
    width: 100%;
  }
}

.ps-lightbox__side-inner {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--PS-COLOR--APP);
  width: 100%;
  display: none;
}
@media (min-width: 61.25em) {
  .ps-lightbox__side-inner {
    display: flex;
    width: var(--sidebar-width);
  }
  .ps-lightbox-simple .ps-lightbox__side-inner {
    display: none;
  }
}
.ps-lightbox__side-inner .ps-lightbox__side-wrapper {
  overflow: auto;
  height: 100%;
}
@media (max-width: 61.24em) {
  .ps-lightbox__side-inner .ps-lightbox__side-wrapper {
    overflow: visible;
    height: auto;
    padding-bottom: 125px;
    background: var(--c-ps-post-bg);
  }
}
.ps-lightbox__side-inner .ps-lightbox__side-wrapper .ps-reactions__dropdown {
  bottom: unset;
  top: -165%;
  left: var(--PADD--MD);
}
@media (max-width: 61.24em) {
  .ps-lightbox__side-inner .ps-lightbox__side-wrapper--reply {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--PS-COLOR--APP);
    z-index: 50;
  }
}
.ps-lightbox__side-inner.ps-lightbox-data--opened {
  display: flex;
}
@media (min-width: 61.25em) {
  .ps-lightbox__side-inner .ps-comments__edit {
    flex-direction: column;
    align-items: flex-end;
  }
  .ps-lightbox__side-inner .ps-comments__edit .ps-comments__reply-actions {
    margin-top: var(--PADD);
  }
  .ps-lightbox__side-inner .ps-comments__edit .ps-comments__input-addons {
    top: auto;
    bottom: 100%;
  }
  .ps-lightbox__side-inner .ps-comments__edit .ps-comments__input-addons .ps-comments__input-addon:before {
    top: 100%;
    bottom: auto;
    border-top: 8px solid var(--PS-COLOR--APP);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
  }
}
.ps-lightbox__side-inner .ps-comments__input-actions {
  position: absolute;
  bottom: -37px;
  display: none;
  right: 52%;
}
.ps-lightbox__side-inner .ps-comments__reply-actions .ps-btn {
  flex-grow: 1;
}
.ps-lightbox__side-inner .ps-comments__reply-send {
  width: 50%;
  margin-left: auto;
}
.ps-lightbox__side-inner .ps-comments__edit .ps-comments__input-wrapper {
  width: 100%;
}
@media (min-width: 61.25em) {
  .ps-lightbox__side-inner .ps-comments__edit .ps-comments__input-actions {
    right: 48%;
  }
}
@media (min-width: 61.25em) {
  .ps-lightbox__side-inner .ps-comments--nested .ps-comments__edit .ps-comments__reply-send {
    width: 54%;
  }
}
@media (min-width: 61.25em) {
  .ps-lightbox__side-inner .ps-comments--nested .ps-comments__edit .ps-comments__input-actions {
    right: 52%;
  }
}

.ps-lightbox__close {
  --size: 37px;
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  width: var(--size);
  height: var(--size);
  padding: 0;
  line-height: var(--size);
  text-align: center;
  background-color: #fff;
  color: var(--PS-COLOR--TEXT--LIGHT);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.ps-lightbox__close:hover {
  color: var(--PS-COLOR--TEXT);
}
@media (min-width: 61.25em) {
  .ps-lightbox__close {
    --size: 30px;
    top: -20px;
    right: -20px;
    border-radius: var(--BORDER-RADIUS--MD);
  }
}

.ps-lightbox__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 50px;
  color: #fff;
  text-shadow: 0 0 3px #000;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.ps-lightbox__play.gci-stop {
  opacity: 0;
}
.ps-lightbox__play.gci-stop:hover {
  opacity: 1;
}

.ps-lightbox__spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 50px;
  height: 50px;
  margin: auto;
  border: 4px solid #FFF;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ps-modal-is--open {
  overflow: hidden;
}

.ps-modal__wrapper {
  --modal-width: 500px;
  --modal-bg: var(--PS-COLOR--APP);
  --modal-bg--outside: rgba(0,0,0, .8);
  --modal-header-text-color: var(--PS-COLOR--TEXT);
  --modal-header-bg: var(--COLOR--APP--DARKGRAY);
  --modal-shadow: 0 0 50px 5px rgba(0,0,0, .15);
  --modal-radius: var(--BORDER-RADIUS--MD);
  --PS-FONT-SIZE: 16px;
  position: fixed;
  z-index: 200000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  font-size: 16px;
  backdrop-filter: blur(8px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ps-modal__wrapper * {
  box-sizing: border-box;
}

.ps-modal__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
}

.ps-modal {
  width: 100%;
  max-width: var(--modal-width);
  background-color: var(--modal-bg);
  border-radius: var(--modal-radius);
  box-shadow: var(--modal-shadow);
}

.ps-modal--wide {
  --modal-width: 800px;
}

.ps-modal__header {
  position: relative;
  padding: var(--PADD);
  color: var(--modal-header-text-color);
  background-color: var(--modal-header-bg);
  border-top-left-radius: var(--modal-radius);
  border-top-right-radius: var(--modal-radius);
}
.ps-modal__header:empty {
  display: none;
}

.ps-modal__title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.ps-modal__body {
  position: relative;
}

.ps-modal__content {
  padding: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
}

.ps-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--PADD);
  line-height: 0;
  color: var(--modal-header-text-color);
  opacity: 0.5;
}
.ps-modal__close:hover {
  color: var(--modal-header-text-color);
  opacity: 1;
}

.ps-modal__footer {
  padding: var(--PADD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-modal__footer:empty {
  display: none;
}

.ps-modal__actions {
  display: flex;
}
.ps-modal__actions > *:last-child {
  margin-left: auto;
}
@media (max-width: 61.24em) {
  .ps-modal__actions .ps-btn:first-child:last-child,
  .ps-modal__actions .pso-btn:first-child:last-child {
    width: 100%;
  }
}

.ps-modal__loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.psm-avatar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--PADD--MD);
  grid-row-gap: var(--PADD--MD);
  text-align: left;
}

.psm-avatar__manage {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--PADD--MD);
}

.psm-avatar__crop-title {
  padding: var(--PADD) var(--PADD--MD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-top-left-radius: var(--BORDER-RADIUS);
  border-top-right-radius: var(--BORDER-RADIUS);
}

.psm-avatar__crop-box {
  position: relative;
  user-select: none;
}

.psm-avatar__crop-actions {
  margin-top: var(--PADD--MD);
}

.psm-avatar__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--PADD--MD);
  text-align: center;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
}
.psm-avatar__preview .ps-avatar {
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
}

.psm-avatar__preview-desc {
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-widget__wrapper {
  margin-bottom: var(--PADD--MD);
}
.ps-widget__wrapper:empty {
  display: none;
}
.ps-widget__wrapper:last-child {
  margin-bottom: 0;
}

.ps-widget {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-widget__header {
  margin-bottom: var(--PADD);
}
.ps-widget__header h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90%;
  font-weight: bold;
}

.ps-widget__title {
  font-weight: 500;
}

.ps-widget__body {
  font-size: 80%;
}

.ps-widget__footer {
  font-size: 80%;
}

.ps-widget--preview .ps-widget__wrapper--external {
  max-width: 300px;
  margin: var(--PADD--MD) auto;
}
.ps-widget--preview .ps-widget__wrapper--external .widgettitle {
  margin-bottom: var(--PADD);
}
.gc-widget--preview .ps-widget__wrapper--external {
  max-width: 100%;
  margin: 0;
}

.ps-widget__footer--external {
  font-size: 80%;
}

.ps-avatar--hovercard {
  --width: var(--normal) !important;
  margin-right: var(--PADD);
}
.ps-avatar--hovercard > img {
  vertical-align: middle;
  border: 3px solid #fff !important;
}

.ps-hovercard {
  --width: 300px;
  --bg: var(--PS-COLOR--APP);
  --shadow: var(--BOX-SHADOW--MD);
  --radius: var(--BORDER-RADIUS--MD);
  width: var(--width);
  min-width: 240px;
  max-width: calc(100vw - 16px);
  min-height: 100px;
  line-height: var(--PS-LINE-HEIGHT);
  background-color: var(--bg);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  box-sizing: border-box;
}
.ps-hovercard * {
  box-sizing: border-box;
}

.ps-hovercard--audio {
  --width: 200px;
}

.ps-hovercard__inner {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
}

.ps-hovercard__header {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.ps-hovercard--audio .ps-hovercard__header {
  height: var(--width);
}

.ps-hovercard__overlay {
  display: flex;
  align-items: flex-end;
  min-height: 100px;
  padding: var(--PADD);
  background: rgb(0, 0, 0);
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
  background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.7035014689) 0%, rgba(255, 255, 255, 0) 35%);
}

.ps-hovercard__overlay-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
}

.ps-hovercard__name {
  font-size: 90%;
  color: #fff;
  text-shadow: 0 1px 1px #000;
}

.ps-hovercard__online {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 80%;
  color: var(--COLOR--ONLINE, #00b935);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  --online-border: transparent;
}

.ps-hovercard__footer {
  font-size: 80%;
}

.ps-hovercard__details {
  display: flex;
  align-items: stretch;
}

.ps-hovercard__count {
  flex-grow: 1;
  padding: var(--PADD) var(--PADD--SM);
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-hovercard__count > i {
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}

.ps-hovercard__count--views {
  border-right: 1px solid var(--DIVIDER--LIGHT);
}

.ps-hovercard__actions {
  flex-grow: 1;
  padding: var(--PADD) var(--PADD--SM);
  text-align: center;
  color: var(--PS-COLOR--TEXT);
}
@media (min-width: 46.25em) {
  .ps-hovercard__actions:hover {
    color: var(--PS-COLOR--TEXT--LIGHT);
  }
}
.ps-hovercard__actions {
  border-left: 1px solid var(--DIVIDER--LIGHT);
}

.ps-hovercard__actions--abort {
  color: var(--PS-COLOR--ABORT, #e53935);
}
@media (min-width: 46.25em) {
  .ps-hovercard__actions--abort:hover {
    color: var(--PS-COLOR--ABORT--DARK, #c62828);
  }
}

.ps-hovercard__meta {
  padding: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-hovercard__meta:last-child {
  border-bottom: none;
}

.ps-hovercard__meta-label > i {
  min-width: 20px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-hovercard__loading {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: none;
  padding: var(--PADD--MD);
  text-align: center;
  z-index: 1;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-landing {
  --radius: var(--BORDER-RADIUS--XL);
  margin-bottom: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-landing__cover {
  --cover-height: var(--c-ps-landing-image-height-mobile);
  --cover-position: var(--c-ps-landing-image-position-mobile);
  --cover-size: var(--c-ps-landing-image-size-mobile);
  --cover-repeat: var(--c-ps-landing-image-repeat-mobile);
  --cover-bg: var(--c-ps-landing-background-color);
}
@media (min-width: 61.25em) {
  .ps-landing__cover {
    --cover-height: var(--c-ps-landing-image-height);
    --cover-position: var(--c-ps-landing-image-position);
    --cover-size: var(--c-ps-landing-image-size);
    --cover-repeat: var(--c-ps-landing-image-repeat);
  }
}
.ps-landing__cover {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  background-color: var(--cover-bg);
  background-size: var(--cover-size);
  background-position: center var(--cover-position);
  background-repeat: var(--cover-repeat);
  overflow: hidden;
  height: 0;
  padding-top: var(--cover-height);
  position: relative;
}
.ps-landing__cover + .ps-landing__form {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ps-landing__cover-inner {
  padding: var(--PADD--MD);
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 61.25em) {
  .ps-landing__cover-inner {
    display: flex;
    align-items: center;
  }
}

.ps-landing__content {
  flex-grow: 2;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 61.25em) {
  .ps-landing__content {
    margin-right: var(--PADD);
  }
}

.ps-landing__title {
  margin-bottom: var(--PADD--SM);
  font-weight: bold;
  font-size: 130%;
}

.ps-landing__text {
  font-size: 100%;
}
@media (max-width: 46.24em) {
  .ps-landing__text {
    font-size: 75%;
  }
}

.ps-landing__actions .ps-btn--join {
  white-space: nowrap;
}
@media (max-width: 61.24em) {
  .ps-landing__actions {
    margin-top: var(--PADD);
  }
  .ps-landing__actions .ps-btn--join {
    display: block;
    text-align: center;
    white-space: normal;
  }
}

.ps-landing__form {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--radius);
}

.ps-emoticon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-image: url("../images/moods/emo.png");
}

.ps-postbox .ps-emoticon {
  vertical-align: top;
}

.ps-post .ps-emoticon {
  vertical-align: bottom;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .ps-emoticon {
    background-image: url("../images/moods/emo@2x.png");
    background-size: 140px 180px;
  }
}
.ps-sharebox {
  --grid-items: 4;
  --grid-items--mobile: 3;
  display: grid;
  grid-template-columns: repeat(var(--grid-items--mobile), 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD--MD);
  margin: var(--PADD) var(--PADD--XL);
}
@media (min-width: 61.25em) {
  .ps-sharebox {
    grid-template-columns: repeat(var(--grid-items), 1fr);
  }
}

.ps-sharebox__item {
  display: flex;
  flex-direction: column;
  font-size: 80%;
  text-align: center;
  gap: 0 !important;
  text-decoration: none;
}
.ps-sharebox__item:hover .ps-sharebox__icon {
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  color: var(--PS-COLOR--TEXT);
}
.ps-sharebox__item:hover .ps-sharebox__title {
  color: var(--PS-COLOR--TEXT);
}
.ps-sharebox__item.ps-tooltip:after {
  line-height: 1;
}
.ps-sharebox__item:first-child .ps-sharebox__icon {
  background-color: var(--PS-COLOR--PRIMARY);
}
.ps-sharebox__item:first-child:hover .ps-sharebox__icon {
  background-color: var(--PS-COLOR--PRIMARY--DARK);
}

.ps-sharebox__icon {
  --icon-wrapper: 65px;
  display: block;
  width: var(--icon-wrapper);
  height: var(--icon-wrapper);
  text-align: center;
  margin: 0 auto;
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: 50%;
  margin-bottom: var(--PADD--SM);
  transition: all 0.2s ease-in;
}
@media (max-width: 61.24em) {
  .ps-sharebox__icon {
    --icon-wrapper: 40px;
  }
}
.ps-sharebox__icon > i {
  font-size: 25px;
  color: var(--color);
}
@media (max-width: 61.24em) {
  .ps-sharebox__icon > i {
    font-size: 18px;
  }
}
.ps-sharebox__icon > i:before {
  width: var(--icon-wrapper);
  min-width: var(--icon-wrapper);
  height: var(--icon-wrapper);
  line-height: var(--icon-wrapper);
  text-align: center;
  border-radius: 50%;
}
.ps-sharebox__icon .gcis.gci-link {
  --color: var(--PS-COLOR--TEXT--INVERT);
}
.ps-sharebox__icon .gcib.gci-facebook-f {
  --color: #3b5998;
}
.ps-sharebox__icon .gcib.gci-twitter {
  --color: #00acee;
}
.ps-sharebox__icon .gcib.gci-linkedin {
  --color: #0e76a8;
}
.ps-sharebox__icon .gcib.gci-reddit-alien {
  --color: #FF4500;
}
.ps-sharebox__icon .gcib.gci-pinterest-p {
  --color: #df0022;
}
.ps-sharebox__icon .gcib.gci-whatsapp {
  --color: #0cc042;
}
.ps-sharebox__icon .gcib.gci-google {
  --color: #3b7ded;
}

.ps-sharebox__title {
  display: block;
  color: var(--PS-COLOR--TEXT--LIGHT);
  transition: all 0.2s ease-in;
}

.ps-location {
  --map-height: 250px;
  width: 100%;
  display: none;
  margin-top: var(--PADD);
}

.ps-location__inner {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  overflow: hidden;
}

.ps-location__box {
  position: relative;
  display: flex;
}

.ps-location__view {
  flex-grow: 1;
  position: relative;
  width: 60%;
  min-width: 60%;
  height: var(--map-height);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-location__view:before {
  content: "\f21d";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 50px;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-location__select {
  padding: var(--PADD--MD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-size: 80%;
}

.ps-location__list {
  width: 40%;
  max-height: var(--map-height);
  overflow: auto;
}

.ps-location__list-item {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-location__list-item:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-location__list-item span {
  display: block;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-location__list-item:last-child {
  border-bottom: none;
}

.ps-location__actions {
  position: absolute;
  top: var(--PADD);
  right: var(--PADD);
  display: flex;
}
.ps-location__actions .ps-btn {
  display: none;
}

.ps-crop {
  display: inline-block;
  width: 100%;
  margin-bottom: var(--PADD);
  vertical-align: top;
}

.ps-crop-wrapper {
  position: relative;
  max-height: 300px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: auto;
}

.ps-crop-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  cursor: move;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ps-search > .ps-loading {
  margin-top: var(--PADD);
}

.ps-search__input-wrapper {
  position: relative;
}
.ps-search__input-wrapper i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: var(--PADD);
  transform: translateY(-50%);
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}

.ps-search__input.ps-input {
  padding-left: 35px;
}

.ps-search__section {
  margin-bottom: var(--PADD);
  padding-top: var(--PADD--MD);
}
.ps-search__section:first-child {
  padding-top: 0;
}
.ps-search__section:last-child {
  margin-bottom: 0;
}

.ps-search__section-title {
  margin-bottom: var(--PADD);
  font-size: 80%;
}
.ps-search__section-title > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-search__section-title > a:hover, .ps-search__section-title > a:focus {
  color: var(--PS-COLOR--TEXT);
}

.ps-search__item--pages .ps-search__item-thumb {
  background-image: none !important;
}
.ps-search__item--pages .ps-search__item-thumb > img {
  --radius: var(--BORDER-RADIUS--MD);
}

.ps-search__item {
  display: grid;
  grid-template-columns: 1fr 100fr;
  grid-template-areas: "thumb title" "thumb meta" "thumb content";
  margin-bottom: var(--PADD);
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  border: 1px solid var(--DIVIDER--LIGHT);
}
.ps-search__item:hover, .ps-search__item:focus {
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border: 1px solid transparent;
}
.ps-search__item:last-child {
  margin-bottom: 0;
}

.ps-search__item--empty {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}

.ps-search__item--users {
  grid-template-areas: "thumb title" "thumb meta";
  align-items: center;
}
.ps-search__item--users .ps-search__item-title {
  margin-top: 22px;
  margin-bottom: var(--PADD);
}
.ps-search__item--users .ps-search__item-meta + .ps-search__item-title {
  margin-top: 0;
}
.ps-search__item--users .ps-search__item-thumb + .ps-search__item-meta + .ps-search__item-title {
  margin-bottom: 0;
}
.ps-search__item--users .ps-search__item-thumb {
  background-image: none !important;
}

.ps-search__item--groups .ps-search__item-content {
  grid-area: content;
  margin-top: var(--PADD--SM);
  line-height: 1.4;
}
.ps-search__item--groups .ps-search__item-thumb {
  background-image: none !important;
}

.ps-search__item--posts .ps-search__item-content {
  margin-top: var(--PADD--SM);
}

.ps-search__item--posts .ps-search__item-thumb,
.ps-search__item--wp_post .ps-search__item-thumb,
.ps-search__item--wp_documentation .ps-search__item-thumb {
  height: var(--width);
}
.ps-search__item--posts .ps-search__item-thumb img,
.ps-search__item--wp_post .ps-search__item-thumb img,
.ps-search__item--wp_documentation .ps-search__item-thumb img {
  height: var(--width);
  opacity: 0;
}

.ps-search__item--hashtags {
  grid-template-areas: "thumb title" "thumb meta";
  align-items: center;
}
.ps-search__item--hashtags .ps-search__item-title {
  margin-bottom: 0;
}
.ps-search__item--hashtags .ps-search__item-thumb {
  height: var(--width);
}
.ps-search__item--hashtags .ps-search__item-thumb img {
  height: var(--width);
  opacity: 0;
}

.ps-search__item--wp_page {
  grid-template-areas: "thumb title" "thumb content";
  align-items: center;
}
.ps-search__item--wp_page .ps-search__item-content {
  margin-top: var(--PADD--SM);
}
.ps-search__item--wp_page .ps-search__item-thumb {
  height: 64px;
}
.ps-search__item--wp_page .ps-search__item-thumb img {
  height: 64px;
  opacity: 0;
}

.ps-search__item-thumb {
  --radius: var(--c-ps-avatar-style);
  --small: 40px;
  --medium: 48px;
  --normal: 64px;
  --large: 100px;
  --xlarge: 160px;
  --width: var(--small);
  --box-shadow: 0 0 0 1px var(--DIVIDER);
  --border: 2px solid transparent;
  --width: var(--normal);
  grid-area: thumb;
  width: var(--width);
  min-width: var(--width);
  margin-right: var(--PADD);
  background-size: cover;
  background-position: center center;
  border-radius: var(--BORDER-RADIUS);
}
.ps-search__item-thumb img {
  border: var(--border);
  box-shadow: var(--box-shadow);
  border-radius: var(--radius);
}
.elementor .ps-search__item-thumb img {
  border: var(--border);
  box-shadow: var(--box-shadow);
  border-radius: var(--radius);
}

.ps-search__item-title {
  grid-area: title;
  margin-bottom: var(--PADD--SM);
  font-size: 90%;
  color: var(--PS-COLOR--HEADING);
}

.ps-search__item-meta {
  grid-area: meta;
  font-size: 70%;
}
.ps-search__item-meta span {
  margin-right: var(--PADD--SM);
}
.ps-search__item-meta span:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-search__item-content {
  grid-area: content;
  font-size: 70%;
  line-height: 1.4;
  color: var(--COLOR--TEXT);
}

.ps-followers__tabs {
  margin-bottom: var(--PADD--MD);
}

.ps-followers__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-followers__tabs-inner:first-child {
  margin-top: 0;
}

.ps-followers__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-followers__tab:hover, .ps-followers__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-followers__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-followers__tab > a:hover, .ps-followers__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-followers__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-followers__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-followers__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-followers__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-followers__tab:last-child {
  border-right: none;
}
.ps-followers__tab i {
  color: var(--tabs-icon-color);
}
.ps-followers__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-followers__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-followers__tab {
  width: 50%;
}
.ps-followers__tab span {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-followers__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-followers__tab--active:hover, .ps-followers__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-followers__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-followers__tab--active > a:hover, .ps-followers__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-followers__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-followers__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-followers__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-tooltip.ps-tooltip--notification:hover:after {
  right: 100%;
  left: auto;
}
.ps-tooltip[data-tooltip] {
  z-index: 10;
}
.ps-tooltip[data-tooltip]:after {
  visibility: unset;
  opacity: unset;
  width: auto;
  border: none;
  line-height: normal;
  left: unset;
  transform: unset;
}
.ps-tooltip[data-tooltip]:before {
  visibility: unset;
  opacity: unset;
}
.ps-tooltip[data-tooltip]:hover:before {
  visibility: unset;
  opacity: unset;
}
.ps-tooltip[data-tooltip]:hover:after {
  visibility: unset;
  opacity: unset;
}
.ps-tooltip.ps-tooltip--postbox:hover:after {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.ps-tooltip.ps-tooltip--reaction:hover:after {
  left: 50%;
  right: auto;
  bottom: 110%;
  padding: 6px;
  font-size: 10px;
  line-height: 1;
  transform: translateX(-50%);
}
.ps-tooltip.ps-tooltip--notification:hover:after {
  top: 50%;
  right: 100%;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  padding: 4px 8px;
}
.ps-tooltip.ps-tooltip--notification:before {
  display: none;
}
.ps-tooltip.ps-tooltip--permalink:hover:after {
  display: block;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.ps-tooltip.ps-tooltip--permalink:hover:before {
  display: none;
}
.ps-tooltip.ps-tooltip--permalink:before {
  display: none;
}

.ps-tagging-dropdown {
  background: var(--COLOR--APP);
  border: 1px solid var(--divider);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW);
  border: 1px solid var(--DIVIDER);
  padding: 8px;
  margin-top: 2px;
  max-height: 300px;
  overflow: auto;
  font-size: 75%;
}
.ps-postbox .ps-tagging-dropdown {
  margin: 0 4px;
}
.ps-tagging-dropdown .ps-tagging-dropdown-item {
  border: none;
}
.ps-tagging-dropdown .ps-tagging-dropdown-item > a {
  height: 46px;
  color: var(--COLOR--TEXT--LIGHT);
  transition: all 0.2s ease-in;
  border-radius: var(--BORDER-RADIUS--SM);
  padding: 6px 8.5px 6px 50px;
}
.ps-tagging-dropdown .ps-tagging-dropdown-item > a:hover, .ps-tagging-dropdown .ps-tagging-dropdown-item > a:focus {
  background-color: var(--COLOR--PRIMARY--ULTRALIGHT);
  color: var(--COLOR--LINK);
}
.ps-tagging-dropdown .ps-tagging-dropdown-item > a .ps-avatar {
  top: 7px;
  left: 8px;
}
.ps-hashtag-dropdown.ps-tagging-dropdown {
  padding: 8px;
}
.ps-hashtag-dropdown.ps-tagging-dropdown .ps-hashtag-dropdown-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  height: 30px !important;
  padding: 0 8px !important;
  text-align: left;
  border-radius: var(--BORDER-RADIUS--SM);
}
.ps-hashtag-dropdown.ps-tagging-dropdown .ps-hashtag-dropdown-item > a:hover, .ps-hashtag-dropdown.ps-tagging-dropdown .ps-hashtag-dropdown-item > a:focus {
  padding: 0 8px !important;
  border: none !important;
}
.ps-hashtag-dropdown.ps-tagging-dropdown .ps-hashtag-dropdown-item__count {
  color: var(--COLOR--TEXT--LIGHTER);
  font-size: 90%;
}

.ps-post--unpublished > *, .ps-comment--unpublished > * {
  opacity: 0.6;
}

.ps-post-reports {
  display: flex;
  flex-direction: column;
  font-size: 90%;
  background-color: var(--PS-COLOR--APP);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT), 0 0 0 4px var(--COLOR--ABORT--LIGHT);
  border-radius: var(--BORDER-RADIUS);
  opacity: 1;
}
.ps-comment .ps-post-reports {
  margin-block: var(--PADD--SM);
}
.ps-focus__footer .ps-post-reports {
  margin: var(--PADD--MD);
}

.ps-post-reports__head {
  display: flex;
  justify-content: space-between;
}

.ps-post-reports__title {
  display: flex;
  align-items: center;
  gap: var(--PADD);
  padding: var(--PADD);
  font-weight: 500;
}
.ps-post-reports__title i {
  color: var(--PS-COLOR--ABORT);
}
.ps-post-reports__title a {
  font-weight: normal;
}
.ps-post-reports__title .gci-eye-slash {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-post-reports__ignore {
  color: var(--COLOR--SUCCESS--DARK);
}
.ps-post-reports__ignore i {
  color: var(--COLOR--SUCCESS);
}
.ps-post-reports__ignore:hover {
  color: var(--PS-COLOR--TEXT);
}

.ps-post-reports__delete {
  color: var(--COLOR--ABORT--DARK);
}
.ps-post-reports__delete i {
  color: var(--COLOR--ABORT);
}
.ps-post-reports__delete:hover {
  color: var(--PS-COLOR--TEXT);
}

.ps-post-reports__toggle {
  padding: var(--PADD);
}

.ps-post-report {
  display: flex;
  align-items: start;
  gap: var(--PADD);
  padding: var(--PADD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.ps-post-report__data {
  flex-grow: 1;
}

.ps-post-report__reason {
  display: flex;
  gap: var(--PADD--SM);
}

.ps-post-report__title {
  flex-grow: 1;
  font-weight: 500;
  color: var(--PS-COLOR--TEXT);
}

.ps-post-report__time {
  padding-top: 1px;
  font-size: 90%;
  white-space: nowrap;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-post-report__info {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-emoji-popover {
  position: fixed;
  z-index: 200010;
  width: 300px;
  max-width: calc(100vw - 16px);
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--MD);
}

.ps-emoji-popover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--PADD);
}

.ps-emoji-popover__title {
  font-weight: 600;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT);
}

.ps-emoji-popover__close {
  appearance: none;
  border: 0;
  background: none;
  padding: 2px;
  line-height: 1;
  font-size: 1.1rem;
  color: var(--PS-COLOR--TEXT--LIGHT);
  cursor: pointer;
}
.ps-emoji-popover__close:hover {
  color: var(--PS-COLOR--TEXT);
}

.ps-emoji-picker {
  width: 100%;
}

.ps-emoji-picker__search {
  margin-bottom: var(--PADD);
}

.ps-emoji-picker__input {
  width: 100%;
}

.ps-emoji-picker__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
  gap: 2px;
  max-height: 260px;
  overflow: auto;
}

.ps-emoji-picker__group {
  grid-column: 1/-1;
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 6px 4px 3px;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
}

.ps-emoji-picker__cell {
  appearance: none;
  width: 100%;
  height: 38px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: none;
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
}
.ps-emoji-picker__cell:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
}

.ps-emoji-picker__glyph {
  font-size: 1.3rem;
  line-height: 1;
}

.ps-emoji-picker__empty {
  grid-column: 1/-1;
  padding: var(--PADD--MD);
  text-align: center;
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

@media (max-width: 739px) {
  .ps-emoji-popover {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 45vh;
    min-height: 260px;
    border-radius: var(--BORDER-RADIUS--MD) var(--BORDER-RADIUS--MD) 0 0;
    padding-top: var(--PADD);
    display: flex;
    flex-direction: column;
    animation: ps-emoji-drawer-in 0.22s ease-out;
  }
  .ps-emoji-popover::before {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--PS-COLOR--APP--DARKGRAY);
    border-radius: 2px;
    margin: 0 auto var(--PADD);
    flex-shrink: 0;
  }
  .ps-emoji-popover .ps-emoji-picker {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .ps-emoji-popover .ps-emoji-picker__list {
    flex: 1;
    max-height: none;
  }
}
@keyframes ps-emoji-drawer-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
body.ps-emoji-drawer-open {
  overflow: hidden;
}

.ps-emoji-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200009;
  background-color: rgba(0, 0, 0, 0.4);
  animation: ps-emoji-backdrop-in 0.22s ease-out;
}

@keyframes ps-emoji-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ps-btn--postbox {
  display: none;
}

.ps-postbox__input-beautifier .ps-tag, .ps-postbox__input-beautifier, .ps-postbox__input, .ps-postbox__status-addons, .ps-postbox__status-mirror {
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
  letter-spacing: normal;
}

.ps-postbox {
  --bg: var(--c-ps-postbox-bg);
  --radius: var(--BORDER-RADIUS--XL);
  --shadow: var(--BOX-SHADOW--HARD);
  --text-padd: var(--PADD--MD);
  --text-color: var(--c-ps-postbox-text-color);
  --text-color--light: var(--c-ps-postbox-text-color-light);
  --icon-color: var(--c-ps-postbox-icons-color);
  --icon-active-color: var(--c-ps-postbox-icons-active-color);
  --separator: var(--c-ps-postbox-separator-color);
  --separator--light: var(--separator);
  --type-bg: var(--c-ps-postbox-type-bg);
  --type-bg--hover: var(--c-ps-postbox-type-bg-hover);
  --type-icons-active-color: var(--c-ps-postbox-type-icons-active-color);
  position: relative;
  margin-bottom: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: all 0.2s ease;
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
}
.ps-post__content .ps-postbox {
  margin-bottom: 0;
  white-space: normal;
}
.ps-post--lightbox .ps-postbox {
  margin-bottom: 0;
  border-radius: 0;
}

.ps-postbox__views:empty {
  display: none;
}

.ps-postbox__view {
  display: none;
}

.ps-postbox__separator {
  text-align: center;
}
.ps-postbox__separator > span {
  display: inline-block;
  text-transform: uppercase;
}

.ps-postbox__status {
  position: relative;
}

.ps-postbox__status-wrapper {
  position: relative;
}

.ps-postbox__status-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  padding: var(--text-padd);
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
}

.ps-postbox__status-mirror {
  color: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ps-postbox__status-addons {
  color: var(--text-color);
}

.ps-postbox__input-wrapper {
  position: relative;
  z-index: 2;
  padding: var(--text-padd);
}
.ps-postbox__input-wrapper .ps-postbox__input-tag {
  position: static;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ps-postbox__input {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-postbox__input:hover, .ps-postbox__input:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-postbox__input {
  max-width: unset;
  width: 100%;
  height: 30px;
  color: var(--text-color);
  resize: none;
  transition: height 0.2s ease;
  border: none !important;
  padding: 0 !important;
  background-image: none !important;
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE) !important;
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT) !important;
  box-shadow: none !important;
  background-color: transparent !important;
  min-height: unset;
  max-height: unset;
}
.ps-postbox__input:focus {
  outline: none !important;
}
.ps-postbox__input.ps-textarea:not(.editor-post-title__input) {
  box-shadow: none;
}
.ps-postbox__input.ps-textarea:not(.editor-post-title__input):focus {
  border-bottom: none !important;
}
.ps-postbox__input::placeholder {
  color: var(--text-color);
  opacity: 1;
}
.ps-postbox__input :-ms-input-placeholder {
  color: var(--text-color);
}
.ps-postbox__input ::-ms-input-placeholder {
  color: var(--text-color);
}
.bricks-site-wrapper .ps-postbox__input {
  border: none;
  padding: 0;
}

.ps-comments__input-wrapper .ps-postbox__input-tag {
  position: relative;
  width: 100%;
  min-width: 0;
}

.ps-postbox__input-beautifier {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--text-padd);
  white-space: pre-wrap;
  word-wrap: break-word;
  pointer-events: none;
  color: transparent;
}
.ps-comments__input-wrapper .ps-postbox__input-beautifier {
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 1px;
  right: 1px;
  padding: var(--PADD);
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
}
.ps-postbox__input-beautifier .ps-tag {
  --bg: var(--c-ps-hashtag-postbox-bg);
  --text: var(--c-ps-hashtag-postbox-color);
  display: inline;
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
  color: var(--text);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--SM);
  box-shadow: 0 0 0 2px var(--bg);
}
.ps-comments__input-wrapper .ps-postbox__input-beautifier .ps-tag {
  line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
}

.ps-postbox__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--PADD);
  border-top: 1px solid var(--separator--light);
}
@media (max-width: 61.24em) {
  .ps-postbox__footer {
    flex-wrap: wrap;
  }
}

.ps-postbox__menu {
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}
.ps-postbox__menu > a {
  margin-right: var(--PADD--MD);
  color: var(--text-color--light);
}
@media (min-width: 46.25em) {
  .ps-postbox__menu > a:hover, .ps-postbox__menu > a:focus {
    color: var(--text-color);
  }
}

@media (min-width: 61.25em) {
  .ps-postbox__menu-item {
    position: relative;
  }
}

@media (max-width: 61.24em) {
  .ps-postbox__menu-item--type {
    font-size: 80%;
  }
}
.ps-postbox__menu-item--type {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-postbox__menu-item--type .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-postbox__menu-item--type .ps-dropdown__menu > a,
.ps-postbox__menu-item--type .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-postbox__menu-item--type .ps-dropdown__menu > a:first-child,
.ps-postbox__menu-item--type .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-postbox__menu-item--type .ps-dropdown__menu > a:hover, .ps-postbox__menu-item--type .ps-dropdown__menu > a:focus, .ps-postbox__menu-item--type .ps-dropdown__menu > a.active,
  .ps-postbox__menu-item--type .ps-dropdown__menu > button:hover,
  .ps-postbox__menu-item--type .ps-dropdown__menu > button:focus,
  .ps-postbox__menu-item--type .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-postbox__menu-item--type .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__menu-item--type .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-postbox__menu-item--type .ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --icon-color: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__menu-item--type .ps-dropdown__menu > a {
  color: var(--text-color);
}
@media (min-width: 46.25em) {
  .ps-postbox__menu-item--type .ps-dropdown__menu > a:hover, .ps-postbox__menu-item--type .ps-dropdown__menu > a:focus, .ps-postbox__menu-item--type .ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
  }
}
.ps-postbox__menu-item--type .ps-dropdown__menu i {
  color: var(--icon-color);
}

.ps-postbox__menu-item--open.active .ps-postbox__menu-item-link:before {
  opacity: 0;
}

.ps-postbox__menu-item-link {
  display: block;
  padding: var(--PADD);
  font-size: 90%;
  line-height: 1.2;
  color: var(--text-color--light);
  color: var(--text-color--light) !important;
}
.ps-postbox__menu-item-link em {
  display: none;
  margin: 0;
}
@media (min-width: 46.25em) {
  .ps-postbox__menu-item-link:hover {
    color: var(--text-color);
    color: var(--text-color) !important;
  }
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link {
  padding: var(--PADD);
  color: var(--text-color);
  border-radius: var(--BORDER-RADIUS--MD);
  background-color: var(--type-bg);
  background-color: var(--type-bg) !important;
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link > i {
  margin-right: var(--PADD--SM);
  color: var(--icon-color);
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link > i.active {
  color: var(--type-icons-active-color);
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link > i:last-child {
  margin-left: 0;
  margin-right: 0;
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link > em {
  display: inline-block;
  margin-left: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-postbox__menu-item--type .ps-postbox__menu-item-link:hover {
  color: var(--text-color);
  box-shadow: inset 0 0 0 2px transparent;
  background-color: var(--type-bg--hover);
}
.ps-postbox__menu-item-link:before {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: 3px;
  background-color: var(--icon-active-color);
  border-radius: var(--BORDER-RADIUS);
  opacity: 0;
  transition: all 0.2s ease;
}
.ps-postbox__menu-item-link[data-tooltip]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: 3px;
  background-color: var(--icon-active-color);
  border-radius: var(--BORDER-RADIUS);
  opacity: 0 !important;
  transition: all 0.2s ease;
  bottom: unset;
  transform: unset;
  margin-bottom: 0;
  padding: 0;
}
.active .ps-postbox__menu-item-link {
  color: var(--text-color);
}
.active .ps-postbox__menu-item-link:before {
  opacity: 1;
  opacity: 1 !important;
}
.ps-postbox__menu-item--open .ps-postbox__menu-item-link {
  position: relative;
  z-index: 30;
  color: var(--text-color);
  background-color: var(--bg);
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  box-shadow: 0 -5px 5px var(--separator--light);
}

.ps-postbox__menu-item--hidden {
  display: none;
}

.ps-postbox__actions {
  display: flex;
  align-items: center;
}
.ps-postbox__actions .ps-btn {
  margin-left: var(--PADD--SM);
}
.ps-postbox__actions .ps-btn:first-child {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 61.24em) {
  .ps-postbox__actions {
    width: 100%;
  }
  .ps-postbox__actions .ps-btn {
    width: 50%;
    margin-top: var(--PADD);
  }
}

.ps-postbox__action--cancel {
  --padd: var(--PADD);
}

.ps-postbox__action--post {
  --padd: var(--PADD);
}

.ps-postbox__types {
  --width: 230px;
}
@media (max-width: 61.24em) {
  .ps-postbox__types {
    width: 100%;
    left: 0;
    right: 0;
  }
}

.ps-postbox__type.active {
  background-color: var(--bg--hover);
  box-shadow: inset 3px 0 0 var(--icon-active-color);
}

.ps-postbox--active {
  --shadow: 0 10px 20px var(--BOX-SHADOW-COLOR);
  z-index: 40;
}

.ps-postbox__chars-count {
  position: absolute;
  top: var(--PADD--SM);
  padding: var(--PADD--XS) var(--PADD--SM);
  font-size: 10px;
  color: var(--text-color--light);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
  right: var(--PADD--SM);
}
.pso-postbox__modal .ps-postbox__chars-count {
  top: auto;
  right: 0;
  bottom: -15px;
}

.ps-postbox__url-preview {
  position: relative;
}

.ps-postbox__url-close {
  position: absolute;
  z-index: 10;
  top: -5px;
  right: -5px;
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: 0 0 0 3px var(--DIVIDER);
}
.ps-postbox__url-close > a {
  display: inline-block;
  vertical-align: middle;
  color: var(--text-color--light);
}
@media (min-width: 46.25em) {
  .ps-postbox__url-close > a:hover, .ps-postbox__url-close > a:focus {
    color: var(--text-color);
  }
}

.ps-text-rtl {
  direction: rtl;
  unicode-bidi: isolate;
}

.ps-postbox__menu-item--privacy .ps-postbox__menu-item-label {
  font-size: max(70%, var(--MIN-FONT-SIZE));
}
@media (max-width: 61.24em) {
  .ps-postbox__menu-item--privacy .ps-postbox__menu-item-label {
    display: none;
  }
}

.ps-postbox__privacy {
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-postbox__privacy .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-postbox__privacy .ps-dropdown__menu > a,
.ps-postbox__privacy .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-postbox__privacy .ps-dropdown__menu > a:first-child,
.ps-postbox__privacy .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-postbox__privacy .ps-dropdown__menu > a:hover, .ps-postbox__privacy .ps-dropdown__menu > a:focus, .ps-postbox__privacy .ps-dropdown__menu > a.active,
  .ps-postbox__privacy .ps-dropdown__menu > button:hover,
  .ps-postbox__privacy .ps-dropdown__menu > button:focus,
  .ps-postbox__privacy .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-postbox__privacy .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__privacy .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (max-width: 61.24em) {
  .ps-postbox__privacy .ps-dropdown__menu {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__privacy .ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --icon-color: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__privacy .ps-dropdown__menu > a {
  color: var(--text-color);
  color: var(--text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-postbox__privacy .ps-dropdown__menu > a:hover, .ps-postbox__privacy .ps-dropdown__menu > a:focus, .ps-postbox__privacy .ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
    color: var(--text-color) !important;
  }
}
.ps-postbox__privacy .ps-dropdown__menu i {
  color: var(--icon-color);
}

.ps-activity--narrow .ps-postbox__menu-item--schedule {
  position: static;
}

.ps-postbox__schedule {
  --width: 300px;
}
.ps-activity--narrow .ps-postbox__schedule {
  --width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media (max-width: 61.24em) {
  .ps-postbox__schedule {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__schedule.ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --text-color--light: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__schedule.ps-dropdown__menu > a {
  color: var(--text-color);
}
@media (min-width: 46.25em) {
  .ps-postbox__schedule.ps-dropdown__menu > a:hover, .ps-postbox__schedule.ps-dropdown__menu > a:focus, .ps-postbox__schedule.ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
  }
}

.ps-postbox__schedule-option {
  position: relative;
  display: block;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-postbox__schedule-option:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-postbox__schedule-option:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
@media (min-width: 46.25em) {
  .ps-postbox__schedule-option:hover {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--PS-COLOR--APP--GRAY);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-postbox__schedule-calendar {
  display: none;
}

.ps-postbox__schedule-form {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: var(--PADD--SM);
}

.ps-postbox__schedule-date {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}

.ps-postbox__schedule-time {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 3;
}

.ps-postbox__schedule-label {
  width: 100%;
  margin-top: var(--PADD--SM);
  margin-bottom: var(--PADD--SM);
  color: var(--text-color--light);
}

.ps-postbox__schedule-select.ps-input {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  width: auto;
  margin-right: var(--PADD--SM);
}
.ps-postbox__schedule-select.ps-input:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-postbox__schedule-actions {
  display: flex;
  align-items: stretch;
  flex-grow: 0;
  padding-left: var(--PADD--SM);
}

.ps-postbox__menu-item--moods {
  position: static;
}

.ps-postbox__moods {
  --width: auto;
  left: var(--PADD);
  right: var(--PADD);
}
@media (max-width: 61.24em) {
  .ps-postbox__moods {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__moods.ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  background-color: var(--bg);
}
.ps-postbox__moods.ps-dropdown__menu .ps-postbox__moods-item {
  color: var(--text-color);
  color: var(--text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-postbox__moods.ps-dropdown__menu .ps-postbox__moods-item:hover, .ps-postbox__moods.ps-dropdown__menu .ps-postbox__moods-item:focus, .ps-postbox__moods.ps-dropdown__menu .ps-postbox__moods-item.active {
    color: var(--text-color);
    background-color: var(--bg--light);
    color: var(--text-color) !important;
  }
}

.ps-postbox__moods-inner {
  position: relative;
  padding: var(--PADD);
}

.ps-postbox__moods-list {
  display: flex;
  flex-wrap: wrap;
}

.ps-postbox__moods-item {
  display: flex;
  align-items: center;
  width: 50%;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-postbox__moods-item span {
  margin-left: var(--PADD--SM);
}
@media (min-width: 46.25em) {
  .ps-postbox__moods-item:hover {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--PS-COLOR--APP--GRAY);
  }
}
@media (min-width: 61.25em) {
  .ps-postbox__moods-item {
    width: 20%;
  }
}
.ps-activity--narrow .ps-postbox__moods-item {
  width: 50%;
}

.ps-postbox__moods-remove {
  display: none;
  width: 100%;
  margin-top: var(--PADD);
}

.ps-postbox__menu-item--location {
  position: static;
}

.ps-location__map {
  width: 700px;
  height: 400px;
  max-width: 100%;
}

.ps-postbox__location {
  --width: auto;
  --map-height: 250px;
  left: var(--PADD);
  right: var(--PADD);
  overflow: hidden;
}
@media (max-width: 61.24em) {
  .ps-postbox__location {
    width: 100%;
    left: 0;
    right: 0;
  }
}

.ps-postbox__location-map {
  flex-grow: 1;
  position: relative;
  min-width: 50%;
  height: var(--map-height);
  background-color: var(--bg--light);
}
.ps-postbox__location-map:before {
  content: "\f21d";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 50px;
  text-align: center;
  color: var(--text-color--light);
}

.ps-postbox__location-search {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --text-color--light: var(--c-ps-postbox-dropdown-icon-color);
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.ps-postbox__location-field {
  width: 100%;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-postbox__location-input.ps-input {
  border: none;
  box-shadow: none;
}
.ps-postbox__location-input.ps-input:hover, .ps-postbox__location-input.ps-input:focus {
  border: none;
  box-shadow: none;
}

.ps-postbox__location-list {
  position: relative;
  width: 40%;
  max-height: var(--map-height);
  overflow: auto;
  background-color: var(--bg);
}
.ps-postbox__location-list:empty:before {
  content: attr(data-no-items);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  color: var(--text-color--light);
}

.ps-postbox__location-item {
  padding: var(--PADD) var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  cursor: pointer;
}
@media (min-width: 46.25em) {
  .ps-postbox__location-item:hover {
    background-color: var(--bg--light);
  }
}
.ps-postbox__location-item p {
  margin-block: 0;
  font-weight: bold;
  color: var(--text-color);
}
.ps-postbox__location-item span {
  font-size: 90%;
  color: var(--text-color--light);
}
.ps-postbox__location-item:last-child {
  border-bottom: none;
}

.ps-postbox__location-item--loading {
  cursor: normal;
}
.ps-postbox__location-item--loading:hover {
  background-color: transparent;
}

.ps-postbox__location-actions {
  position: absolute;
  z-index: 1;
  top: var(--PADD);
  right: var(--PADD);
  display: none;
}

.ps-postbox__view[data-tab-id=post_backgrounds] {
  position: relative;
}

.ps-postbox__backgrounds {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--PADD);
  background: transparent;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  padding-top: 40px;
}
@media (min-width: 61.25em) {
  .ps-postbox__backgrounds::-webkit-scrollbar {
    background-color: var(--bg);
    height: 15px;
  }
  .ps-postbox__backgrounds::-webkit-scrollbar-track {
    background-color: var(--bg);
  }
  .ps-postbox__backgrounds::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid var(--bg);
  }
}

.ps-postbox__backgrounds-item {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: var(--PADD--SM);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease;
  cursor: pointer;
}
.ps-postbox__backgrounds-item:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 15px rgba(0, 0, 0, 0.35);
}
.ps-postbox__backgrounds-item.active {
  box-shadow: inset 0 0 0 2px #fff, 0 0 15px rgba(0, 0, 0, 0.35);
}
.ps-postbox__backgrounds-item:last-child {
  margin-left: 0;
  margin-right: 0;
}
.ps-postbox__backgrounds-item:after {
  bottom: 110%;
  line-height: 1.6;
}

.ps-activity--narrow .ps-postbox__menu-item--pin {
  position: static;
}

.ps-postbox__pin {
  --width: 300px;
}
.ps-activity--narrow .ps-postbox__pin {
  --width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media (max-width: 61.24em) {
  .ps-postbox__pin {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__pin.ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --text-color--light: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__pin.ps-dropdown__menu > a {
  color: var(--text-color);
}
@media (min-width: 46.25em) {
  .ps-postbox__pin.ps-dropdown__menu > a:hover, .ps-postbox__pin.ps-dropdown__menu > a:focus, .ps-postbox__pin.ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
  }
}

.ps-postbox__pin-option {
  position: relative;
  display: block;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-postbox__pin-option:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-postbox__pin-option:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
@media (min-width: 46.25em) {
  .ps-postbox__pin-option:hover {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--PS-COLOR--APP--GRAY);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-postbox__pin-calendar {
  display: none;
}

.ps-postbox__pin-form {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: var(--PADD--SM);
}

.ps-postbox__pin-date {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}

.ps-postbox__pin-time {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 3;
}

.ps-postbox__pin-label {
  width: 100%;
  margin-top: var(--PADD--SM);
  margin-bottom: var(--PADD--SM);
  color: var(--text-color--light);
}

.ps-postbox__pin-select.ps-input {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  width: auto;
  margin-right: var(--PADD--SM);
}
.ps-postbox__pin-select.ps-input:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-postbox__pin-actions {
  display: flex;
  align-items: stretch;
  flex-grow: 0;
  padding-left: var(--PADD--SM);
}

.ps-dropdown__menu--navbar {
  top: 100%;
}
@media (max-width: 61.24em) {
  .ps-dropdown__menu--navbar {
    position: static !important;
    width: 100%;
    transform: none !important;
  }
  .ps-dropdown__menu--navbar:before, .ps-dropdown__menu--navbar:after {
    display: none;
  }
}

.ps-navbar {
  --bg: var(--c-ps-navbar-bg);
  --link-color: var(--c-ps-navbar-links-color);
  --link-color--hover: var(--c-ps-navbar-links-color-hover);
  --font-size: var(--c-ps-navbar-font-size);
  --icon-size: var(--c-ps-navbar-icons-size);
  --shadow: var(--BOX-SHADOW--HARD);
  --separator: var(--DIVIDER--LIGHT);
  position: relative;
  margin-bottom: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--XL);
  box-shadow: var(--shadow);
}

.ps-navbar__inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 40px;
}
@media (min-width: 61.25em) {
  .ps-navbar__inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.ps-navbar__menu {
  display: flex;
  align-items: stretch;
  font-size: var(--font-size);
}
@media (min-width: 61.25em) {
  .ps-navbar__menu i {
    margin-right: var(--PADD--SM);
  }
}
@media (max-width: 61.24em) {
  .ps-navbar__menu {
    display: none;
  }
}

.ps-navbar__menu-item {
  display: flex;
  align-items: stretch;
}
.ps-navbar__menu-item.ps-dropdown {
  z-index: 70;
}
@media (max-width: 61.24em) {
  .ps-navbar__menu-item {
    flex-grow: 1;
  }
}

@media (min-width: 61.25em) {
  .ps-navbar__menu-item-label {
    display: none;
  }
}

.ps-navbar__menu-item--home {
  border-right: 1px solid var(--separator);
}
.ps-navbar__menu-item--home i {
  display: block;
  margin: 0;
}
.ps-navbar__menu-item--home > a {
  color: var(--link-color--hover);
  color: var(--link-color--hover) !important;
}

.ps-navbar__menu-item--user .ps-avatar {
  margin-right: var(--PADD);
}
.ps-navbar__menu-item--user .ps-avatar > img {
  box-shadow: none;
}
.ps-navbar__menu-item--user .ps-navbar__menu-link {
  position: relative;
  padding-right: 0;
}
.ps-navbar__menu-item--user .ps-navbar__menu-link > span {
  opacity: 0.65;
}
@media (max-width: 61.24em) {
  .ps-navbar__menu-item--user .ps-navbar__menu-link {
    padding-right: var(--PADD--XL) !important;
  }
  .ps-navbar__menu-item--user .ps-navbar__menu-link:after {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: var(--PADD--MD);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
  }
}
@media (min-width: 61.25em) {
  .ps-navbar__menu-item--user {
    font-size: 80%;
  }
}

.ps-navbar__menu-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--PADD--SM) var(--PADD);
  color: var(--link-color);
  color: var(--link-color) !important;
}
.ps-navbar__menu-link > i {
  font-size: var(--icon-size);
}
@media (max-width: 61.24em) {
  .ps-navbar__menu-link {
    justify-content: center;
    flex-grow: 1;
  }
}
@media (min-width: 46.25em) {
  .ps-navbar__menu-link:hover, .ps-navbar__menu-link:focus {
    color: var(--link-color--hover);
    color: var(--link-color--hover) !important;
  }
}

.ps-navbar__toggle {
  display: flex;
  align-items: stretch;
  border-left: 1px solid var(--DIVIDER--LIGHT);
}
.ps-navbar__toggle .ps-navbar__menu-link {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
}
@media (min-width: 61.25em) {
  .ps-navbar__toggle {
    display: none;
  }
}

.ps-navbar__submenu {
  display: none;
  font-size: 80%;
}
.ps-navbar__submenu .ps-navbar__menu-item {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-navbar__submenu .ps-navbar__menu-link {
  padding: var(--PADD) var(--PADD--MD);
  justify-content: flex-start;
}
.ps-navbar__submenu .ps-navbar__menu-link i {
  display: none;
}
.ps-navbar__submenu .ps-dropdown--menu {
  width: 100%;
  flex-wrap: wrap;
}

.ps-navbar__submenu--open {
  display: block;
}

.ps-navbar__notifications {
  --gap: var(--PADD);
  --bubble-bg: var(--c-ps-bubble-bg);
  --bubble-color: var(--c-ps-bubble-color);
  --bubble-font-size: 10px;
  display: flex;
  display: flex;
  align-items: stretch;
}
@media (max-width: 61.24em) {
  .ps-navbar__notifications {
    display: none;
  }
}

.ps-navbar__menu--mobile {
  --gap: var(--PADD);
  --bubble-bg: var(--c-ps-bubble-bg);
  --bubble-color: var(--c-ps-bubble-color);
  --bubble-font-size: 10px;
  display: flex;
  display: flex;
  flex-grow: 2;
}
.ps-navbar__menu--mobile i {
  display: inline-block;
}
.ps-navbar__menu--mobile .ps-navbar__menu-item:first-child {
  flex-grow: 0;
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-navbar__menu--mobile .ps-navbar__menu-item:first-child .ps-navbar__menu-link {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
}
@media (min-width: 61.25em) {
  .ps-navbar__menu--mobile {
    display: none;
  }
}

.ps-blogposts__post {
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  margin-bottom: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--HARD);
  overflow: hidden;
}
.ps-blogposts__post:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--PADD--MD);
  background: var(--bg);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
}
@media (min-width: 61.25em) {
  .ps-blogposts__list--grid .ps-blogposts__post {
    margin-bottom: 0;
  }
}

.ps-blogposts__post-image {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.ps-blogposts__post-image > a {
  display: block;
  height: 100%;
}

.ps-blogposts__post-image--top {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.ps-blogposts__post-image--left {
  float: left;
  margin: var(--PADD--MD);
  margin-bottom: var(--PADD);
  border-radius: var(--radius);
}

.ps-blogposts__post-image--right {
  float: right;
  margin: var(--PADD--MD);
  margin-bottom: var(--PADD);
  border-radius: var(--radius);
}

.ps-blogposts__post-title {
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--PADD--MD);
  padding-bottom: var(--PADD);
  font-size: 100%;
  font-weight: normal;
  border: none;
  font-size: 100% !important;
  line-height: 1em !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: normal !important;
}
.ps-blogposts__post-title > a {
  text-decoration: none;
  word-break: break-word;
  font-size: 18px;
  line-height: 1.4;
}

.ps-blogposts__post-meta {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-blogposts__post-content {
  padding: var(--PADD--MD);
  padding-top: var(--PADD);
  font-size: 90%;
}

.ps-blogposts #user-submitted-posts {
  max-width: 100%;
}
.ps-blogposts #user-submitted-posts select {
  width: 100%;
}
.ps-blogposts #user-submitted-posts fieldset input.usp-input {
  width: 100%;
}
.ps-blogposts div#user-submitted-posts fieldset label {
  font-size: 100%;
}
.ps-blogposts .usp-rich-textarea {
  background-color: #fff;
  border-radius: 0;
  color: #595959;
}
.ps-blogposts #usp_form .chosen-container,
.ps-blogposts .usp-input {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.ps-blogposts #usp_form .chosen-container option,
.ps-blogposts .usp-input option {
  font-family: sans-serif;
}
.ps-blogposts #usp_form .chosen-container:hover,
.ps-blogposts .usp-input:hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-blogposts #usp_form .chosen-container:focus,
.ps-blogposts .usp-input:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-blogposts #usp_form .chosen-container:disabled, .ps-blogposts #usp_form .chosen-container:read-only, .ps-blogposts #usp_form .chosen-container.ps-input--disabled,
.ps-blogposts .usp-input:disabled,
.ps-blogposts .usp-input:read-only,
.ps-blogposts .usp-input.ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-blogposts #usp_form .chosen-container.ps-input--select,
.ps-blogposts .usp-input.ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.ps-blogposts #usp_form .chosen-container.ps-input--select:read-only,
.ps-blogposts .usp-input.ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-blogposts #usp_form .chosen-container.ps-input--select:read-only:hover,
.ps-blogposts .usp-input.ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-blogposts #usp_form .chosen-container.ps-input--select:read-only:focus,
.ps-blogposts .usp-input.ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-blogposts #usp_form .chosen-container,
.ps-blogposts .usp-input {
  min-width: 100%;
  font-size: 14px;
  z-index: auto;
}
.ps-blogposts #usp_form .chosen-container:read-only,
.ps-blogposts .usp-input:read-only {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
}
.ps-blogposts #usp_form .chosen-container:read-only:hover,
.ps-blogposts .usp-input:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
}
.ps-blogposts #usp_form .chosen-container:read-only:focus,
.ps-blogposts .usp-input:read-only:focus {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--INPUT-SHADOW--IN), 0 0 0 3px var(--INPUT-SHADOW);
}
.ps-blogposts #usp_form .chosen-container .chosen-choices,
.ps-blogposts .usp-input .chosen-choices {
  border: 0;
  box-shadow: none;
  background: 0 0;
  padding: 0;
}
.ps-blogposts #usp_form .chosen-container .chosen-results,
.ps-blogposts .usp-input .chosen-results {
  padding: 0;
}
.ps-blogposts .usp_text-editor .wp-media-buttons {
  float: none;
  margin-bottom: -30px;
}
.ps-blogposts .usp_text-editor .wp-switch-editor {
  height: auto;
}
.ps-blogposts div#user-submitted-posts div#usp-upload-message {
  font-size: 80%;
  padding: 5px 0 0;
}
.ps-blogposts .usp-submit {
  --bg: var(--c-ps-btn-action-bg);
  --color: var(--c-ps-btn-action-color);
  --bg--hover: var(--c-ps-btn-action-bg-hover);
  --color--hover: var(--c-ps-btn-action-color-hover);
  display: inline-block;
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--color);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHTEN);
  font-weight: normal;
  border: 0;
}
.ps-blogposts .usp-submit:hover {
  color: var(--color--hover);
  background-color: var(--bg--hover);
}
.ps-blogposts #qt_uspcontent_toolbar > input {
  display: inline-block;
}

.ps-stream-breadcrumbs {
  margin-bottom: var(--PADD);
  display: flex;
  align-items: center;
}

.ps-stream-breadcrumbs__home {
  padding: var(--PADD) var(--PADD) var(--PADD) 0;
}

.ps-stream-breadcrumbs__arrow {
  padding: var(--PADD) var(--PADD--SM);
  color: var(--COLOR--TEXT--LIGHTEN);
}
.ps-stream-breadcrumbs__arrow i {
  font-size: 81%;
}

.ps-stream-breadcrumbs__item {
  padding: var(--PADD);
  color: var(--COLOR--TEXT--LIGHT);
  font-weight: 500;
}
.ps-stream-breadcrumbs__item:hover {
  color: var(--COLOR--TEXT);
}

.ps-posts__empty {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --border: var(--PS-COLOR--INFO--LIGHT);
  --color: var(--PS-COLOR--INFO--DARK);
  --padd: var(--PADD) var(--PADD--MD);
  display: block;
  width: 100%;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  padding: var(--padd);
  font-size: 80%;
  color: var(--color);
  background-color: var(--bg);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-posts__empty i {
  margin-right: var(--PADD--SM);
}
.ps-posts__empty p:first-child {
  margin-top: 0;
}
.ps-posts__empty p:last-child {
  margin-bottom: 0;
}
.ps-posts__empty:first-child {
  margin-top: 0;
}
.ps-posts__empty:last-child {
  margin-bottom: 0;
}
.ps-posts__empty:empty {
  display: none;
}
.ps-posts__empty {
  display: none;
  margin-top: var(--PADD);
}

.ps-posts__action {
  margin-top: var(--PADD--MD);
}

.ps-comments--lightbox {
  flex-grow: 2;
  font-size: 90%;
}

.ps-comments--nested {
  --nested-gap: 10%;
}

.ps-comments--hide {
  display: none;
}

.ps-comments__closed {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
  opacity: 0.75;
}

.ps-comments__reply {
  display: flex;
  align-items: center;
  padding: var(--PADD) var(--PADD--MD);
  padding-right: var(--PADD);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  border-bottom-left-radius: var(--BORDER-RADIUS--XL);
  border-bottom-right-radius: var(--BORDER-RADIUS--XL);
  line-height: 1.15;
}
.ps-comments--nested .ps-comments__reply {
  display: block;
  margin-top: auto;
  padding: var(--PADD);
  margin-left: var(--nested-gap);
}
.ps-comments--nested .ps-comments__reply > .ps-avatar {
  display: none;
}
.ps-comments--nested .ps-comments__reply .ps-comments__input-wrapper {
  margin-left: 0;
  margin-right: 0;
}
.ps-comments--nested .ps-comments__reply .ps-comments__reply-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--PADD);
  margin-left: 0;
  margin-right: 0;
}
.ps-comments--nested .ps-comments__reply .ps-comments__reply-actions .ps-btn:first-child {
  margin-right: var(--PADD--SM);
}
.ps-comments--nested .ps-comments__reply .ps-comments__reply-actions .ps-btn:last-child {
  margin-left: var(--PADD--SM);
}
.ps-comments--nested .ps-comments__reply .ps-comments__input-addons {
  top: auto;
  bottom: 100%;
}
.ps-comments--nested .ps-comments__reply .ps-comments__input-addon:before {
  top: 100%;
  bottom: auto;
  border-top: 8px solid var(--PS-COLOR--APP);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: none;
}
@media (max-width: 61.24em) {
  .ps-comments__reply {
    padding: var(--PADD);
    display: block;
  }
  .ps-comments__reply > .ps-avatar {
    display: none;
  }
}

.ps-comments__reply--lightbox {
  display: block;
  margin-top: auto;
  padding: var(--PADD);
}
.ps-comments__reply--lightbox .ps-avatar {
  display: none;
}
.ps-comments__reply--lightbox .ps-comments__input-wrapper {
  margin-left: 0;
  margin-right: 0;
}
.ps-comments__reply--lightbox .ps-comments__reply-actions {
  display: flex;
  margin-top: var(--PADD);
  margin-left: 0;
  margin-right: 0;
}
.ps-comments__reply--lightbox .ps-comments__reply-actions .ps-btn {
  flex-grow: 1;
}
.ps-comments__reply--lightbox .ps-comments__reply-actions .ps-btn:first-child {
  margin-right: var(--PADD--SM);
}
.ps-comments__reply--lightbox .ps-comments__reply-actions .ps-btn:last-child {
  margin-left: var(--PADD--SM);
}
.ps-comments__reply--lightbox .ps-comments__input-addons {
  top: auto;
  bottom: 100%;
}
.ps-comments__reply--lightbox .ps-comments__input-addon:before {
  top: 100%;
  bottom: auto;
  border-top: 8px solid var(--PS-COLOR--APP);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: none;
}

.ps-comments__edit {
  margin-top: var(--PADD);
  margin-bottom: var(--PADD);
}
@media (min-width: 61.25em) {
  .ps-comments__edit {
    display: flex;
    align-items: center;
  }
}

.ps-comments__reply-send {
  display: none;
}
@media (max-width: 46.24em) {
  .ps-comments__reply-send {
    width: 50%;
    margin-left: auto;
  }
}

.ps-comments__reply-actions {
  margin-left: var(--PADD);
}
.ps-comments__reply-actions .ps-btn {
  --font-size: var(--o-font-size);
  --line-height: var(--o-line-height);
  --padd: var(--PADD);
}
@media (max-width: 61.24em) {
  .ps-comments__reply-actions {
    display: flex;
    margin: 0;
    margin-top: var(--PADD);
  }
  .ps-comments__reply-actions .ps-btn {
    flex-grow: 1;
  }
}
@media (max-width: 46.24em) {
  .ps-comments__reply-actions .ps-btn:last-child {
    margin-left: var(--PADD--SM);
  }
}

.ps-comments__input-wrapper {
  --o-font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
  --o-line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 2;
  margin-left: var(--PADD);
  background: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-comments__edit .ps-comments__input-wrapper {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 61.24em) {
  .ps-comments__input-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.ps-comments__input {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.ps-comments__input option {
  font-family: sans-serif;
}
.ps-comments__input:hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-comments__input:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-comments__input:disabled, .ps-comments__input:read-only, .ps-comments__input.ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-comments__input.ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.ps-comments__input.ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-comments__input.ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-comments__input.ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-comments__input {
  --height: 40px;
  --max-height: 250px;
  --font-size: var(--PS-BEAUTIFIER-FONT-SIZE);
  --line-height: var(--PS-BEAUTIFIER-LINE-HEIGHT);
  --input-bg: transparent;
  --input-bg--focus: transparent;
  position: static;
  width: 100%;
  min-width: 0;
  min-height: var(--height);
  resize: none;
  overflow: hidden;
  background-color: var(--input-bg);
  border: 1px solid transparent;
  box-shadow: none;
  border: none !important;
  padding: var(--input-padd) !important;
  font-size: var(--PS-BEAUTIFIER-FONT-SIZE) !important;
}
.ps-comments__input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.ps-comments__input.ps-textarea:not(.editor-post-title__input) {
  background-color: var(--input-bg);
  box-shadow: none;
}
.ps-comments__input.ps-textarea:not(.editor-post-title__input):focus {
  border-bottom: none !important;
  background-color: var(--input-bg--focus);
}
.ps-comments__input:hover {
  background-color: var(--input-bg);
  border: 1px solid transparent;
  box-shadow: none;
}
.ps-comments__input:focus {
  position: static;
  background-color: var(--input-bg--focus);
  border: 1px solid transparent;
  box-shadow: none;
}
.ps-comments__reply--lightbox .ps-comments__input {
  max-height: 200px;
  overflow: auto;
  scrollbar-width: none;
}
.ps-comments__reply--lightbox .ps-comments__input::-webkit-scrollbar {
  width: 0;
}
@media (max-width: 61.24em) {
  .ps-comments__reply--lightbox .ps-comments__input {
    max-height: 120px;
  }
}

.ps-comments__input-addons {
  position: absolute;
  z-index: 30;
  top: 100%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (max-width: 61.24em) {
  .ps-comments__input-addons {
    top: auto;
    bottom: 100%;
  }
}
@media (min-width: 46.25em) {
  .ps-comments__input-addons:hover {
    color: var(--PS-COLOR--TEXT);
  }
}
.ps-comments__input-addons {
  right: 0;
}

.ps-comments__input-addon {
  position: relative;
  display: none;
  padding: var(--PADD--SM);
  text-align: center;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  width: 100px;
  height: auto;
}
.ps-comments__input-addon .ps-loading {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.ps-comments__input-addon:before {
  content: " ";
  position: absolute;
  left: var(--PADD--MD);
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--PS-COLOR--APP);
}
@media (max-width: 61.24em) {
  .ps-comments__input-addon:before {
    top: 100%;
    bottom: auto;
    border-top: 8px solid var(--PS-COLOR--APP);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
  }
}
.ps-comments__input-addon > img {
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--BORDER-RADIUS);
}

.ps-comments__input-addon-remove {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--PADD--SM);
  line-height: 0;
  background-color: var(--PS-COLOR--APP);
  border-bottom-left-radius: var(--BORDER-RADIUS);
  cursor: pointer;
}

.ps-comments__input-addon--photo {
  width: 100px;
  height: 100px;
}

.ps-comments__input-addon--giphy {
  min-width: auto;
  height: auto;
}

.ps-comments__input-actions {
  display: flex;
  align-items: center;
  padding-right: var(--PADD);
}
@media (max-width: 46.24em) {
  .ps-comments__input-actions {
    position: absolute;
    bottom: -37px;
    display: none;
    right: 52%;
  }
}

.ps-comments__input-action {
  margin-right: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-comments__input-action:hover {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-comments__input-action:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-comments__list {
  background-color: var(--PS-COLOR--APP--GRAY);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-comments--nested .ps-comments__list {
  border-top: none;
}
.ps-comments__list:empty {
  display: none;
}

.ps-comments__more {
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
}
.ps-comments__more > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (min-width: 46.25em) {
  .ps-comments__more > a:hover {
    color: var(--PS-COLOR--TEXT);
  }
}
.ps-comments--nested .ps-comments__more {
  padding-left: var(--nested-gap);
  border-top: 1px dashed var(--DIVIDER);
}

.ps-list--dots {
  line-height: 1.4;
}
.ps-list--dots > * {
  display: block;
}
.ps-list--dots > *:before {
  content: "• ";
}

.ps-avatar--notification {
  --width: var(--medium);
}

.ps-notification {
  --bg: var(--PS-COLOR--APP);
  background-color: var(--bg);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-notification .ps-notification__inside {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-notification .ps-notification__inside:hover {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-notification .ps-notification__inside .ps-notification__desc {
  padding: var(--PADD);
  text-align: center;
}

.ps-notification__wrapper:last-child .ps-notification {
  border-bottom: none;
}

.ps-notification--unread {
  --bg: var(--c-ps-notification-unread-bg);
}

.ps-notification__link {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ps-notification--friend .ps-notification__link {
  cursor: default;
}

.ps-notification__avatar {
  min-width: 58px;
  padding: var(--PADD);
  padding-right: 0;
}

.ps-notification__body {
  flex-grow: 2;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
}
.ps-notification__body a {
  color: var(--PS-COLOR--TEXT);
}
.ps-notification__body a:hover {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-notification__desc {
  font-size: 80%;
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-notification__link .ps-notification__desc > a {
  color: var(--PS-COLOR--TEXT);
}
.ps-notification__link .ps-notification__desc > a:hover, .ps-notification__link .ps-notification__desc > a:focus {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-notification__desc-quote {
  display: inline;
  font-style: italic;
}
.ps-notification__desc-quote > span {
  display: inline-block;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-notification__desc-quote > span i {
  margin-right: var(--PADD--SM);
}

.ps-notification__meta {
  margin-top: var(--PADD--SM);
  font-size: 70%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  display: flex;
  justify-content: space-between;
}
.ps-notification__meta a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-notification__meta a:hover, .ps-notification__meta a:focus {
  color: var(--PS-COLOR--TEXT);
}
.ps-notification__meta > span {
  margin-right: var(--PADD--SM);
}
@media (max-width: 61.24em) {
  .ps-notification__meta > span {
    padding-top: var(--PADD--SM);
    padding-bottom: var(--PADD--SM);
  }
}
.ps-notification__meta > span:not(.ps-notification__status) i {
  margin-right: calc(var(--PADD--SM) / 2);
}

.ps-notification__status i {
  margin-left: calc(var(--PADD--SM) / 2);
}
@media (min-width: 61.25em) {
  .ps-notification__status > span {
    display: none;
  }
}

.ps-notification__time {
  position: relative;
  display: inline-block;
  transition: all 0.2s ease;
}
.ps-notification:hover .ps-notification__time {
  padding-right: var(--PADD--MD);
}

.ps-notification__read {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all 0.2s ease;
}
.ps-notification:hover .ps-notification__read {
  opacity: 1;
}

.ps-notification__actions {
  display: flex;
  padding: var(--PADD);
}
.ps-notification__actions .ps-btn {
  margin-right: var(--PADD--SM);
}
.ps-notification__actions .ps-btn:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-notifications-page .ps-notification__wrapper {
  margin-bottom: var(--PADD--SM);
}
.ps-notifications-page .ps-notification__wrapper:hover {
  opacity: 0.9;
}
.ps-notifications-page .ps-notification__wrapper:last-child .ps-notification {
  border-bottom: 1px solid var(--DIVIDER--LIGHTEN);
}
.ps-notifications-page .ps-notification__wrapper .ps-notification {
  border: 1px solid var(--DIVIDER--LIGHTEN);
  border-radius: var(--radius);
}
.ps-notifications-page .ps-notification__wrapper .ps-notification--unread {
  border: 1px solid var(--bg);
}

.ps-notifications-page__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--PADD--XL);
}

.ps-notifications__title {
  font-size: 180%;
}

.ps-notifications__actions {
  font-size: 85%;
  color: var(--COLOR--TEXT--LIGHT);
  transition: all 0.3s ease-in;
}
.ps-notifications__actions:hover {
  color: var(--COLOR--TEXT);
}

.ps-notifications-page__nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap-reverse;
  margin-bottom: var(--PADD);
}

.ps-notifications__nav {
  display: flex;
  margin-bottom: var(--PADD);
}

.ps-notifications__nav-actions {
  margin-bottom: var(--PADD);
}
.ps-notifications__nav-actions > a {
  transition: all 0.3s ease-in;
  font-size: 90%;
  white-space: nowrap;
}
.ps-notifications__nav-actions > a:hover {
  text-decoration: none;
}

.ps-notifications-page__list {
  background-color: var(--PS-COLOR--APP);
  padding: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-page--register {
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--XL);
  --shadow: var(--BOX-SHADOW--HARD);
  padding: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.ps-page--register .ps-form__field {
  --gap: 50px;
  position: relative;
}
.ps-page--register .ps-form__field input[name*=password],
.ps-page--register .ps-form__field input[id*=pass] {
  padding-right: var(--gap);
  padding-right: var(--gap) !important;
}
.ps-page--register .ps-form__field > i {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-page--register .ps-form__field > i i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-page--register .ps-form__field > i.ps-password-preview {
  cursor: pointer;
  padding: 8px;
  left: unset;
  right: 0;
  padding-left: 12px;
  padding-right: 18px;
}
.ps-page--register .ps-form__field .ps-password-preview {
  top: 22px;
}

@media (min-width: 61.25em) {
  .ps-profile__layout {
    display: flex;
    flex-direction: row-reverse;
  }
}

@media (min-width: 61.25em) {
  .ps-profile__side {
    min-width: 200px;
    max-width: 200px;
    margin-left: var(--PADD--MD);
  }
}
.ps-profile__side .ps-profile__widget .ps-widget {
  margin-bottom: var(--PADD--MD);
}

@media (min-width: 61.25em) {
  .ps-profile__middle {
    flex-grow: 1;
    min-width: 0;
  }
}

.ps-profile__edit {
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-profile__edit-tabs {
  flex-wrap: wrap;
  margin-bottom: 0;
  font-size: 80%;
  border-radius: 0;
  box-shadow: none;
}
.ps-profile__edit-tabs .ps-tabs__item > a {
  color: var(--tabs-text-color--hover);
  background-color: transparent;
  border-bottom: 1px solid var(--tabs-item-separator);
}
@media (min-width: 46.25em) {
  .ps-profile__edit-tabs .ps-tabs__item > a:hover {
    background-color: var(--tabs-bg--hover);
  }
}
@media (max-width: 61.24em) {
  .ps-profile__edit-tabs .ps-tabs__item > a {
    display: block;
  }
  .ps-profile__edit-tabs .ps-tabs__item > a > span {
    font-size: 80%;
  }
}
.ps-profile__edit-tabs .ps-tabs__item:first-child > a, .ps-profile__edit-tabs .ps-tabs__item:last-child > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ps-profile__edit-tabs .ps-tabs__item--active > a {
  border-bottom: 1px solid transparent;
}
.ps-profile__edit-tabs .ps-tabs__item--active > a:hover {
  background-color: transparent;
}

.ps-profile__progress {
  padding: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-profile__progress-message {
  margin-bottom: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-profile__progress-message > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
@media (min-width: 46.25em) {
  .ps-profile__progress-message > a:hover, .ps-profile__progress-message > a:focus {
    color: var(--PS-COLOR--TEXT);
    color: var(--PS-COLOR--TEXT) !important;
  }
}

.ps-profile__progress-bar {
  --radius: 10px;
  --height: 10px;
  width: 100%;
  height: var(--height);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  overflow: hidden;
}
.ps-profile__progress-bar > span {
  display: block;
  width: auto;
  height: var(--height);
  background-color: var(--PS-COLOR--PRIMARY);
  border-radius: var(--radius);
  transition: width 0.3s ease;
}

.ps-profile__progress-required {
  margin-top: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--ABORT);
}
.ps-profile__progress-required:before {
  content: "\f06a  ";
  display: inline;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-profile__about-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-profile__about-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.ps-profile__about-fields {
  padding: var(--PADD--MD);
}

.ps-profile__about-field {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__about-field .ps-alert {
  margin-top: var(--PADD);
  margin-bottom: 0;
}
.ps-profile__about-field:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ps-profile__about-field-required {
  color: var(--PS-COLOR--ABORT);
}

.ps-profile__about-field-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ps-profile__about-field-title {
  font-size: 80%;
  text-transform: uppercase;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-profile__about-field-edit {
  display: flex;
}

.ps-profile__about-field-edit-item {
  margin-right: var(--PADD--SM);
}
.ps-profile__about-field-edit-item:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-profile__about-field-static {
  font-size: 90%;
}

.ps-profile__about-field-placeholder {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-profile__about-field-form {
  display: none;
}
.ps-profile__about-field-form .ps-input__wrapper {
  margin-top: var(--PADD);
}

.ps-profile__preferences {
  padding-bottom: var(--PADD);
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-profile__preferences .ps-form__legend {
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__preferences .ps-form__legend:first-of-type {
  border-top: none;
}

.ps-profile__preference {
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
}
.ps-profile__preference + .ps-form__legend {
  margin-top: var(--PADD);
}
.ps-profile__preference .ps-dropdown {
  margin-top: var(--PADD--SM);
}

.ps-profile__notifications {
  line-height: var(--PS-LINE-HEIGHT);
}

.ps-profile__notifications--other {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__notifications--other .ps-profile__notifications-row {
  padding: var(--PADD--SM);
}

.ps-profile__notifications-title {
  font-size: 128%;
}

.ps-profile__list {
  background-color: var(--COLOR--APP--GRAY);
  padding: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ps-profile__notifications-row {
  padding: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__notifications-row:last-child {
  border-bottom: none;
}

.ps-profile__notifications-row-title {
  margin-bottom: var(--PADD);
}

.ps-profile__notifications-row-desc {
  position: relative;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-profile__notifications-row-desc > .ps-form__check {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: var(--PADD--MD);
  transform: translateY(-50%);
}

.ps-profile__notifications-row-data {
  font-size: 90%;
}
.ps-profile__notifications-row-data .ps-alert {
  margin-top: var(--PADD);
  margin-bottom: 0;
}

.ps-profile__notifications-shortcuts {
  margin-top: var(--PADD);
}

.ps-profile__notifications-list {
  margin-top: var(--PADD--MD);
}

.ps-profile__notifications-list-item .ps-form__field {
  padding: var(--PADD--SM) var(--PADD);
  transition: background-color 0.1s ease;
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-profile__notifications-list-item .ps-form__field:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-profile__notifications-list-item:last-child {
  margin-bottom: 0;
}

.ps-profile__notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.4;
}

.ps-profile__notification-header {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__notification-header.ps-form__field {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.ps-profile__notification-header.ps-form__field:hover {
  background-color: transparent;
}
.ps-profile__notification-header .ps-profile__notification {
  display: block;
}
.ps-profile__notification-header .ps-profile__notification-checkbox {
  justify-content: flex-end;
  padding-left: var(--PADD);
  padding-right: var(--PADD);
}
.ps-profile__notification-legend.ps-form__field {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.ps-profile__notification-legend.ps-form__field:hover {
  background-color: transparent;
}

.ps-profile__notification-label {
  font-size: 80%;
  font-weight: normal;
}
.ps-profile__notification-legend .ps-profile__notification-label {
  padding-top: var(--PADD);
  font-size: 100%;
}
.ps-profile__notification-label + .ps-profile__notification-checkbox {
  padding-left: var(--PADD);
}
.ps-profile__notification-label small {
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-profile__notification-label small:before {
  content: " ";
  display: block;
}

.ps-profile__notification-title {
  font-weight: bold;
  font-size: 80%;
}

.ps-profile__notification-checkbox {
  display: flex;
}
.ps-profile__notification-checkbox > span {
  min-width: 35px;
  text-align: center;
}
.ps-profile__notification-checkbox:empty {
  display: none;
}
.ps-profile__notification-checkbox .ps-checkbox__label:before {
  margin-left: 0;
  margin-right: 0;
}

.ps-profile__account-row {
  padding: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-profile__account-row:last-child {
  border-bottom: none;
}

.ps-profile__account-row--gdpr p {
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-profile__account-header {
  margin-bottom: var(--PADD--MD);
}

.ps-profile__account-form {
  font-size: 90%;
}
.ps-profile__account-form .ps-form__field {
  --gap: 50px;
  position: relative;
}
.ps-profile__account-form .ps-form__field input[name*=password],
.ps-profile__account-form .ps-form__field input[id*=pass] {
  padding-right: var(--gap);
  padding-right: var(--gap) !important;
}
.ps-profile__account-form .ps-form__field > i {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: calc(var(--gap) / 3);
  right: auto;
  transform: translateY(-50%);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-profile__account-form .ps-form__field > i i {
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-profile__account-form .ps-form__field > i.ps-password-preview {
  cursor: pointer;
  padding: 8px;
  left: unset;
  right: 0;
  padding-left: 12px;
  padding-right: 18px;
}
.ps-profile__account-form .ps-form__field .ps-password-preview {
  top: var(--PADD--MD);
}

.ps-profile__account-gdpr #download-request-account-data .ps-form__container {
  display: flex;
  margin-bottom: var(--PADD);
}
.ps-profile__account-gdpr #download-request-account-data .ps-form__container .ps-form__row--submit:not(:last-child) {
  margin-right: var(--PADD);
}

@media (min-width: 61.25em) {
  .ps-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
  .ps-members > .ps-alert {
    grid-column-start: 1;
    grid-column-end: span 2;
  }
}

.ps-members__tabs {
  text-align: center;
}
.ps-members__tabs .ps-members__tab {
  width: 50%;
}

.ps-members__header {
  display: flex;
  align-items: center;
  margin-bottom: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-members__search {
  flex-grow: 1;
  position: relative;
  border-right: 1px solid var(--DIVIDER--LIGHT);
  padding-left: var(--PADD--XL);
}
.ps-members__search:before {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--PS-COLOR--TEXT--LIGHT);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--PADD);
}
.ps-members__search input.ps-input {
  width: 100%;
  padding: var(--PADD);
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.ps-members__search input.ps-input:hover, .ps-members__search input.ps-input:focus {
  box-shadow: none;
  border: none;
}

.ps-members__filters-toggle {
  padding: var(--PADD--SM) var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
.ps-members__filters-toggle:hover, .ps-members__filters-toggle:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.ps-members__filters {
  display: none;
  padding: var(--PADD) var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-members__filters-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--PADD--SM));
  margin-right: calc(-1 * var(--PADD--SM));
  font-size: 90%;
}

.ps-members__filter {
  flex-grow: 1;
  padding: var(--PADD) var(--PADD--SM);
}

.ps-members__filter-label {
  margin-bottom: var(--PADD--SM);
  font-weight: bold;
}

.ps-members__filter--vip .ps-input--select:after {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) scaleX(0.95);
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 80%;
}
.ps-members__filter--vip .ps-vip__icon {
  margin-right: var(--PADD--SM);
}

.ps-members__view {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--PADD--MD);
}

.ps-members__view-inner {
  display: flex;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS);
}
.ps-members__view-inner > a {
  padding: var(--PADD);
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-members__view-inner > a:last-child {
  border: none;
}

.ps-blogposts__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-blogposts__tabs-inner:first-child {
  margin-top: 0;
}

.ps-blogposts__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-blogposts__tab:hover, .ps-blogposts__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-blogposts__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-blogposts__tab > a:hover, .ps-blogposts__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-blogposts__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-blogposts__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-blogposts__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-blogposts__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-blogposts__tab:last-child {
  border-right: none;
}
.ps-blogposts__tab i {
  color: var(--tabs-icon-color);
}
.ps-blogposts__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-blogposts__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-blogposts__tab {
  width: 50%;
}

.ps-blogposts__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-blogposts__tab--active:hover, .ps-blogposts__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-blogposts__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-blogposts__tab--active > a:hover, .ps-blogposts__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-blogposts__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-blogposts__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-blogposts__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-blogposts__filters {
  margin-bottom: var(--PADD--MD);
}

@media (min-width: 61.25em) {
  .ps-blogposts__list--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}

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

.ps-blogposts__authorbox {
  margin-top: var(--PADD--MD);
}

.ps-blogposts__authorbox-desc {
  margin-top: var(--PADD);
  line-height: 1.4;
  font-size: 80%;
}

.peepso-markdown > p > img:not(.ps-vip__icon) {
  margin-top: var(--PADD--SM);
  margin-bottom: var(--PADD--SM);
  display: block;
  max-height: 250px;
}
.peepso-markdown > p .ps-vip__icon {
  display: inline-block;
}

.ps-redirect__link a {
  word-break: break-all;
}

@media (max-width: 61.24em) {
  .ps-redirect__box-actions .ps-btn {
    text-align: center;
  }
  .ps-redirect__box-actions .ps-btn:first-child {
    margin-right: var(--PADD--MD);
  }
}

@media (max-width: 61.24em) {
  .ps-btn--login {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.ps-checkbox--login {
  font-size: 80%;
}

.ps-modal .psf-login {
  padding: 0;
}

.psf-login__links {
  margin-top: var(--PADD--MD);
  font-size: 80%;
}
.psf-login--inline .psf-login__links {
  margin-top: 0;
}

.psf-login__link {
  display: block;
  margin-top: var(--PADD);
}
@media (min-width: 61.25em) {
  .psf-login--inline .psf-login__link {
    display: inline-block;
    margin-right: var(--PADD--SM);
  }
}

.psf-login__link--activation.psf-login__link {
  display: none;
}

.psf-register {
  margin: calc(-1 * var(--PADD--MD));
  margin-top: 0;
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.psf-register--main {
  margin: 0;
  padding: 0;
  border: none;
}

.ps-form--report .ps-input {
  font-size: 90%;
}
.ps-form--report .ps-input--select {
  margin-bottom: var(--PADD);
}
.ps-form--report .ps-alert {
  margin-bottom: 0;
}

.ps-form--ban {
  font-size: 90%;
}
.ps-form--ban .ps-form__row {
  align-items: center;
}
.ps-form--ban .ps-form__label {
  margin-right: var(--PADD);
}
.ps-form--ban .ps-form__field {
  margin-top: 0;
}

.ps-form--repost blockquote p:last-child {
  margin-bottom: 0;
}
.ps-form--repost .wp-embedded-content {
  max-width: 100%;
}

.psw-avatar--profile {
  --width: var(--large);
  position: relative;
  z-index: 2;
  margin-top: var(--PADD--MD);
}
.twenty-fourteen .psw-avatar--profile {
  margin-left: -10px;
}
.psw-avatar--profile img {
  border: 5px solid var(--PS-COLOR--APP);
  box-shadow: 0 0 0 2px var(--DIVIDER);
}
.psw-profile--cover .psw-avatar--profile img {
  box-shadow: none;
}
@media (max-width: 61.24em) {
  .psw-avatar--profile {
    margin-top: var(--PADD--MD);
  }
}
@media (min-width: 61.25em) {
  .psw-avatar--profile {
    --width: var(--xlarge);
  }
  .gc-widget .psw-avatar--profile {
    margin-top: 0;
  }
}

.psw-notifs--profile {
  position: relative;
  justify-content: center;
}
.psw-notifs--profile .pso-notif {
  position: static;
}
.psw-notifs--profile .pso-notifbox {
  min-width: 100%;
  width: auto;
  left: calc(var(--PADD--MD) * -1);
  right: calc(var(--PADD--MD) * -1);
}

.psw-profile {
  position: relative;
}
.ps-widget--preview .psw-profile {
  max-width: 300px;
  margin: var(--PADD--MD) auto;
}
.gc-widget--preview .psw-profile {
  max-width: 100%;
  margin: 0;
}

.psw-profile__header {
  margin-bottom: var(--PADD--MD);
}

.psw-profile__avatar {
  position: relative;
  margin-bottom: var(--PADD--MD);
  text-align: center;
}

.psw-profile__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--BORDER-RADIUS--XL);
  overflow: hidden;
}
.gc-widget .psw-profile__cover {
  margin-top: calc(-1 * var(--PADD--MD));
  margin-left: calc(-1 * var(--PADD--MD));
  margin-right: calc(-1 * var(--PADD--MD));
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.psw-profile__cover:before {
  content: " ";
  display: block;
  padding-top: 50%;
}

.psw-profile__meta .ps-notifs {
  justify-content: center;
}
.psw-profile__meta .ps-notif:before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--DIVIDER);
  right: calc(-1 * (var(--PADD) - 3px));
}
.psw-profile__meta .ps-notif:last-child:before {
  display: none;
}

.psw-profile__title {
  margin-bottom: var(--PADD);
  text-align: center;
}
.psw-profile__title a {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.psw-profile__title a:hover {
  color: var(--PS-COLOR--TEXT);
}

.psw-profile__progress {
  margin-top: var(--PADD);
}

.psw-profile__progress-message {
  margin-bottom: var(--PADD);
  font-size: 80%;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-profile__progress-message > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
.psw-profile__progress-message > a:hover, .psw-profile__progress-message > a:focus {
  color: var(--PS-COLOR--TEXT);
}

.psw-profile__progress-bar {
  --radius: 10px;
  --height: 10px;
  width: 100%;
  height: var(--height);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  overflow: hidden;
}
.psw-profile__progress-bar > span {
  display: block;
  width: auto;
  height: var(--height);
  background-color: var(--PS-COLOR--PRIMARY);
  border-radius: var(--radius);
  transition: width 0.3s ease;
}

.gc-widget .psw-profile__menu {
  margin-left: calc(-1 * (var(--PADD--MD)));
  margin-right: calc(-1 * (var(--PADD--MD)));
}

.psw-profile__menu-item {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.psw-profile__menu-item:hover, .psw-profile__menu-item:focus {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.psw-profile__menu-item i {
  min-width: 20px;
  text-align: center;
  margin-right: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-profile__menu-item.ps-navbar__menu-item--home i {
  display: inline-block;
}

.psw-profile__menu-title {
  padding: calc(var(--PADD--MD) - var(--PADD--SM));
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.gc-widget .psw-profile__menu-title {
  margin-left: calc(-1 * (var(--PADD--MD) - var(--PADD--SM)));
  margin-right: calc(-1 * (var(--PADD--MD) - var(--PADD--SM)));
}

.psw-login--horizontal .ps-form--login {
  display: grid;
  grid-row-gap: var(--PADD);
  grid-column-gap: var(--PADD);
  grid-template-areas: "one two three" "four four four";
}
.psw-login--horizontal .ps-form--login .ps-form__row--username {
  grid-area: one;
}
.psw-login--horizontal .ps-form--login .ps-form__row--password {
  grid-area: two;
}
.psw-login--horizontal .ps-form--login .ps-form__row--submit {
  grid-area: three;
}
.psw-login--horizontal .ps-form--login .ps-form__row--remember {
  grid-area: four;
}
.psw-login--horizontal .psf-login__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--PADD);
  margin-top: 0;
}

.psw-notifs--userbar {
  align-items: center;
}

.psw-userbar {
  --bubble-bg: var(--PS-COLOR--WARNING);
  --bubble-color: #fff;
  --bubble-font-size: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 61.25em) {
  .psw-userbar {
    position: relative;
  }
}
.ps-widget--preview .psw-userbar {
  margin: var(--PADD--MD);
}
.gc-widget--preview .psw-userbar {
  margin: 0;
}
.psw-userbar .ps-avatar {
  display: block;
}

@media (max-width: 61.24em) {
  .psw-userbar--mobile .psw-userbar__inner {
    display: none;
  }
  .psw-userbar--mobile .psw-userbar__inner + .psw-userbar__toggle {
    display: block;
  }
}

@media (min-width: 61.25em) {
  .psw-userbar--desktop .psw-userbar__inner {
    display: none;
  }
  .psw-userbar--desktop .psw-userbar__inner + .psw-userbar__toggle {
    display: block;
  }
}

.psw-userbar--open .psw-userbar__inner {
  display: flex;
  margin-right: var(--PADD--MD);
}

.psw-userbar__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: var(--G3);
  width: 100%;
}
.gc-widget .psw-userbar__inner, .header__widget .psw-userbar__inner {
  position: static;
}
.psw-userbar__inner .ps-notif__toggle {
  position: relative;
}
.psw-userbar__inner .ps-vip__icons {
  display: flex;
  align-items: center;
  margin-left: var(--PADD--SM);
}
.psw-userbar__inner .ps-vip__icons > .ps-vip__icon {
  margin-right: var(--PADD--SM);
  transform: none;
}
.psw-userbar__inner .ps-vip__icons > .ps-vip__icon:last-child {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 61.24em) {
  .psw-userbar__inner .ps-dropdown {
    position: static;
  }
}
@media (max-width: 61.24em) {
  .psw-userbar__inner .ps-dropdown__menu {
    width: 60%;
    top: 90%;
    left: 0;
    right: 0;
    transform: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 61.25em) {
  .psw-userbar__inner .ps-dropdown__menu {
    top: 190%;
  }
}

.psw-userbar__toggle {
  position: relative;
  display: none;
  color: var(--PS-COLOR--TEXT--LIGHT);
  cursor: pointer;
}
.psw-userbar__toggle:hover, .psw-userbar__toggle:focus {
  color: var(--PS-COLOR--TEXT);
}
.psw-userbar--open .psw-userbar__toggle i:before {
  content: "\f057";
}
.psw-userbar--open .psw-userbar__toggle .ps-notif__bubble {
  display: none;
}
.psw-userbar .psw-userbar__toggle .ps-notif__bubble--all {
  top: calc(-1 * var(--PADD--SM));
}
.psw-userbar__toggle--avatar i {
  display: none;
}
.psw-userbar--open .psw-userbar__toggle--avatar i {
  display: block;
}
.psw-userbar--open .psw-userbar__toggle--avatar .ps-avatar {
  display: none;
}

.psw-userbar__user {
  display: flex;
  align-items: center;
}

.psw-userbar__user-profile {
  display: flex;
  align-items: center;
  margin-left: var(--PADD);
}

.psw-userbar__name {
  padding-left: var(--PADD);
  font-size: 80%;
}
.psw-userbar__name > a {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.psw-userbar__name > a:hover, .psw-userbar__name > a:focus {
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}

.psw-userbar__menu .ps-dropdown__menu {
  z-index: 100;
}

.psw-userbar__menu-toggle {
  font-size: 90%;
  padding-left: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
.psw-userbar__menu-toggle:hover, .psw-userbar__menu-toggle:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.psw-userbar__logout {
  margin-left: var(--PADD);
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT) !important;
}
.psw-userbar__logout:hover, .psw-userbar__logout:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.psw-userbar--left .psw-userbar__inner {
  justify-content: flex-start;
}

.psw-userbar--right .psw-userbar__inner {
  justify-content: flex-end;
}

.psw-userbar--center .psw-userbar__inner {
  justify-content: center;
}

.psw-userbar--space .psw-userbar__inner {
  justify-content: space-between;
}

@media (min-width: 61.25em) {
  .psw-userbar__user-profile:hover .ps-dropdown__menu {
    display: block !important;
  }
  .psw-userbar__user-profile .ps-dropdown__menu {
    top: 10px;
    left: auto;
    right: 10px;
  }
  .psw-userbar__user-profile .psw-avatar--userbar + .psw-userbar__menu .ps-dropdown__toggle {
    display: none;
  }
}

.psw-photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--PADD--SM);
  grid-row-gap: var(--PADD--SM);
  justify-content: center;
}
.ps-widget--story .psw-photos {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: var(--PADD);
}

.psw-photos__photo img {
  border-radius: var(--BORDER-RADIUS--MD);
  vertical-align: middle;
}
.ps-widget--story .psw-photos__photo {
  width: 100%;
}
@media (max-width: 46.24em) {
  .ps-widget--story .psw-photos__photo:nth-child(n+5) {
    display: none;
  }
}

.psw-photos__photo-link {
  display: block;
}
.ps-widget--story .psw-photos__photo-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: var(--PADD);
  aspect-ratio: 3/4;
  padding-block: var(--PADD);
  background-color: var(--wp--preset--color--base-light);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--BORDER-RADIUS--MD);
  transition: box-shadow 0.2s ease;
}
.ps-widget--story .psw-photos__photo-link .pso-avatar {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}
.ps-widget--story .psw-photos__photo-link:hover {
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.25);
}

.psw-photos__photo-user {
  max-width: 80%;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  border-radius: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.psw-photos__more {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-top: var(--PADD--SM);
  font-size: 80%;
}

.psw-photos__info {
  grid-column-start: 1;
  grid-column-end: 5;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}

.psw-media {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
  justify-content: center;
}

.psw-media__video {
  position: relative;
  background-color: #000;
  overflow: hidden;
  border-radius: var(--BORDER-RADIUS--MD);
}
.psw-media__video:before {
  content: "";
  height: 0;
  display: block;
  padding-top: 100%;
  width: 1px;
  position: relative;
}
.psw-media__video img {
  width: auto;
  max-width: none;
  height: 150%;
  vertical-align: middle;
}

.psw-media__audio {
  position: relative;
  overflow: hidden;
  border-radius: var(--BORDER-RADIUS--MD);
}
.psw-media__audio:before {
  content: "";
  height: 0;
  display: block;
  padding-top: 100%;
  width: 1px;
  position: relative;
}
.psw-media__audio img {
  width: auto;
  max-width: none;
  height: 100%;
  vertical-align: middle;
}

.psw-media__link > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.psw-media__play {
  display: block;
}

.psw-media__more {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-top: var(--PADD--SM);
  font-size: 80%;
}

.psw-media__info {
  grid-column-start: 1;
  grid-column-end: 5;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}

.psw-members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--G2);
  grid-row-gap: var(--G2);
  justify-content: center;
}
.psw-members > span {
  grid-column-start: 1;
  grid-column-end: 5;
}

.psw-members__item .ps-avatar--member {
  z-index: 0;
  vertical-align: middle;
}
.psw-members__item .ps-avatar--member:hover {
  z-index: 1;
}
.psw-members__item .ps-avatar--member img {
  box-shadow: var(--box-shadow);
}

.psw-members__count {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-top: var(--PADD--SM);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-members__count + .psw-members__count {
  margin-top: 0;
}

.psw-members__info {
  grid-column-start: 1;
  grid-column-end: 5;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}

.psw-friends {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--PADD--SM);
  grid-row-gap: var(--PADD--SM);
  justify-content: center;
}

.psw-friends__item .ps-avatar--member img {
  box-shadow: var(--box-shadow);
}

.psw-friends__count {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-top: var(--PADD--SM);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-friends__count:empty {
  display: none;
}

.psw-friends__more {
  margin-top: var(--PADD--MD);
}

.psw-friends__info {
  grid-column-start: 1;
  grid-column-end: 5;
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  text-align: center;
}

.ps-widget--bday__avatar .ps-avatar {
  min-width: var(--medium);
}

.ps-widget--hashtags {
  --tag-bg: var(--c-ps-hashtag-bg);
  --tag-color: var(--c-ps-hashtag-color);
}
.gc-widget--gradient .ps-widget--hashtags {
  --tag-bg: rgba(0,0,0, .8);
  --tag-color: #fff;
}

.ps-widget__hashtags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 70%;
  line-height: var(--LINE-HEIGHT);
}
.ps-widget__hashtags > a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.ps-widget__hashtags--list {
  display: block;
  margin: 0;
  font-size: var(--FONT-SIZE);
  line-height: var(--LINE-HEIGHT);
}

.ps-hashtag {
  display: block;
  font-size: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ps-hashtag--box {
  margin: var(--PADD--XS);
  padding: var(--PADD--XS) var(--PADD);
  color: var(--tag-color);
  background-color: var(--tag-bg);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: all 0.2s ease;
}
.ps-hashtag--box:hover, .ps-hashtag--box:focus {
  color: var(--tag-color);
  background-color: var(--tag-bg);
  opacity: 0.8;
}

.ps-hashtag--size10 {
  font-size: 110%;
}

.ps-hashtag--size20 {
  font-size: 120%;
}

.ps-hashtag--size30 {
  font-size: 130%;
}

.ps-hashtag--size40 {
  font-size: 140%;
}

.ps-hashtag--size50 {
  font-size: 150%;
}

.ps-hashtag--size60 {
  font-size: 160%;
}

.ps-hashtag--size70 {
  font-size: 170%;
}

.ps-hashtag--size80 {
  font-size: 180%;
}

.ps-hashtag--size90 {
  font-size: 190%;
}

.ps-hashtag--size100 {
  font-size: 200%;
}

.psw-groups {
  display: flex;
  flex-direction: column;
  gap: calc(var(--PADD) + var(--PADD--SM));
}
.psw-groups .ps-post {
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  border-radius: 0;
  box-shadow: none;
}
.psw-groups .ps-post:last-child {
  border-bottom: none;
}
.psw-groups .ps-post:last-child .ps-post__actions-inner {
  padding-bottom: 0;
}
.psw-groups .ps-post__header {
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--PADD);
}
.psw-groups .ps-post__meta .ps-avatar {
  --width: 24px;
  min-width: var(--width);
  margin-right: var(--PADD--SM);
}
.psw-groups .ps-post__meta .ps-post-author-group-indicator {
  display: none;
}
.psw-groups .ps-avatar--post {
  --width: 42px;
}
.psw-groups .ps-post__title {
  font-size: 0.9rem;
}
.psw-groups .ps-post__info {
  margin-top: 0;
  font-size: 0.75rem;
}
.psw-groups .ps-post__content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 0.9rem;
}
.psw-groups .ps-post__actions-inner {
  padding-left: 0;
  padding-right: 0;
}
.psw-groups .ps-comments {
  display: none;
}

.ps-photos {
  --grid-items: 4;
  --item-radius: var(--BORDER-RADIUS--MD);
}

.ps-photos__header {
  display: flex;
  align-items: center;
}

.ps-photos__actions {
  display: flex;
  margin-left: auto;
}
.ps-photos__actions .ps-btn {
  margin-right: var(--PADD--SM);
}
.ps-photos__actions .ps-btn:last-child {
  margin: 0;
}
.ps-photos__actions .ps-btn--action {
  --radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.ps-photos__list-view .ps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

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

.ps-photos__list {
  display: grid;
  grid-template-columns: repeat(var(--grid-items), 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
}
.ps-photos__list > .ps-alert {
  grid-column-start: 1;
  grid-column-end: span var(--grid-items);
}

.ps-photos__list--large {
  --grid-items: 2;
}

.ps-photos__list-item {
  position: relative;
  border-radius: var(--item-radius);
}

.ps-photos__list-item-inner > a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--item-radius);
}
.ps-photos__list-item-inner > a:before {
  display: block;
  content: " ";
  padding-bottom: 100%;
}
.ps-photos__list-item-inner > a > img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.ps-photos__list-item-inner > a:hover .ps-photos__list-item-overlay {
  opacity: 1;
}

.ps-photos__list-item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ps-photos__list-item--album .ps-photos__list-item-overlay {
  top: auto;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--PADD--SM);
  font-size: 12px;
  line-height: 1.2;
  background-color: rgba(0, 0, 0, 0.8);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  opacity: 1;
}

.ps-photos__list-item-title {
  width: 100%;
}

.ps-photos__list-item-details {
  color: rgba(255, 255, 255, 0.8);
}

.ps-photos__list-item-privacy {
  color: rgba(255, 255, 255, 0.8);
}

.ps-photos__upload-area {
  padding-top: var(--PADD--MD);
  text-align: center;
}

.ps-postbox__photos-inner {
  position: relative;
}

.ps-postbox__photos-info {
  padding: var(--PADD);
  text-align: center;
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--separator--light);
  cursor: pointer;
}

.ps-postbox__photos-message {
  color: var(--text-color);
}

.ps-postbox__photos-limits {
  font-size: 80%;
  color: var(--text-color--light);
}

.ps-postbox__photos-preview {
  display: none;
  border-bottom: 1px solid var(--separator--light);
}

.ps-postbox__photos-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
  padding: var(--PADD);
}
@media (max-width: 47.9375em) {
  .ps-postbox__photos-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 32.8125em) {
  .ps-postbox__photos-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ps-postbox__photos-item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  overflow: hidden;
  cursor: move;
}
.ps-postbox__photos-item.ui-sortable-helper {
  background-color: transparent;
}

.ps-postbox__photos-item--add {
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.ps-postbox__photos-item--add > i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 50px;
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-postbox__photos-item--add:hover > i {
  color: var(--text-color--light);
}

.ps-postbox__photos-item-preview > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-postbox__photos-item-action {
  --size: 20px;
  position: absolute;
  top: var(--PADD--SM);
  right: var(--PADD--SM);
  display: none;
  width: var(--size);
  height: var(--size);
  font-size: 14px;
  line-height: var(--size);
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
}
.ps-postbox__photos-item-rotate .ps-postbox__photos-item-action {
  position: static;
  font-size: 11px;
}
.ps-postbox__photos-item-rotate .ps-postbox__photos-item-action:first-child {
  margin-right: 3px;
}

.ps-postbox__photos-item-rotate {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
}

.ps-postbox__photos-item-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}

.ps-postbox__photos-item-bar {
  height: 100%;
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-album__upload {
  margin-top: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-album__upload-area {
  padding-top: var(--PADD--MD);
  text-align: center;
}

.ps-album {
  --grid-items: 4;
  --item-radius: var(--BORDER-RADIUS--MD);
}

.ps-album__header {
  display: flex;
  align-items: center;
  margin-bottom: var(--PADD--MD);
}
.ps-album--edit .ps-album__header {
  flex-wrap: wrap;
}

.ps-album__filters {
  display: flex;
  align-items: center;
  margin-bottom: var(--PADD--MD);
}

.ps-album__list-view {
  margin-right: var(--PADD);
}

.ps-album__title {
  flex-grow: 2;
  margin-right: var(--PADD);
}
.ps-album__title > span {
  font-size: 110%;
}
.ps-album__title > i {
  margin-right: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-album--edit .ps-album__title {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--PADD--MD);
  font-weight: bold;
}

.ps-album__title-edit {
  display: flex;
  width: 100%;
}
.ps-album__title-edit > * {
  margin-right: var(--PADD--SM);
}
.ps-album__title-edit > *:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-album__actions {
  display: flex;
  white-space: nowrap;
  margin-left: auto;
}
.ps-album__actions .ps-btn {
  margin-right: var(--PADD--SM);
}
.ps-album__actions .ps-btn:last-child {
  margin: 0;
}

.ps-album__desc {
  margin-bottom: var(--PADD--MD);
}

.ps-album__desc-title {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER);
  font-size: 90%;
}

.ps-album__desc-text {
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-size: 90%;
}

.ps-album__desc-privacy {
  display: inline-block;
  margin-left: var(--PADD);
}
.ps-album__desc-privacy > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-album__desc-privacy > a:hover, .ps-album__desc-privacy > a:focus {
  color: var(--PS-COLOR--TEXT);
}

.ps-album__desc-edit {
  text-align: right;
}
.ps-album__desc-edit .ps-input {
  margin-bottom: var(--PADD);
}

.ps-album__edit-toggle {
  margin-left: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-album__edit-toggle:hover, .ps-album__edit-toggle:focus {
  color: var(--PS-COLOR--TEXT);
}

.ps-album__title .ps-album__edit-input {
  flex-grow: 2;
}

.ps-album__comments {
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-poll {
  --item-bg: var(--c-ps-poll-item-bg);
  --item-bg--fill: var(--c-ps-poll-item-bg-fill);
  --item-text-color: var(--c-ps-poll-item-color);
  --item-votes-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --item-border-radius: var(--BORDER-RADIUS--MD);
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
}

.ps-poll__actions {
  margin-top: var(--PADD);
}

.ps-poll__message {
  margin-top: var(--PADD);
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-poll__message > i {
  margin-right: var(--PADD);
}

.ps-poll__item {
  margin-bottom: var(--PADD--SM);
}
.ps-poll__item:last-child {
  margin-bottom: 0;
}

.ps-poll__item-inner {
  display: flex;
  align-items: center;
}

.ps-poll__item-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  line-height: 1.2;
  color: var(--item-text-color);
  background-color: var(--item-bg);
  border-radius: var(--item-border-radius);
  cursor: pointer;
  overflow: hidden;
  font-weight: normal;
}

.ps-poll__item-input {
  position: relative;
  margin-right: var(--PADD);
}

.ps-poll__item-fill {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background-color: var(--item-bg--fill);
  transition: width 0.3s ease;
}

.ps-poll__item-name {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: var(--PADD--SM);
}

.ps-poll__item-value {
  position: relative;
  z-index: 1;
  padding: var(--PADD--SM);
  padding-left: var(--PADD);
  font-size: 90%;
  white-space: nowrap;
}

.ps-poll__item-votes {
  width: 20%;
  padding: var(--PADD--SM);
  padding-left: var(--PADD);
  font-size: 80%;
  color: var(--item-votes-text-color);
}

.ps-postbox__poll-options {
  padding: var(--PADD);
}

.ps-postbox__poll-option {
  display: flex;
  margin-bottom: var(--PADD--SM);
}
.ps-postbox__poll-option.form-group {
  padding-bottom: 0;
  margin-bottom: var(--PADD--SM);
}
.ps-postbox__poll-option > .ps-input {
  margin-left: var(--PADD--SM);
  margin-right: var(--PADD--SM);
}
.ps-postbox__poll-option .ps-btn--delete {
  opacity: 0.5;
  cursor: not-allowed;
}
.ps-postbox__poll-option:last-child {
  margin-bottom: 0;
}
.ps-postbox__poll-option:first-child:nth-last-child(n+3) .ps-btn--delete, .ps-postbox__poll-option:first-child:nth-last-child(n+3) ~ .ps-postbox__poll-option .ps-btn--delete {
  opacity: 1;
  cursor: pointer;
}

.ps-postbox__poll-actions {
  padding: var(--PADD);
  border-top: 1px dashed var(--DIVIDER);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__poll-actions .ps-checkbox {
  font-size: 80%;
}
@media (max-width: 61.24em) {
  .ps-postbox__poll-actions .ps-btn {
    width: 100%;
    margin-bottom: var(--PADD);
  }
}
@media (min-width: 61.25em) {
  .ps-postbox__poll-actions {
    display: flex;
    align-items: center;
  }
  .ps-postbox__poll-actions .ps-btn {
    margin-right: var(--PADD);
  }
}

.ps-postbox__photos-inner {
  position: relative;
}

.ps-postbox__photos-info {
  padding: var(--PADD);
  text-align: center;
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--separator--light);
  cursor: pointer;
}

.ps-postbox__photos-message {
  color: var(--text-color);
}

.ps-postbox__photos-limits {
  font-size: 80%;
  color: var(--text-color--light);
}

.ps-postbox__photos-preview {
  display: none;
  border-bottom: 1px solid var(--separator--light);
}

.ps-postbox__photos-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
  padding: var(--PADD);
}
@media (max-width: 47.9375em) {
  .ps-postbox__photos-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 32.8125em) {
  .ps-postbox__photos-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ps-postbox__photos-item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  overflow: hidden;
  cursor: move;
}
.ps-postbox__photos-item.ui-sortable-helper {
  background-color: transparent;
}

.ps-postbox__photos-item--add {
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.ps-postbox__photos-item--add > i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 50px;
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-postbox__photos-item--add:hover > i {
  color: var(--text-color--light);
}

.ps-postbox__photos-item-preview > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-postbox__photos-item-action {
  --size: 20px;
  position: absolute;
  top: var(--PADD--SM);
  right: var(--PADD--SM);
  display: none;
  width: var(--size);
  height: var(--size);
  font-size: 14px;
  line-height: var(--size);
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: var(--BORDER-RADIUS);
  cursor: pointer;
}
.ps-postbox__photos-item-rotate .ps-postbox__photos-item-action {
  position: static;
  font-size: 11px;
}
.ps-postbox__photos-item-rotate .ps-postbox__photos-item-action:first-child {
  margin-right: 3px;
}

.ps-postbox__photos-item-rotate {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
}

.ps-postbox__photos-item-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}

.ps-postbox__photos-item-bar {
  height: 100%;
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-giphy--chat .ps-giphy__input {
  padding: var(--PADD);
  padding-right: var(--powered-gap);
}
.ps-giphy--chat.ps-giphy__popover {
  height: 0;
  min-height: 0;
  overflow: hidden;
}
.ps-chat__window--open .ps-giphy--chat.ps-giphy__popover {
  min-height: 142px;
  height: auto;
}

.ps-chat {
  --font: var(--PS-FONT-FAMILY);
  --window-width: 250px;
  --window-width--open: 300px;
  --window-bg: var(--PS-COLOR--APP);
  --window-header-bg: var(--PS-COLOR--APP);
  --window-header-bg--hover: var(--PS-COLOR--APP--GRAY);
  --window-header-bg--open: var(--PS-COLOR--APP);
  --window-header-bg--active: var(--PS-COLOR--APP);
  --window-header-font-size: 14px;
  --window-footer-bg: var(--PS-COLOR--APP);
  --window-notif-bg: var(--c-ps-chat-window-notif-bg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  font-family: var(--font);
  font-size: 18px;
}

.ps-chat__wrapper {
  position: fixed;
  z-index: 150;
  left: var(--PADD--MD);
  right: var(--PADD--MD);
  bottom: 0;
  display: block;
}
.ps-chat__wrapper * {
  box-sizing: border-box;
}
@media (max-width: 61.24em) {
  .ps-chat__wrapper {
    display: none;
  }
}

.ps-chat__sidebar {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15%;
}

.ps-chat__sidebar-inner {
  padding-left: var(--PADD--MD);
}

.ps-chat__sidebar-list {
  display: none;
  flex-direction: column;
  align-items: flex-end;
}
.ps-chat-sidebar-open .ps-chat__sidebar-list {
  display: flex;
}

.ps-chat__sidebar-label {
  margin-top: var(--PADD--MD);
  padding: var(--PADD) var(--PADD--MD);
  font-size: 90%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}
.ps-chat__sidebar-label > i {
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-chat__sidebar-label > span {
  margin-left: var(--PADD--SM);
  margin-right: var(--PADD--SM);
  font-weight: bold;
}
.ps-chat__sidebar-label:hover, .ps-chat-sidebar-open .ps-chat__sidebar-label {
  color: var(--PS-COLOR--TEXT);
  box-shadow: var(--BOX-SHADOW--MD);
}

.ps-chat__sidebar-counter {
  display: inline-block;
}

.ps-chat__sidebar-item {
  position: relative;
  cursor: pointer;
  margin-bottom: var(--PADD);
}
.ps-chat__sidebar-item:last-child {
  margin-bottom: 0;
}
.ps-chat__sidebar-item .ps-tip:before {
  top: 50%;
  left: auto;
  right: 100%;
  bottom: auto;
  transform: translateY(-50%) translateX(calc(2 * var(--arrow-size)));
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-left: var(--arrow-size) solid var(--tip-bg);
}
.ps-chat__sidebar-item .ps-tip:after {
  top: 50%;
  left: auto;
  right: 100%;
  bottom: auto;
  transform: translateY(-50%);
}

.ps-chat__sidebar-item-counter {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
}
.ps-chat__sidebar-item-counter:empty {
  display: none;
}

.ps-chat__sidebar-item-caption .ps-avatar {
  --width: var(--medium);
  --border: none;
  --box-shadow: none;
  width: var(--width);
  height: var(--width);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  box-shadow: 0 0 0 2px var(--PS-COLOR--APP), var(--BOX-SHADOW);
}
.ps-chat__sidebar-item-caption .ps-avatar > img {
  transition: box-shadow 0.2s ease;
}
.ps-chat__sidebar-item-caption .ps-avatar:hover {
  box-shadow: 0 0 0 2px var(--PS-COLOR--APP), var(--BOX-SHADOW--MD);
}
.ps-chat__sidebar-item-caption > span {
  display: none;
}

.ps-chat__sidebar-item-actions {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ps-chat__sidebar-item:hover .ps-chat__sidebar-item-actions {
  opacity: 1;
}

.ps-chat__sidebar-item-action {
  --size: 14px;
  width: var(--size);
  height: var(--size);
  font-size: 10px;
  line-height: var(--size);
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border-radius: 100%;
  box-shadow: var(--BOX-SHADOW--HARD);
  cursor: pointer;
}
.ps-chat__sidebar-item-action:hover {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-chat__windows {
  display: flex;
  justify-content: flex-end;
  max-width: 85%;
}

.ps-chat__window-wrapper {
  position: relative;
  width: var(--window-width);
  margin-right: var(--PADD--MD);
}
.ps-chat__window-wrapper:last-child {
  margin-left: 0;
  margin-right: 0;
}
.ps-chat__window-wrapper {
  transition: width 0.3s ease;
}

.ps-chat__window {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  box-shadow: var(--BOX-SHADOW--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: height 0.3s ease;
}

.ps-chat__window--open {
  width: var(--window-width--open);
}
.ps-chat__window--open .ps-chat__window {
  height: 400px;
}

.ps-chat__window-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.ps-chat__window-header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 53px;
  padding: var(--PADD);
  font-size: var(--window-header-font-size);
  background-color: var(--window-header-bg);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.ps-chat__window-header:hover {
  background-color: var(--window-header-bg--hover);
}
.ps-chat__window-header:hover .ps-avatar {
  --border: 2px solid var(--window-header-bg--hover);
}
.ps-chat__window-header {
  /* temporary */
}
.ps-chat__window-header .ps-avatar {
  --border: 2px solid var(--window-header-bg);
}
.ps-chat__window-header .ps-avatar.ps-avatar--online > img {
  box-shadow: 0 0 0 2px #45d927;
}
.ps-chat__window-header .ps-avatar:nth-child(2), .ps-chat__window-header .ps-avatar:nth-child(3) {
  margin-left: calc(-1 * var(--PADD--MD));
}
.ps-chat__window--open .ps-chat__window-header {
  background-color: var(--window-header-bg--open);
}
.ps-chat__window--open .ps-chat__window-header:hover {
  background-color: var(--window-header-bg--hover);
}
.ps-chat__window--active .ps-chat__window-header {
  background-color: var(--window-header-bg--active);
}
.ps-chat__window--active .ps-chat__window-header:hover {
  background-color: var(--window-header-bg--hover);
}

.ps-chat__window-header-user {
  flex-grow: 1;
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}
.ps-chat__window-header-user > div {
  display: flex;
}

.ps-chat__window-header-name {
  padding-left: var(--PADD);
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.ps-chat__window-header-name > a {
  color: var(--PS-COLOR--TEXT);
}
.ps-chat__window-header-name > a:hover {
  color: var(--PS-COLOR--TEXT);
}

.ps-chat__window-header-notif {
  display: none;
  margin-left: var(--PADD);
  padding: var(--PADD--SM);
  font-size: 80%;
  color: #fff;
  background-color: var(--window-notif-bg);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-chat__window-header-actions {
  display: flex;
  align-content: center;
  font-size: 110%;
}

.ps-chat__window-header-action {
  padding: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-chat__window--active .ps-chat__window-header-action {
  color: var(--PS-COLOR--PRIMARY);
}

.ps-chat__window-header-action--minimize {
  display: none;
}
.ps-chat__window--open .ps-chat__window-header-action--minimize {
  display: block;
}

.ps-chat__window-header-dropdown {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  display: none;
  width: 100%;
  background-color: var(--window-bg);
  box-shadow: var(--BOX-SHADOW);
}
.ps-chat__window-header-dropdown > a {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-chat__window-header-dropdown > a:hover {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
}
.ps-chat__window-header-dropdown > a:last-child {
  border-bottom: none;
}

.ps-chat__window-header-dropdown--open {
  color: var(--PS-COLOR--PRIMARY--DARK);
}

.ps-chat__window-body {
  flex-grow: 2;
  position: relative;
  background-color: var(--window-bg);
  height: 100%;
  overflow-x: hidden;
}

.ps-chat__window-messages {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.ps-chat__window-messages .ps-chat__messages .ps-chat__message-attachments .ps-media__attachment--photos .ps-media {
  max-width: 62px;
}

.ps-chat__window-notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--PADD);
  font-size: 80%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  opacity: 0.9;
}

.ps-chat__window-footer {
  position: relative;
  background-color: var(--window-footer-bg);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.ps-chat__window-input-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.ps-chat__window-input {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-chat__window-input:hover, .ps-chat__window-input:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-chat__window-input {
  max-width: unset;
  width: 100%;
  height: 50px;
  padding: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT);
  resize: none;
  min-height: unset;
  max-height: unset;
}

.ps-chat__window-input-addons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: var(--PADD--SM);
}

.ps-chat__window-input-addon {
  padding: var(--PADD--SM);
  cursor: pointer;
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-chat__window-input-addon:hover {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-chat__window--active .ps-chat__window-input-addon {
  color: var(--PS-COLOR--PRIMARY);
}
.ps-chat__window--active .ps-chat__window-input-addon:hover {
  color: var(--PS-COLOR--PRIMARY--DARK);
}
.ps-chat__window-input-addon:nth-of-type(2) {
  right: calc(var(--PADD--MD) * 2 + var(--PADD--SM));
}

.ps-chat__messages {
  --message-bg: var(--c-ps-chat-message-bg);
  --message-text-color: var(--c-ps-chat-message-text-color);
  --message-bg--me: var(--c-ps-chat-message-bg-me);
  --message-text-color--me: var(--c-ps-chat-message-text-color-me);
  position: relative;
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}

.ps-chat__messages--temp {
  padding-top: 0;
  opacity: 0.5;
}
.ps-chat__messages--temp:empty {
  display: none;
}

.ps-chat__typing {
  --message-bg: var(--c-ps-chat-message-bg);
  --message-text-color: var(--c-ps-chat-message-text-color);
  position: relative;
  padding-left: var(--PADD);
  padding-right: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-chat__typing .ps-conversation-item {
  display: flex;
  align-items: center;
}
.ps-chat__typing .ps-conversation-user {
  display: none;
}

.ps-typing-indicator {
  background-color: var(--message-bg);
  width: auto;
  border-radius: 50px;
  padding: var(--PADD);
  margin-top: var(--PADD--SM);
  display: inline-block;
  position: relative;
  animation: 2s bulge infinite ease-out;
  margin-left: var(--PADD);
}
.ps-typing-indicator:before, .ps-typing-indicator:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--message-bg);
}
.ps-typing-indicator span {
  height: 6px;
  width: 6px;
  float: left;
  margin: 0 1px;
  background-color: var(--message-text-color);
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}
.ps-typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.3333s;
}
.ps-typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.6666s;
}
.ps-typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.9999s;
}
.ps-typing-indicator-small {
  padding: 8px;
  margin-top: 0;
  background-color: var(--message-bg);
}
.ps-typing-indicator-small span {
  width: 4px;
  height: 4px;
}
.ps-typing-indicator-small:before, .ps-typing-indicator-small:after {
  width: 8px;
  height: 8px;
  background-color: var(--message-bg);
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}
@keyframes bulge {
  50% {
    transform: scale(1.05);
  }
}
.ps-chat__loading {
  padding: var(--PADD);
  text-align: center;
}

.ps-chat__info {
  margin-bottom: var(--PADD);
  padding: 0 var(--PADD);
}
.ps-chat__info em {
  font-size: 90%;
}
.ps-chat__info:last-child {
  margin-bottom: 0;
}

.ps-chat__message {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: var(--PADD);
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-chat__message:last-child {
  margin-bottom: 0;
}
.ps-chat__window .ps-chat__message {
  padding-left: var(--PADD);
  padding-right: var(--PADD);
}
.ps-chat__message .ps-chat__message-attachments .ps-media {
  margin-top: var(--PADD--SM);
  margin-bottom: 0;
  margin-right: var(--PADD--SM);
  margin-left: 0;
}
.ps-chat__message .ps-chat__message-attachments .ps-media__attachment--photos:after {
  display: block;
  clear: both;
  content: "";
}
.ps-chat__message .ps-chat__message-attachments .ps-media__attachment--photos .ps-media {
  max-width: 128px;
}
@media (max-width: 61.24em) {
  .ps-chat__message .ps-chat__message-attachments .ps-media__attachment--photos .ps-media {
    max-width: 62px;
  }
}
.ps-chat__message .ps-chat__message-attachments .ps-media__attachment--photos .ps-media {
  float: left;
}

.ps-chat__message--me {
  flex-direction: row-reverse;
  text-align: right;
}
.ps-chat__message--me .ps-chat__message-attachments .ps-media {
  margin-left: 0;
}
.ps-chat__message--me .ps-chat__message-attachments .ps-media__attachment--photos .ps-media {
  float: right;
}

.ps-chat__message-avatar {
  margin-right: var(--PADD);
}
.ps-chat__message-avatar:after {
  white-space: nowrap;
}
.ps-chat__message--me .ps-chat__message-avatar {
  display: none;
}

.ps-chat__message-body {
  position: relative;
  flex-grow: 2;
  max-width: 100%;
  min-width: 0; /* Fix flexbox bug */
  word-break: break-word;
}

.ps-chat__message-user {
  display: none;
  margin-bottom: var(--PADD--SM);
  font-size: 70%;
}

.ps-chat__message-content-wrapper {
  display: flex;
  align-items: center;
}
.ps-chat__message--me .ps-chat__message-content-wrapper {
  justify-content: flex-end;
}

.ps-chat__message-content {
  order: 0;
  position: relative;
  display: inline-block;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 80%;
  color: var(--message-text-color);
  background-color: var(--message-bg);
  border-radius: var(--BORDER-RADIUS--XL);
}
.ps-chat__message--me .ps-chat__message-content {
  order: 2;
  color: var(--message-text-color--me);
  background-color: var(--message-bg--me);
}
.ps-chat__message--me .ps-chat__message-content > a,
.ps-chat__message--me .ps-chat__message-content .ps-post__location > a {
  color: var(--message-text-color--me);
  text-decoration: underline;
}
.ps-chat__message--me .ps-chat__message-content {
  text-align: left;
}
.ps-chat__message-content:empty {
  display: none;
}
.ps-chat__message-content:empty + .ps-chat__message-delete {
  position: absolute;
  z-index: 1;
  top: var(--PADD);
  left: var(--PADD--SM);
  right: auto;
  margin-left: 0;
  margin-right: 0;
  padding: var(--PADD--SM) var(--PADD);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-chat__message--me .ps-chat__message-content:empty + .ps-chat__message-delete {
  left: auto;
  right: var(--PADD--SM);
}

.ps-chat__attachment--photo > img {
  border-radius: var(--BORDER-RADIUS--XL);
}

.ps-chat__message-time {
  display: inline-flex;
  align-items: center;
  gap: var(--PADD--SM);
  margin-top: var(--PADD--SM);
  font-size: 65%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-chat__message-time .read {
  font-weight: bold;
}

.ps-chat__message-delete {
  order: 1;
  display: inline-block;
  color: var(--PS-COLOR--TEXT--LIGHT);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ps-chat__message-delete > i {
  margin-right: var(--PADD--SM);
}
.ps-chat__message-delete:hover, .ps-chat__message-delete:focus {
  color: var(--PS-COLOR--TEXT);
}
.ps-chat__message:hover .ps-chat__message-delete {
  opacity: 1;
}
.ps-chat__message--me .ps-chat__message-delete {
  order: -1;
}

.ps-message__postbox {
  z-index: 0;
  margin-bottom: 0;
  box-shadow: inset var(--BOX-SHADOW--HARD);
}

.ps-message__recipients-label {
  font-size: 80%;
}

.ps-message__recipients-select {
  margin-bottom: var(--PADD);
}

@media (max-width: 61.24em) {
  .ps-dialog-message {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    height: 100%;
  }
  .ps-dialog-message .pso-messages-post-addon__box {
    top: 100%;
    bottom: auto;
  }
  .ps-dialog-message .pso-postbox-moods__list {
    max-height: 200px;
  }
  .ps-dialog-message .pso-messages-post__input {
    max-height: 110px;
  }
  .ps-dialog-message .pso-messages-post-addon__box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .ps-dialog-message .ps-postbox__location {
    --map-height: 200px;
  }
  .ps-dialog-message .ps-postbox__location-search {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100vh;
  }
  .ps-dialog-message .ps-postbox__location-list {
    max-height: 100%;
    width: 100%;
  }
  .ps-dialog-message .ps-postbox__location-map {
    order: -1;
    min-height: var(--map-height);
  }
}

.ps-messages-page__nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--PADD);
}

.ps-messages__nav-actions .ps-tip {
  white-space: nowrap;
}

.ps-messages {
  --side-width: 300px;
  position: relative;
}

.ps-messages__inner {
  display: flex;
  align-items: stretch;
}
@media (min-width: 61.25em) {
  .ps-messages--narrow .ps-messages__inner {
    position: relative;
  }
}

.ps-messages__side {
  flex: 0 0 auto;
  width: 100%;
  background-color: var(--PS-COLOR--APP);
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
@media (max-width: 61.24em) {
  .ps-messages__side {
    border-radius: var(--BORDER-RADIUS--MD);
  }
}
@media (min-width: 61.25em) {
  .ps-messages__side {
    flex: 0 0 var(--side-width);
    max-width: 50%;
  }
}

.ps-messages__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--PADD--MD);
}

.ps-messages__title {
  font-size: 120%;
}

.ps-messages__subtitle {
  display: flex;
  align-items: center;
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  padding-bottom: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-messages__subtitle > i {
  margin-right: var(--PADD);
}

.ps-messages__actions {
  margin-left: auto;
}
.ps-messages__actions > a {
  display: block;
  padding-left: var(--PADD);
}

.ps-messages__search {
  padding: var(--PADD--MD);
}
.ps-messages__search .ps-input {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.ps-messages__search .ps-input:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.ps-messages__search .ps-input:focus {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border: none;
  box-shadow: none;
}

.ps-messages__search-inner {
  position: relative;
}
.ps-messages__search-inner .ps-input {
  padding-right: 40px;
}

.ps-messages__search-clear {
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-messages__search-clear:hover, .ps-messages__search-clear:focus {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
}

.ps-messages__info {
  padding: var(--PADD--MD);
}

.ps-messages__info-inner {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --border: var(--PS-COLOR--INFO--LIGHT);
  --color: var(--PS-COLOR--INFO--DARK);
  --padd: var(--PADD) var(--PADD--MD);
  display: block;
  width: 100%;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  padding: var(--padd);
  font-size: 80%;
  color: var(--color);
  background-color: var(--bg);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-messages__info-inner i {
  margin-right: var(--PADD--SM);
}
.ps-messages__info-inner p:first-child {
  margin-top: 0;
}
.ps-messages__info-inner p:last-child {
  margin-bottom: 0;
}
.ps-messages__info-inner:first-child {
  margin-top: 0;
}
.ps-messages__info-inner:last-child {
  margin-bottom: 0;
}
.ps-messages__info-inner:empty {
  display: none;
}
.ps-messages__info-inner {
  padding: var(--PADD--MD);
  text-align: center;
}

.ps-messages__view {
  width: 100%;
  min-width: 0;
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-messages__view .ps-postbox {
  margin: var(--PADD);
  border-bottom-left-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.025), 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: var(--BORDER-RADIUS--MD);
}
@media (min-width: 61.25em) {
  .ps-messages--narrow .ps-messages__view .ps-postbox {
    position: absolute;
    left: 0;
    right: 0;
    margin: var(--PADD) 0 0 0;
  }
}
.ps-messages__view .ps-postbox__footer {
  border-bottom: none;
  flex-wrap: wrap;
}
.ps-messages__view .ps-conversation__chat {
  box-shadow: none;
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  height: 42vh;
  overflow-y: auto;
}
.ps-messages__view .ps-conversation__chat::-webkit-scrollbar {
  width: 4px;
}
.ps-messages__view .ps-conversation__chat::-webkit-scrollbar-track {
  background: var(--PS-COLOR--APP--GRAY);
}
.ps-messages__view .ps-conversation__chat::-webkit-scrollbar-thumb {
  background-color: var(--PS-COLOR--TEXT--LIGHT);
  border-radius: 20px;
  border: 1px solid var(--PS-COLOR--APP--GRAY);
}
@media (max-width: 61.24em) {
  .ps-messages__view .ps-postbox__status-wrapper {
    max-height: 250px;
    overflow-x: scroll;
  }
}
@media (max-width: 61.24em) {
  .ps-messages__view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
    transform: translateX(100%);
    transition: all 0.3s ease;
    display: none;
    border-radius: var(--BORDER-RADIUS--MD);
  }
}

@media (max-width: 61.24em) {
  .ps-messages__view--open {
    transform: translateX(0);
    display: block;
    background-color: var(--PS-COLOR--APP);
    box-shadow: 0 500px 0 500px var(--PS-COLOR--APP);
  }
}

.ps-messages__inbox-actions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: var(--PADD);
}
@media (max-width: 46.24em) {
  .ps-messages__inbox-actions {
    flex-direction: column-reverse;
  }
}

.ps-messages__inbox-action {
  display: flex;
  align-items: center;
}
.ps-messages__inbox-action .ps-checkbox {
  margin-left: var(--PADD--MD);
  margin-right: var(--PADD);
}

.ps-messages__inbox-action--new-message {
  margin-left: auto;
}
@media (max-width: 46.24em) {
  .ps-messages__inbox-action--new-message {
    margin-left: 0;
    margin-bottom: var(--PADD);
  }
}
@media (max-width: 46.24em) {
  .ps-messages__inbox-action--new-message .ps-btn--action {
    width: 100%;
  }
}

.ps-messages__list-wrapper {
  min-height: 56vh;
}
@media (max-width: 61.24em) {
  .ps-messages__list-wrapper {
    min-height: 100vh;
  }
}
@media (min-width: 61.25em) {
  .ps-messages--narrow .ps-messages__list-wrapper {
    min-height: 39vh;
  }
}

.ps-messages__list {
  line-height: var(--PS-LINE-HEIGHT);
  max-height: 56vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (max-width: 61.24em) {
  .ps-messages__list {
    min-height: 100vh;
    max-height: none;
  }
}
@media (min-width: 61.25em) {
  .ps-messages--narrow .ps-messages__list {
    max-height: 39vh;
  }
}
.ps-messages__list .ps-posts__empty {
  width: auto;
  margin-left: var(--PADD--MD);
  margin-right: var(--PADD--MD);
}
.ps-messages__list::-webkit-scrollbar {
  width: 4px;
}
.ps-messages__list::-webkit-scrollbar-track {
  background: var(--PS-COLOR--APP--GRAY);
}
.ps-messages__list::-webkit-scrollbar-thumb {
  background-color: var(--PS-COLOR--TEXT--LIGHT);
  border-radius: 20px;
  border: 1px solid var(--PS-COLOR--APP--GRAY);
}

.ps-messages__list-item {
  --color-light: var(--PS-COLOR--TEXT--LIGHT);
  --color-lighten: var(--PS-COLOR--TEXT--LIGHTEN);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1px;
  padding: var(--PADD) var(--PADD--MD);
  cursor: pointer;
  background-color: var(--PS-COLOR--APP);
  transition: background-color 0.2s ease;
}
.ps-messages__list-item:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 4px;
}
.ps-messages__list-item:last-child {
  margin-bottom: 0;
}

.ps-messages__list-item--unread {
  --color-light: var(--PS-COLOR--TEXT);
  --color-lighten: var(--PS-COLOR--PRIMARY--LIGHT);
  background-color: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
}
.ps-messages__list-item--unread:before {
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-messages__list-item--selected {
  --color-light: var(--PS-COLOR--TEXT--LIGHT);
  --color-lighten: var(--PS-COLOR--TEXT--LIGHTEN);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-messages__list-item--selected:before {
  background-color: rgba(0, 0, 0, 0.05);
}

.ps-messages__list-item-checkbox {
  margin-right: var(--PADD);
}

.ps-messages__list-item-avatar {
  --width: var(--normal);
  min-width: var(--width);
  margin-right: var(--PADD);
}

.ps-messages__list-item-details {
  flex-grow: 2;
}

.ps-messages__list-item-author {
  font-size: 80%;
  font-weight: bold;
}

.ps-messages__list-item-excerpt {
  font-size: 80%;
  color: var(--color-light);
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 61.24em) {
  .ps-messages__list-item-excerpt {
    width: 70%;
  }
}

.ps-messages__list-item-meta {
  margin-top: var(--PADD--SM);
  font-size: 70%;
  color: var(--color-lighten);
}

.ps-messages__pagination {
  border-top: 1px solid var(--DIVIDER);
}

.ps-messages__pagination-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ps-messages__pagination-item {
  padding: var(--PADD) var(--PADD--MD);
}

.ps-messages__pagination-item--prev {
  border-right: 1px solid var(--DIVIDER--LIGHT);
}

.ps-messages__pagination-item--total {
  font-size: 80%;
}
.ps-messages__pagination-item--total > span {
  font-weight: bold;
}
.ps-messages__pagination-item--total > span:after {
  font-weight: normal;
}

.ps-messages__pagination-item--next {
  border-left: 1px solid var(--DIVIDER--LIGHT);
}

.ps-conversation {
  --bg: var(--PS-COLOR--APP);
}

.ps-conversation__header {
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
@media (min-width: 61.25em) {
  .ps-conversation__header {
    border-top-left-radius: 0;
  }
}

.ps-conversation__header-inner {
  padding: var(--PADD) var(--PADD--MD);
  display: flex;
  align-items: center;
  justify-content: space-between;
  --bg--hover: var(--PS-COLOR--APP--GRAY);
}
.ps-conversation__header-inner .ps-dropdown__menu {
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
}
.ps-conversation__header-inner .ps-dropdown__menu > a,
.ps-conversation__header-inner .ps-dropdown__menu > button {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
  color: var(--PS-COLOR--TEXT);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT) !important;
  text-align: left;
}
.ps-conversation__header-inner .ps-dropdown__menu > a:first-child,
.ps-conversation__header-inner .ps-dropdown__menu > button:first-child {
  border-top: none;
}
@media (min-width: 46.25em) {
  .ps-conversation__header-inner .ps-dropdown__menu > a:hover, .ps-conversation__header-inner .ps-dropdown__menu > a:focus, .ps-conversation__header-inner .ps-dropdown__menu > a.active,
  .ps-conversation__header-inner .ps-dropdown__menu > button:hover,
  .ps-conversation__header-inner .ps-dropdown__menu > button:focus,
  .ps-conversation__header-inner .ps-dropdown__menu > button.active {
    color: var(--PS-COLOR--TEXT);
    background-color: var(--bg--hover);
    color: var(--PS-COLOR--TEXT) !important;
  }
}
.ps-conversation__header-inner .ps-dropdown__menu > button {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-conversation__header-inner .ps-dropdown__menu i {
  display: inline-block;
  min-width: 24px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-conversation__header-inner .ps-conversation__dropdown-menu {
  --width: 310px;
  right: var(--PADD);
  left: auto;
  top: 47px;
  font-size: 80%;
}
.ps-conversation__header-inner .ps-conversation__dropdown-menu > a i {
  min-width: 20px;
  text-align: center;
  margin-right: var(--PADD--SM);
  margin-left: -2px;
}

.ps-conversation__back {
  padding: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-conversation__back .ps-btn {
  width: 100%;
}
.ps-conversation__back .ps-btn > i {
  margin-right: var(--PADD);
}
.ps-conversation__back .ps-btn {
  text-align: center;
}
@media (min-width: 61.25em) {
  .ps-conversation__back {
    display: none;
  }
}

.ps-conversation__options-menu {
  cursor: pointer;
  padding: var(--PADD--SM) 0;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-conversation__add {
  display: none;
  padding: var(--PADD);
  padding-top: 0;
}
.ps-conversation__add .ps-btn {
  margin-top: var(--PADD--SM);
}

.ps-conversation__participants {
  font-size: 80%;
}

@media (max-width: 61.24em) {
  .ps-conversation__participants-label {
    display: block;
    margin-bottom: var(--PADD--SM);
  }
}

.ps-conversation__status {
  margin-left: var(--PADD--SM);
  margin-right: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-conversation__status .gci-circle {
  color: var(--PS-COLOR--SUCCESS);
}
@media (max-width: 61.24em) {
  .ps-conversation__status {
    margin-left: 0;
  }
}

.ps-conversation__chat {
  background-color: var(--bg);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-conversation__chat .ps-chat__message {
  margin-bottom: var(--PADD--MD);
}
.ps-conversation__chat .ps-chat__message-avatar {
  --width: var(--medium);
}
.ps-conversation__chat .ps-chat__message-content {
  font-size: 90%;
}
.ps-conversation__chat .ps-chat__info {
  margin-bottom: var(--PADD--MD);
}
.ps-conversation__chat .ps-chat__info:last-child {
  margin-bottom: 0;
}

.ps-conversation__postbox {
  --shadow: var(--BOX-SHADOW--HARD);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 61.24em) {
  .ps-conversation__postbox .ps-checkbox--enter {
    width: 100%;
    margin-top: var(--PADD);
    font-size: 80%;
  }
  .ps-conversation__postbox .ps-postbox__actions {
    flex-wrap: wrap;
  }
  .ps-conversation__postbox .ps-postbox__actions .ps-btn {
    flex-grow: 1;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 61.25em) {
  .ps-conversation__postbox .ps-checkbox--enter {
    margin-right: var(--PADD);
    font-size: 80%;
  }
}

.ps-conversation__postbox-footer {
  display: flex !important;
}

.ps-message__recipients-select .selectize-input {
  font-family: var(--PS-FONT-FAMILY);
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-message__recipients-select .selectize-input > input {
  font-family: var(--PS-FONT-FAMILY);
  color: var(--PS-COLOR--TEXT);
}
.ps-message__recipients-select .selectize-dropdown {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER);
}
.ps-message__recipients-select .selectize-dropdown-content {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.ps-message__recipients-select .selectize-dropdown-content > div {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}

.ps-giphy {
  --powered-gap: 120px;
  --slider-height: 100px;
  --slider-bg: var(--PS-COLOR--APP--GRAY);
  --shadow: 0 0 20px var(--DIVIDER);
  display: none;
  overflow: hidden;
}
.ps-comments--nested .ps-giphy {
  padding-left: var(--nested-gap);
}

.ps-giphy--slider {
  min-height: 142px;
}

.ps-giphy__loading {
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.ps-giphy__search {
  position: relative;
  background-color: var(--PS-COLOR--APP);
  border-top: 1px solid var(--DIVIDER--LIGHT);
  overflow: hidden;
}
.ps-comments--nested .ps-giphy__search {
  box-shadow: var(--shadow);
}

.ps-giphy__input {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-giphy__input:hover, .ps-giphy__input:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-giphy__input {
  max-width: unset;
  width: 100%;
  padding: var(--PADD--MD);
  padding-right: var(--powered-gap);
}
.ps-giphy__input.ps-input {
  border: none;
  box-shadow: none;
}
.ps-giphy__input.ps-input:hover, .ps-giphy__input.ps-input:focus {
  border: none;
  box-shadow: none;
}

.ps-giphy__powered {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: var(--PADD);
  transform: translateY(-50%);
  width: 110px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.ps-giphy__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--slider-bg);
}
.ps-comments--nested .ps-giphy__slider {
  box-shadow: var(--shadow);
}

.ps-giphy__slides {
  width: auto;
  white-space: nowrap;
  transition: margin-left 0.5s ease;
}

.ps-giphy__slide {
  display: inline-block;
  height: var(--slider-height);
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
}

.ps-giphy__slide-image {
  display: inline;
  height: var(--slider-height);
  vertical-align: middle;
}

.ps-giphy__nav {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  width: 25px;
  line-height: var(--slider-height);
  text-align: center;
  color: #fff;
  background-color: rgb(0, 0, 0);
  opacity: 0.5;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.ps-giphy__slider:hover .ps-giphy__nav {
  opacity: 0.8;
}

.ps-giphy__nav--left {
  left: 0;
}

.ps-giphy__nav--right {
  right: 0;
}

.ps-giphy__popover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  transform: translateY(-1px);
  background-color: var(--slider-bg);
  z-index: 1;
}

.ps-giphy__preview {
  padding: var(--PADD);
  text-align: center;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-giphy__preview img {
  border-radius: var(--BORDER-RADIUS--MD);
  display: inline;
}

.ps-giphy__change {
  margin-top: var(--PADD);
}

.ps-media__page {
  --grid-items: 4;
  --item-radius: var(--BORDER-RADIUS--MD);
}

.ps-media__page-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--PADD--MD);
}

.ps-media__page-list-view {
  margin-right: var(--PADD);
}

.ps-media__page-list {
  display: grid;
  grid-template-columns: repeat(var(--grid-items), 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
}
@media (max-width: 46.24em) {
  .ps-media__page-list {
    --grid-items: 2;
  }
}
.ps-media__page-list > .ps-alert {
  grid-column-start: 1;
  grid-column-end: span var(--grid-items);
}

.ps-media__page-list--large {
  --grid-items: 2;
}

.ps-media__page-list-item {
  border-radius: var(--item-radius);
  overflow: hidden;
}

.ps-media__page-list-item-inner {
  position: relative;
  height: 100%;
}
.ps-media__page-list-item-inner:before {
  content: "";
  height: 0;
  display: block;
  padding-top: 100%;
  width: 1px;
  position: relative;
}
.ps-media__page-list-item-inner > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 0 10px #000;
}
.ps-media__page-list-item-inner > a > img {
  width: auto;
  max-width: none;
  height: 150%;
}
.ps-media__page-list-item--audio .ps-media__page-list-item-inner > a > img {
  height: 100%;
}
.ps-media__page-list-item-inner > a:hover {
  color: #fff;
}
.ps-media__page-list-item-inner > a:hover i {
  opacity: 1;
}
.ps-media__page-list-item-inner i {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 24px;
  text-align: center;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.ps-media__page-list-item-title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: var(--PADD);
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  font-size: 75%;
  line-height: 1.3;
}
.ps-media__page-list-item-title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  transition: display 0.3s;
}
.ps-media__page-list-item-title:after {
  display: none;
  content: attr(data-tooltip);
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: #ddd;
  font-size: 12px;
  padding: 8.5px;
  white-space: nowrap;
  border-radius: 4px;
  z-index: 10;
}
.ps-media__page-list-item-title:hover span {
  display: block;
}

.ps-postbox__media-embed {
  position: relative;
  padding: var(--PADD);
  padding-bottom: 0;
  font-size: 90%;
}
.ps-postbox__media-embed .ps-input {
  width: 100%;
}
.ps-postbox__media-embed .ps-loading {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: var(--PADD);
  transform: translateY(-50%);
  margin-top: var(--PADD--SM);
  padding: var(--PADD);
  text-align: center;
  line-height: 0;
}
.ps-postbox__media:not(.ps-postbox__media--withupload) .ps-postbox__media-embed {
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--separator--light);
}

.ps-postbox__media-separator {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 80%;
  text-align: center;
  text-transform: uppercase;
  color: var(--text-color--light);
}
.ps-postbox__media-separator > span {
  padding: var(--PADD);
}
.ps-postbox__media-separator:before, .ps-postbox__media-separator:after {
  content: " ";
  display: block;
  flex-grow: 2;
  height: 1px;
  background-color: var(--separator--light);
}

.ps-postbox__media-action {
  padding: var(--PADD--MD);
  padding-top: var(--PADD--SM);
  text-align: center;
  color: var(--text-color);
  border-bottom: 1px solid var(--separator--light);
  cursor: pointer;
}
.ps-postbox__media-action > span {
  display: block;
  margin-top: var(--PADD);
  font-size: 80%;
  color: var(--text-color--light);
}

.ps-postbox__media-progress-wrapper {
  padding: var(--PADD);
}

.ps-postbox__media-progress-bar {
  --radius: 10px;
  --height: 10px;
  width: 100%;
  height: var(--height);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  overflow: hidden;
}
.ps-postbox__media-progress-bar > span {
  display: block;
  width: auto;
  height: var(--height);
  background-color: var(--PS-COLOR--PRIMARY);
  border-radius: var(--radius);
  transition: width 0.3s ease;
}

.ps-postbox__media-progress-percent {
  padding: var(--PADD);
  text-align: center;
  font-size: 80%;
  color: var(--text-color--light);
}
.ps-postbox__media-progress-percent:empty {
  display: none;
}

.ps-postbox__media-upload-notice {
  padding: var(--PADD--SM) var(--PADD);
  text-align: center;
  font-size: 80%;
  color: var(--PS-COLOR--WARNING, #f0ad4e);
}
.ps-postbox__media-upload-notice i {
  margin-right: var(--PADD--XS);
}

.ps-postbox__media-message {
  padding: var(--PADD--MD);
  text-align: center;
}

.ps-postbox__media-message--done {
  color: var(--PS-COLOR--PRIMARY);
}

.ps-postbox__media-message--fail {
  color: var(--PS-COLOR--ABORT);
}

.ps-postbox__media-message-data {
  margin-top: var(--PADD--SM);
  font-size: 90%;
}

.ps-postbox__media-details {
  display: flex;
  flex-wrap: wrap;
  padding: var(--PADD--SM);
  border-top: 1px dashed var(--separator);
  border-bottom: 1px dashed var(--separator);
}

.ps-postbox__media-details-field {
  flex-grow: 1;
  padding: var(--PADD--SM);
}

.ps-postbox__media-details-field--full {
  width: 100%;
}

.ps-postbox__media-preview {
  margin-top: var(--PADD);
  border-bottom: 1px solid var(--separator);
}
.ps-postbox__media-preview:empty {
  display: none !important;
}

.ps-friends__tabs {
  margin-bottom: var(--PADD--MD);
}

.ps-friends__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-friends__tabs-inner:first-child {
  margin-top: 0;
}

.ps-friends__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-friends__tab:hover, .ps-friends__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-friends__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-friends__tab > a:hover, .ps-friends__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-friends__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-friends__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-friends__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-friends__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-friends__tab:last-child {
  border-right: none;
}
.ps-friends__tab i {
  color: var(--tabs-icon-color);
}
.ps-friends__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-friends__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-friends__tab {
  width: 50%;
}
.ps-friends__tab span {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-friends__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-friends__tab--active:hover, .ps-friends__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-friends__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-friends__tab--active > a:hover, .ps-friends__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-friends__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-friends__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-friends__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-friends__list-title {
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-friends__list {
  margin-bottom: var(--PADD--MD);
}
.ps-friends__list:last-child {
  margin-bottom: 0;
}

.ps-friends__mutual > i {
  margin-right: var(--PADD--SM);
}
.ps-member .ps-friends__mutual {
  display: block;
  margin-top: var(--PADD--MD);
  font-size: 80%;
}

.ps-avatar--group {
  --width: var(--large);
  position: absolute;
  left: var(--PADD--MD);
  bottom: -50px;
  width: auto;
}
.ps-avatar--group img {
  border: none;
  box-shadow: 0 0 0 3px var(--PS-COLOR--APP);
}
.ps-groups__list--single .ps-avatar--group {
  position: static;
}
.ps-groups__list--single .ps-avatar--group img {
  border: var(--border);
  box-shadow: var(--box-shadow);
}

.ps-focus--group {
  --c-ps-profile-cover-height: var(--c-ps-group-focus-cover-height);
}
@media (min-width: 61.25em) {
  .ps-focus--group .ps-focus__title {
    padding-right: var(--PADD--XL);
  }
}

.ps-group__members-tabs {
  font-size: 80%;
}
@media (max-width: 46.24em) {
  .ps-group__members-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ps-group__members-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.ps-group__member-dropdown > img {
  display: inline-block;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD);
  margin-left: auto;
  margin-right: auto;
}
.ps-group__member-dropdown .ps-dropdown__menu {
  bottom: 100%;
  width: 100%;
}

.ps-group {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: box-shadow 0.2s ease;
}
.ps-group:hover {
  box-shadow: var(--BOX-SHADOW--MD);
}
.ps-groups__list--single .ps-group {
  --radius: var(--c-ps-avatar-style);
  --small: 40px;
  --medium: 48px;
  --normal: 64px;
  --large: 100px;
  --xlarge: 160px;
  --width: var(--small);
  --box-shadow: 0 0 0 1px var(--DIVIDER);
  --border: 2px solid transparent;
  --width: var(--normal);
}
@media (max-width: 61.24em) {
  .ps-group {
    margin-bottom: var(--PADD--MD);
  }
}

.ps-group--expanded .ps-group__details-item--hide,
.ps-group__item--expanded .ps-group__details-item--hide {
  display: block;
}
.ps-group--expanded .ps-group__desc > p,
.ps-group__item--expanded .ps-group__desc > p {
  max-height: 100%;
}

.ps-groups__list--single .ps-group__inner {
  display: grid;
  grid-template-columns: var(--width) auto;
  grid-template-rows: auto auto;
  grid-template-areas: "Header Body" "Privacy Body";
  padding: var(--PADD--MD);
}

.ps-group__header {
  position: relative;
  z-index: 1;
  display: block;
  height: 130px;
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-groups__list--single .ps-group__header {
  grid-area: Header;
  width: var(--width);
  height: auto;
  padding: 0;
  background: none !important;
}

.ps-group__privacy {
  padding: var(--PADD--MD);
  padding-left: 100px;
  text-align: right;
}
.ps-group__privacy > span {
  display: inline-block;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  border: 2px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.ps-group__privacy > span:hover:before, .ps-group__privacy > span:hover:after {
  display: none !important;
}
.ps-group__privacy > span > span {
  margin-left: var(--PADD--SM);
}
.ps-groups__list--single .ps-group__privacy {
  grid-area: Privacy;
  position: absolute;
  top: var(--PADD);
  right: var(--PADD);
  padding: 0;
  line-height: 1;
}
.ps-groups__list--single .ps-group__privacy > span {
  padding: 0;
  border: none;
}
.ps-groups__list--single .ps-group__privacy > span:hover:before, .ps-groups__list--single .ps-group__privacy > span:hover:after {
  display: block !important;
}
.ps-groups__list--single .ps-group__privacy > span > span {
  display: none;
}

.ps-group__body {
  padding: var(--PADD--MD);
  padding-top: 0;
}
.ps-groups__list--single .ps-group__body {
  grid-area: Body;
  padding: 0;
  padding-left: var(--PADD--MD);
}

.ps-group__name {
  margin-bottom: var(--PADD);
}
.ps-group__name a {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-group__name a:hover, .ps-group__name a:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.ps-group__details {
  font-size: 80%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-group__details-item {
  display: flex;
  align-items: center;
  margin-top: var(--PADD--SM);
}
.ps-group__details-item i {
  min-width: 20px;
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-group__details-item span {
  margin-left: var(--PADD--SM);
}

.ps-group__details-item--hide {
  display: none;
}

.ps-group__details-item--more {
  margin-top: var(--PADD);
  font-weight: bold;
}

.ps-group__desc {
  --line-height: var(--PS-LINE-HEIGHT);
  margin-bottom: var(--PADD--MD);
}
.ps-group__desc p {
  margin: 0;
  max-height: calc(2em * var(--line-height));
  line-height: var(--line-height);
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ps-groups__list--single .ps-group__desc {
  margin-bottom: var(--PADD);
}

.ps-group__actions {
  display: flex;
  font-size: 80%;
  text-align: center;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-group__actions > div {
  display: flex;
  width: 100%;
}
.ps-groups__list--single .ps-group__actions > div {
  justify-content: flex-end;
}

.ps-group__action {
  position: static;
  display: block;
  flex-grow: 1;
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-group__action:last-child {
  border: none;
}
.ps-group__action:before {
  margin-right: var(--PADD--SM);
}
.ps-groups__list--single .ps-group__action {
  flex-grow: 0;
}

.ps-group__action-toggle {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
}

.ps-group__action--join:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-group__action--follow:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.ps-group__action--following {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-group__action--following:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-group__action--following:hover:before {
  content: "\f057";
}

.ps-profile--group .ps-alert {
  display: flex;
  align-items: center;
}
.ps-profile--group .ps-alert > i {
  margin-right: var(--PADD--SM);
}

.ps-group__profile-focus {
  --cover-span: calc(var(--c-ps-group-focus-avatar-size) + 40px);
}
.ps-group__profile-focus .ps-focus__cover:before {
  padding-top: var(--height);
  min-height: calc(var(--c-ps-group-focus-avatar-size) + 100px);
}
@media (max-width: 61.24em) {
  .ps-group__profile-focus .ps-focus__cover:before {
    min-height: calc(min(100px, var(--c-ps-group-focus-avatar-size)) + 30px);
  }
}

.ps-group__profile-focus-avatar {
  top: auto;
  bottom: var(--PADD--MD);
  transform: none;
}
@media (min-width: 61.25em) {
  .ps-group__profile-focus-avatar {
    --width: var(--c-ps-group-focus-avatar-size);
  }
}

.ps-group__profile-focus-footer {
  --cover-span: var(--PADD--MD);
}

.ps-group__profile-privacy .ps-dropdown__menu {
  --width: 300px;
}

.ps-post--group .ps-emoticon {
  vertical-align: middle;
}

.ps-groups__actions .ps-btn--action {
  --radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

@media (min-width: 61.25em) {
  .ps-groups__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}
.ps-groups__list > .ps-alert {
  grid-column-start: 1;
  grid-column-end: span 2;
}

.ps-groups__list--single {
  grid-template-columns: 1fr;
}

.ps-groups__list-view:first-child {
  margin-right: auto;
}
.ps-groups__list-view .ps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.ps-groups__header {
  margin-bottom: var(--PADD--MD);
}

.ps-groups__header-inner {
  display: flex;
  justify-content: flex-end;
  gap: var(--PADD);
}

.ps-groups__search {
  flex-grow: 2;
}
.ps-groups__search .ps-form {
  margin: 0;
}
.ps-groups__search .ps-form__row {
  margin-bottom: 0;
}
@media (min-width: 61.25em) {
  .ps-groups__search .ps-form__row .ps-form__field {
    flex-grow: 10;
  }
}
.ps-groups__search .ps-form__row .ps-form__field .ps-groups__search-input {
  height: 40px;
  padding-left: var(--gap);
  padding-left: var(--gap) !important;
}
.ps-groups__search .ps-form__row .ps-groups__filter:last-child {
  padding-right: 0;
}
@media (min-width: 61.25em) {
  .ps-groups__search .ps-form__row .ps-groups__filter:last-child {
    flex-grow: 2;
  }
}
@media (max-width: 61.24em) {
  .ps-groups__search .ps-form__row .ps-groups__filter {
    padding-left: 0;
  }
}

.ps-groups__filters-toggle {
  --padd: var(--PADD);
  --gap: 40px;
  margin-left: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-groups__filters-toggle:hover, .ps-groups__filters-toggle:focus {
  color: var(--PS-COLOR--TEXT);
}
.ps-groups__filters-toggle:before {
  display: none;
}

.ps-groups__filters {
  display: none;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD--MD);
}

.ps-groups__filters-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--PADD--SM));
  margin-right: calc(-1 * var(--PADD--SM));
  font-size: 90%;
}

.ps-groups__filter {
  padding: var(--PADD--SM);
}

.ps-groups__filter-label {
  margin-bottom: var(--PADD--SM);
  font-weight: bold;
  display: inline-block;
}

.ps-groups__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-groups__tabs-inner:first-child {
  margin-top: 0;
}

.ps-groups__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-groups__tab:hover, .ps-groups__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-groups__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-groups__tab > a:hover, .ps-groups__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-groups__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-groups__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-groups__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-groups__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-groups__tab:last-child {
  border-right: none;
}
.ps-groups__tab i {
  color: var(--tabs-icon-color);
}
.ps-groups__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-groups__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-groups__tab {
  width: 50%;
}

.ps-groups__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-groups__tab--active:hover, .ps-groups__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-groups__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-groups__tab--active > a:hover, .ps-groups__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-groups__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-groups__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-groups__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-groups__view {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--PADD--MD);
}

.ps-groups__view-inner {
  display: flex;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS);
}
.ps-groups__view-inner > a {
  padding: var(--PADD);
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-groups__view-inner > a:last-child {
  border: none;
}

.ps-postbox__menu-item--group {
  position: relative;
}
.ps-activity--narrow .ps-postbox__menu-item--group {
  position: static;
}
.ps-postbox__menu-item--group .ps-postbox__menu-item-link {
  display: flex;
  align-items: center;
  gap: var(--PADD--SM);
}
.ps-postbox__menu-item--group .ps-postbox__menu-item-label {
  max-width: 50px;
  font-size: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ps-postbox__groups-options {
  --width: 300px;
}
.ps-activity--narrow .ps-postbox__groups-options {
  --width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.ps-postbox__groups-options .ps-loading {
  margin-top: var(--PADD);
}
.ps-postbox__groups-options em {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (max-width: 61.24em) {
  .ps-postbox__groups-options.ps-dropdown__menu {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__groups-options.ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --text-color--light: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__groups-options.ps-dropdown__menu > a {
  color: var(--text-color);
  color: var(--text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-postbox__groups-options.ps-dropdown__menu > a:hover, .ps-postbox__groups-options.ps-dropdown__menu > a:focus, .ps-postbox__groups-options.ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
    color: var(--text-color) !important;
  }
}

.ps-postbox__groups-option {
  position: relative;
  display: block;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__groups-option:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-postbox__groups-option:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.ps-postbox__groups-option:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}

.ps-postbox__groups-search {
  margin-top: var(--PADD);
}

.ps-postbox__groups-list {
  margin-top: var(--PADD);
}
@media (max-width: 61.24em) {
  .ps-postbox__groups-list {
    max-height: 20vh !important;
  }
}

.ps-postbox__groups-item {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__groups-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ps-postbox__groups-item-header {
  display: flex;
  margin-bottom: var(--PADD--SM);
}

.ps-postbox__groups-item-name {
  font-weight: bold;
}
.ps-postbox__groups-item:hover .ps-postbox__groups-item-name {
  color: var(--PS-COLOR--PRIMARY);
}

.ps-postbox__groups-item-privacy {
  margin-left: auto;
  padding-left: var(--PADD);
  color: var(--text-color--light);
  white-space: nowrap;
}

.ps-postbox__groups-item-desc > span {
  margin-bottom: 0;
  color: var(--text-color--light);
}

.ps-groups__categories {
  --accordion-bg: var(--PS-COLOR--APP);
  --accordion-border: var(--DIVIDER--LIGHT);
  --accordion-shadow: var(--BOX-SHADOW--HARD);
  --accordion-radius: var(--BORDER-RADIUS--MD);
  --accordion-action-padd: 50px;
  --accordion-title-color: var(--PS-COLOR--TEXT);
  --accordion-action-color: var(--PS-COLOR--TEXT--LIGHT);
  --accordion-action-color--hover: var(--PS-COLOR--TEXT);
  --accordion-open-indicator: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-groups__category--open .ps-accordion__title {
  box-shadow: none;
}
.ps-groups__category--open:last-child .ps-accordion__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ps-groups__category--open .ps-accordion__footer {
  display: block;
}

.ps-groups__category-footer {
  text-align: center;
}

.ps-group__edit-fields {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-group__edit-field {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-group__edit-field .ps-alert {
  margin-top: var(--PADD);
  margin-bottom: 0;
}
.ps-group__edit-field:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ps-group__edit-field-required {
  color: var(--PS-COLOR--ABORT);
}

.ps-group__edit-field-header {
  display: flex;
  align-items: flex-start;
}

.ps-group__edit-field-title {
  font-size: 80%;
  text-transform: uppercase;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-group__edit-field-note {
  margin-top: var(--PADD--SM);
  margin-bottom: var(--PADD--SM);
  text-transform: none;
}
.ps-group__edit-field-note:before {
  content: "*";
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}

.ps-group__edit-field--cats .ps-group__edit-field-data > a:after {
  content: " / ";
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-group__edit-field--cats .ps-group__edit-field-data > a:last-child:after {
  content: none;
}

.ps-group__edit-field-edit {
  display: flex;
  margin-left: auto;
}

.ps-group__edit-field-edit-item {
  margin-right: var(--PADD--SM);
}
.ps-group__edit-field-edit-item:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-group__edit-field-actions {
  display: flex;
  gap: var(--PADD--SM);
}
.ps-group__edit-field-actions .ps-btn {
  display: none;
}

.ps-group__edit-field-static {
  font-size: 90%;
}

.ps-group__edit-field-desc {
  margin-top: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-group__edit-field-placeholder {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-group__edit-field-form {
  display: none;
}
.ps-group__edit-field-form .ps-input__wrapper {
  margin-top: var(--PADD);
}
.ps-group__edit-field-form .ps-checkbox__label {
  font-size: 90%;
}

.ps-group__invite-search {
  margin-bottom: var(--PADD--MD);
}

.ps-group__invite-list {
  max-height: 300px;
  overflow: auto;
}
@media (min-width: 61.25em) {
  .ps-group__invite-list .ps-members {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}
.ps-group__invite-list .ps-members .ps-member {
  box-shadow: inset var(--BOX-SHADOW--HARD);
}
.ps-group__invite-list .ps-members .ps-member:hover {
  box-shadow: inset var(--BOX-SHADOW--HARD);
}
.ps-group__invite-list .ps-members .ps-member__name {
  margin-bottom: 0;
}

.ps-avatar--page {
  --width: var(--large);
  position: absolute;
  top: 50%;
  left: var(--PADD--MD);
  transform: translateY(-50%);
  width: auto;
}
.ps-avatar--page img {
  border: none;
  box-shadow: 0 0 0 3px var(--PS-COLOR--APP);
}
.ps-pages__list--single .ps-avatar--page {
  position: static;
  transform: none;
}
.ps-pages__list--single .ps-avatar--page img {
  border: var(--border);
  box-shadow: var(--box-shadow);
}

.ps-focus--page {
  --c-ps-profile-cover-height: var(--c-ps-group-focus-cover-height);
}
@media (min-width: 61.25em) {
  .ps-focus--page .ps-focus__title {
    padding-right: var(--PADD--XL);
  }
}

.ps-page__members-tabs {
  font-size: 80%;
}
@media (max-width: 46.24em) {
  .ps-page__members-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ps-page__members-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.ps-page__member-dropdown > img {
  display: inline-block;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD);
  margin-left: auto;
  margin-right: auto;
}
.ps-page__member-dropdown .ps-dropdown__menu {
  bottom: 100%;
  width: 100%;
}

.ps-pages .ps-page {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: box-shadow 0.2s ease;
}
.ps-pages .ps-page:hover {
  box-shadow: var(--BOX-SHADOW--MD);
}
.ps-pages__list--single .ps-pages .ps-page {
  --radius: var(--c-ps-avatar-style);
  --small: 40px;
  --medium: 48px;
  --normal: 64px;
  --large: 100px;
  --xlarge: 160px;
  --width: var(--small);
  --box-shadow: 0 0 0 1px var(--DIVIDER);
  --border: 2px solid transparent;
  --width: var(--normal);
}
@media (max-width: 61.24em) {
  .ps-pages .ps-page {
    margin-bottom: var(--PADD--MD);
  }
}

.ps-page--expanded .ps-page__details-item--hide,
.ps-page__item--expanded .ps-page__details-item--hide {
  display: block;
}
.ps-page--expanded .ps-page__desc > p,
.ps-page__item--expanded .ps-page__desc > p {
  max-height: 100%;
}

.ps-pages__list--single .ps-page__inner {
  display: grid;
  grid-template-columns: var(--width) auto;
  grid-template-rows: auto auto;
  grid-template-areas: "Header Body" "Privacy Body";
  padding: var(--PADD--MD);
}

.ps-page__header {
  position: relative;
  z-index: 1;
  display: block;
  height: 130px;
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-pages__list--single .ps-page__header {
  grid-area: Header;
  width: var(--width);
  height: auto;
  padding: 0;
  background: none !important;
}

.ps-page__privacy {
  padding: var(--PADD--MD);
  padding-left: 100px;
  text-align: right;
}
.ps-page__privacy > span {
  display: inline-block;
  padding: var(--PADD--SM) var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  border: 2px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.ps-page__privacy > span:hover:before, .ps-page__privacy > span:hover:after {
  display: none !important;
}
.ps-page__privacy > span > span {
  margin-left: var(--PADD--SM);
}
.ps-pages__list--single .ps-page__privacy {
  grid-area: Privacy;
  position: absolute;
  top: var(--PADD);
  right: var(--PADD);
  padding: 0;
  line-height: 1;
}
.ps-pages__list--single .ps-page__privacy > span {
  padding: 0;
  border: none;
}
.ps-pages__list--single .ps-page__privacy > span:hover:before, .ps-pages__list--single .ps-page__privacy > span:hover:after {
  display: block !important;
}
.ps-pages__list--single .ps-page__privacy > span > span {
  display: none;
}

.ps-page__body {
  padding: var(--PADD--MD);
}
.ps-pages__list--single .ps-page__body {
  grid-area: Body;
  padding: 0;
  padding-left: var(--PADD--MD);
}

.ps-page__name {
  margin-bottom: var(--PADD);
}
.ps-page__name a {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}
.ps-page__name a:hover, .ps-page__name a:focus {
  color: var(--PS-COLOR--TEXT);
  color: var(--PS-COLOR--TEXT) !important;
}

.ps-page__details {
  font-size: 80%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-page__details-item {
  display: flex;
  align-items: center;
  margin-top: var(--PADD--SM);
}
.ps-page__details-item i {
  min-width: 20px;
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-page__details-item span {
  margin-left: var(--PADD--SM);
}

.ps-page__details-item--hide {
  display: none;
}

.ps-page__details-item--more {
  margin-top: var(--PADD);
  font-weight: bold;
}

.ps-page__desc {
  --line-height: var(--PS-LINE-HEIGHT);
  margin-bottom: var(--PADD--MD);
}
.ps-page__desc p {
  margin: 0;
  max-height: calc(2em * var(--line-height));
  line-height: var(--line-height);
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ps-pages__list--single .ps-page__desc {
  margin-bottom: var(--PADD);
}

.ps-page__actions {
  display: flex;
  font-size: 80%;
  text-align: center;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-page__actions > div {
  display: flex;
  width: 100%;
}
.ps-pages__list--single .ps-page__actions > div {
  justify-content: flex-end;
}

.ps-page__action {
  position: static;
  display: block;
  flex-grow: 1;
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-page__action:last-child {
  border: none;
}
.ps-page__action:before {
  margin-right: var(--PADD--SM);
}
.ps-pages__list--single .ps-page__action {
  flex-grow: 0;
}

.ps-page__action-toggle {
  display: block;
  padding: var(--PADD) var(--PADD--MD);
}

.ps-page__action--join:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ps-page__action--follow:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

.ps-page__action--following {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-page__action--following:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.ps-page__action--following:hover:before {
  content: "\f057";
}

.ps-profile--page .ps-alert {
  display: flex;
  align-items: center;
}
.ps-profile--page .ps-alert > i {
  margin-right: var(--PADD--SM);
}

.ps-page__profile-focus {
  --cover-span: calc(var(--c-ps-group-focus-avatar-size) + 40px);
}
.ps-page__profile-focus .ps-focus__cover:before {
  padding-top: var(--height);
  min-height: calc(var(--c-ps-group-focus-avatar-size) + 100px);
}
@media (max-width: 61.24em) {
  .ps-page__profile-focus .ps-focus__cover:before {
    min-height: calc(min(100px, var(--c-ps-group-focus-avatar-size)) + 30px);
  }
}

.ps-page__profile-focus-avatar {
  top: auto;
  bottom: var(--PADD--MD);
  transform: none;
}
@media (min-width: 61.25em) {
  .ps-page__profile-focus-avatar {
    --width: var(--c-ps-group-focus-avatar-size);
  }
}

.ps-page__profile-focus-footer {
  --cover-span: var(--PADD--MD);
}

.ps-page__profile-privacy .ps-dropdown__menu {
  --width: 300px;
}

.ps-post--page .ps-emoticon {
  vertical-align: middle;
}

.ps-pages__actions .ps-btn--action {
  --radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

@media (min-width: 61.25em) {
  .ps-pages__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}
.ps-pages__list > .ps-alert {
  grid-column-start: 1;
  grid-column-end: span 2;
}

.ps-pages__list--single {
  grid-template-columns: 1fr;
}

.ps-pages__list-view:first-child {
  margin-right: auto;
}
.ps-pages__list-view .ps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.ps-pages__header {
  margin-bottom: var(--PADD--MD);
}

.ps-pages__header-inner {
  display: flex;
  justify-content: flex-end;
  gap: var(--PADD);
}

.ps-pages__search {
  flex-grow: 2;
}
.ps-pages__search .ps-form {
  margin: 0;
}
.ps-pages__search .ps-form__row {
  margin-bottom: 0;
}
@media (min-width: 61.25em) {
  .ps-pages__search .ps-form__row .ps-form__field {
    flex-grow: 10;
  }
}
.ps-pages__search .ps-form__row .ps-form__field .ps-pages__search-input {
  height: 40px;
  padding-left: var(--gap);
  padding-left: var(--gap) !important;
}
.ps-pages__search .ps-form__row .ps-pages__filter:last-child {
  padding-right: 0;
}
@media (min-width: 61.25em) {
  .ps-pages__search .ps-form__row .ps-pages__filter:last-child {
    flex-grow: 2;
  }
}
@media (max-width: 61.24em) {
  .ps-pages__search .ps-form__row .ps-pages__filter {
    padding-left: 0;
  }
}

.ps-pages__filters-toggle {
  --padd: var(--PADD);
  --gap: 40px;
  margin-left: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-pages__filters-toggle:hover, .ps-pages__filters-toggle:focus {
  color: var(--PS-COLOR--TEXT);
}
.ps-pages__filters-toggle:before {
  display: none;
}

.ps-pages__filters {
  display: none;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD--MD);
}

.ps-pages__filters-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--PADD--SM));
  margin-right: calc(-1 * var(--PADD--SM));
  font-size: 90%;
}

.ps-pages__filter {
  padding: var(--PADD--SM);
}

.ps-pages__filter-label {
  margin-bottom: var(--PADD--SM);
  font-weight: bold;
  display: inline-block;
}

.ps-pages__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-pages__tabs-inner:first-child {
  margin-top: 0;
}

.ps-pages__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-pages__tab:hover, .ps-pages__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-pages__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-pages__tab > a:hover, .ps-pages__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-pages__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-pages__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-pages__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-pages__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-pages__tab:last-child {
  border-right: none;
}
.ps-pages__tab i {
  color: var(--tabs-icon-color);
}
.ps-pages__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-pages__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-pages__tab {
  width: 50%;
}

.ps-pages__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-pages__tab--active:hover, .ps-pages__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-pages__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-pages__tab--active > a:hover, .ps-pages__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-pages__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-pages__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-pages__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-pages__view {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--PADD--MD);
}

.ps-pages__view-inner {
  display: flex;
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS);
}
.ps-pages__view-inner > a {
  padding: var(--PADD);
  border-right: 1px solid var(--DIVIDER--LIGHT);
}
.ps-pages__view-inner > a:last-child {
  border: none;
}

.ps-postbox__menu-item--page {
  position: relative;
}
.ps-activity--narrow .ps-postbox__menu-item--page {
  position: static;
}
.ps-postbox__menu-item--page .ps-postbox__menu-item-link {
  display: flex;
  align-items: center;
  gap: var(--PADD--SM);
}
.ps-postbox__menu-item--page .ps-postbox__menu-item-label {
  max-width: 50px;
  font-size: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ps-postbox__pages-options {
  --width: 300px;
}
.ps-activity--narrow .ps-postbox__pages-options {
  --width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.ps-postbox__pages-options .ps-loading {
  margin-top: var(--PADD);
}
.ps-postbox__pages-options em {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (max-width: 61.24em) {
  .ps-postbox__pages-options.ps-dropdown__menu {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.ps-postbox__pages-options.ps-dropdown__menu {
  --bg: var(--c-ps-postbox-dropdown-bg);
  --bg--light: var(--c-ps-postbox-dropdown-bg-light);
  --text-color: var(--c-ps-postbox-dropdown-text-color);
  --text-color--light: var(--c-ps-postbox-dropdown-icon-color);
  background-color: var(--bg);
}
.ps-postbox__pages-options.ps-dropdown__menu > a {
  color: var(--text-color);
  color: var(--text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-postbox__pages-options.ps-dropdown__menu > a:hover, .ps-postbox__pages-options.ps-dropdown__menu > a:focus, .ps-postbox__pages-options.ps-dropdown__menu > a.active {
    color: var(--text-color);
    background-color: var(--bg--light);
    color: var(--text-color) !important;
  }
}

.ps-postbox__pages-option {
  position: relative;
  display: block;
  padding: var(--PADD);
  color: var(--PS-COLOR--TEXT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__pages-option:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.ps-postbox__pages-option:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.ps-postbox__pages-option:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}

.ps-postbox__pages-search {
  margin-top: var(--PADD);
}

.ps-postbox__pages-list {
  margin-top: var(--PADD);
}
@media (max-width: 61.24em) {
  .ps-postbox__pages-list {
    max-height: 20vh !important;
  }
}

.ps-postbox__pages-item {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-postbox__pages-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ps-postbox__pages-item-header {
  display: flex;
  margin-bottom: var(--PADD--SM);
}

.ps-postbox__pages-item-name {
  font-weight: bold;
}
.ps-postbox__pages-item:hover .ps-postbox__pages-item-name {
  color: var(--PS-COLOR--PRIMARY);
}

.ps-postbox__pages-item-privacy {
  margin-left: auto;
  padding-left: var(--PADD);
  color: var(--text-color--light);
  white-space: nowrap;
}

.ps-postbox__pages-item-desc > span {
  margin-bottom: 0;
  color: var(--text-color--light);
}

.ps-pages__categories {
  --accordion-bg: var(--PS-COLOR--APP);
  --accordion-border: var(--DIVIDER--LIGHT);
  --accordion-shadow: var(--BOX-SHADOW--HARD);
  --accordion-radius: var(--BORDER-RADIUS--MD);
  --accordion-action-padd: 50px;
  --accordion-title-color: var(--PS-COLOR--TEXT);
  --accordion-action-color: var(--PS-COLOR--TEXT--LIGHT);
  --accordion-action-color--hover: var(--PS-COLOR--TEXT);
  --accordion-open-indicator: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-pages__category--open .ps-accordion__title {
  box-shadow: none;
}
.ps-pages__category--open:last-child .ps-accordion__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ps-pages__category--open .ps-accordion__footer {
  display: block;
}

.ps-pages__category-footer {
  text-align: center;
}

.ps-page__edit-fields {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-page__edit-field {
  margin-bottom: var(--PADD);
  padding-bottom: var(--PADD);
  line-height: var(--PS-LINE-HEIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-page__edit-field .ps-alert {
  margin-top: var(--PADD);
  margin-bottom: 0;
}
.ps-page__edit-field:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ps-page__edit-field-required {
  color: var(--PS-COLOR--ABORT);
}

.ps-page__edit-field-header {
  display: flex;
  align-items: flex-start;
}

.ps-page__edit-field-title {
  font-size: 80%;
  text-transform: uppercase;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-page__edit-field-note {
  margin-top: var(--PADD--SM);
  margin-bottom: var(--PADD--SM);
  text-transform: none;
}
.ps-page__edit-field-note:before {
  content: "*";
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}

.ps-page__edit-field--cats .ps-page__edit-field-data > a:after {
  content: " / ";
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-page__edit-field--cats .ps-page__edit-field-data > a:last-child:after {
  content: none;
}

.ps-page__edit-field-edit {
  display: flex;
  margin-left: auto;
}

.ps-page__edit-field-edit-item {
  margin-right: var(--PADD--SM);
}
.ps-page__edit-field-edit-item:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-page__edit-field-actions {
  display: flex;
  gap: var(--PADD--SM);
}
.ps-page__edit-field-actions .ps-btn {
  display: none;
}

.ps-page__edit-field-static {
  font-size: 90%;
}

.ps-page__edit-field-desc {
  margin-top: var(--PADD);
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-page__edit-field-placeholder {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-page__edit-field-form {
  display: none;
}
.ps-page__edit-field-form .ps-input__wrapper {
  margin-top: var(--PADD);
}
.ps-page__edit-field-form .ps-checkbox__label {
  font-size: 90%;
}

.ps-page__invite-search {
  margin-bottom: var(--PADD--MD);
}

.ps-page__invite-list {
  max-height: 300px;
  overflow: auto;
}
@media (min-width: 61.25em) {
  .ps-page__invite-list .ps-members {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}
.ps-page__invite-list .ps-members .ps-member {
  box-shadow: inset var(--BOX-SHADOW--HARD);
}
.ps-page__invite-list .ps-members .ps-member:hover {
  box-shadow: inset var(--BOX-SHADOW--HARD);
}
.ps-page__invite-list .ps-members .ps-member__name {
  margin-bottom: 0;
}

.ps-hovercard__vip {
  padding: var(--PADD--SM) var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-vip__icon {
  --vip-icon-size: 16px;
  display: inline-block;
  height: 100%;
  min-width: var(--vip-icon-size);
  max-height: var(--vip-icon-size);
  transform: translateY(-2px);
  vertical-align: middle;
  display: inline-block !important;
}
.ps-vip__icon--hidden {
  display: none !important;
}
.ps-focus .ps-vip__icon {
  max-height: 20px;
}
.elementor .ps-vip__icon {
  min-width: var(--vip-icon-size);
  max-height: var(--vip-icon-size);
}
@supports (-moz-appearance: none) {
  .ps-vip__icon {
    transform: translateY(-2px);
  }
}
.ps-comment__author .ps-vip__icon {
  transform: translateY(-1px);
}

.ps-vip__icon--hidden {
  display: none;
}

.ps-vip__counter {
  display: inline;
  margin-right: var(--PADD--SM);
  padding: 1px 2px;
  font-weight: normal;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
}
.ps-vip__counter:last-child {
  margin-right: 0;
}

.ps-vip__tooltip {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: 105%;
  height: 0;
  padding: var(--PADD);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 70%;
  line-height: var(--PS-LINE-HEIGHT);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--BORDER-RADIUS--MD);
  overflow: hidden;
  transition: all 0.2s ease;
}

.ps-vip__tooltip-trigger:hover + .ps-vip__tooltip {
  height: auto;
  padding: var(--PADD);
}

.ps-vip__tooltip-desc {
  color: rgba(255, 255, 255, 0.8);
}
.ps-vip__tooltip-desc:empty {
  display: none;
}

.ps-vip-dropdown__wrapper {
  z-index: 510;
}

.ps-vip__dropdown {
  background-color: var(--COLOR--APP);
  color: var(--PS-COLOR--TEXT);
  border-radius: var(--BORDER-RADIUS--XL);
}

.ps-vip-dropdown__item {
  background-color: var(--COLOR--APP);
}
.ps-vip-dropdown__item:nth-child(2n+2) {
  background-color: var(--COLOR--APP--LIGHTGRAY);
}
.ps-vip-dropdown__item:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--XL);
  border-top-right-radius: var(--BORDER-RADIUS--XL);
}
.ps-vip-dropdown__item:last-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--XL);
  border-bottom-right-radius: var(--BORDER-RADIUS--XL);
}

.ps-ulimits__debug {
  display: flex;
  flex-direction: column;
  gap: var(--PADD--SM);
  width: 100%;
}

.ps-ulimits__debug-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--PADD);
  width: 100%;
  margin-bottom: var(--PADD--MD);
  padding: var(--PADD);
  color: var(--COLOR--TEXT);
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-ulimits__debug-wrapper a {
  color: var(--COLOR--TEXT);
}
.ps-ulimits__debug-wrapper > * {
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-ulimits__debug-wrapper > *:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.psw-ulimits .ps-ulimits__debug-wrapper {
  margin-top: var(--PADD--MD);
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}

.ps-ulimits__debug-title {
  font-size: 1rem;
  line-height: var(--LINE-HEIGHT);
  font-weight: 500;
}
.ps-ulimits__debug-title i {
  min-width: 20px;
}

.ps-ulimits__debug-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--PADD--SM);
}

.ps-ulimits__debug-item {
  display: block;
  padding: var(--PADD);
  font-size: 0.85rem;
  background-color: var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
}
.ps-ulimits__debug-item i {
  margin-right: var(--PADD--SM);
  opacity: 0.5;
}
.psw-ulimits .ps-ulimits__debug-item {
  width: 100%;
}
.psw-ulimits .ps-ulimits__debug-item i {
  min-width: 1.35rem;
  margin-right: 0;
}

.psw-ulimits__progress-message {
  margin-bottom: var(--PADD);
  font-size: 80%;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-ulimits__progress-message > a {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.psw-ulimits__progress-message > a:hover, .psw-ulimits__progress-message > a:focus {
  color: var(--PS-COLOR--TEXT);
}

.psw-ulimits__progress-bar {
  --radius: 10px;
  --height: 10px;
  width: 100%;
  height: var(--height);
  background-color: var(--PS-COLOR--APP--DARKGRAY);
  border-radius: var(--radius);
  overflow: hidden;
}
.psw-ulimits__progress-bar > span {
  display: block;
  width: auto;
  height: var(--height);
  background-color: var(--PS-COLOR--PRIMARY);
  border-radius: var(--radius);
  transition: width 0.3s ease;
}

.ps-mycred__history-title {
  margin-bottom: var(--PADD--MD);
}

.ps-mycred__history {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--XL);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-mycred__history ul.pagination {
  display: flex;
  justify-content: center;
  margin: 0;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD);
  padding: 0;
  list-style: none;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-mycred__history ul.pagination li {
  list-style-type: none;
}
.ps-mycred__history ul.pagination li > a,
.ps-mycred__history ul.pagination li > span {
  display: block;
  padding: var(--PADD);
}
.ps-mycred__history ul.pagination li > span {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-mycred__history ul.pagination li.active {
  font-weight: bold;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS);
}
.ps-mycred__history ul.pagination li:nth-child(2) {
  margin-right: auto;
}
.ps-mycred__history ul.pagination li:nth-last-child(2) {
  margin-left: auto;
}
.ps-mycred__history .table th {
  text-align: left;
}

.ps-advads__post {
  overflow: hidden;
}
.ps-advads__post .ps-avatar--post > img {
  width: var(--width);
  height: var(--width);
}
.ps-advads__post .ps-post__title {
  color: var(--PS-COLOR--TEXT);
}
.ps-advads__post .ps-post__title a {
  color: var(--PS-COLOR--TEXT);
}
.ps-advads__post .ps-post__info {
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-advads__image {
  display: block;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
  text-align: center;
}

.ps-page--wpadverts .adverts-button {
  color: var(--PS-COLOR--TEXT) !important;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS);
  border: none;
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-page--wpadverts .adverts-button:hover {
  color: var(--PS-COLOR--TEXT) !important;
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border: none;
}

.ps-wpadverts__header {
  margin-bottom: var(--PADD--MD);
}

.ps-wpadverts__header-inner {
  display: flex;
  justify-content: flex-end;
}

.ps-wpadverts__search {
  flex-grow: 2;
  margin-right: var(--PADD);
}
.ps-wpadverts__search .ps-form__row {
  margin-bottom: 0;
}

.ps-wpadverts__filters-toggle {
  --padd: var(--PADD);
  --gap: 40px;
  margin-left: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-wpadverts__filters-toggle:hover, .ps-wpadverts__filters-toggle:focus {
  color: var(--PS-COLOR--TEXT);
}

.ps-wpadverts__filters {
  display: none;
  margin-top: var(--PADD);
  margin-bottom: var(--PADD--MD);
}

.ps-wpadverts__filters-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--PADD--SM));
  margin-right: calc(-1 * var(--PADD--SM));
  font-size: 90%;
}

.ps-wpadverts__filter {
  padding-left: var(--PADD--SM);
  padding-right: var(--PADD--SM);
}

.ps-wpadverts__filter-label {
  margin-bottom: var(--PADD--SM);
  font-weight: bold;
}

.ps-wpadverts__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-wpadverts__tabs-inner:first-child {
  margin-top: 0;
}

.ps-wpadverts__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-wpadverts__tab:hover, .ps-wpadverts__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-wpadverts__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-wpadverts__tab > a:hover, .ps-wpadverts__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-wpadverts__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpadverts__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpadverts__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpadverts__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpadverts__tab:last-child {
  border-right: none;
}
.ps-wpadverts__tab i {
  color: var(--tabs-icon-color);
}
.ps-wpadverts__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-wpadverts__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-wpadverts__tab {
  width: 50%;
}

.ps-wpadverts__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-wpadverts__tab--active:hover, .ps-wpadverts__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-wpadverts__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-wpadverts__tab--active > a:hover, .ps-wpadverts__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-wpadverts__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-wpadverts__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-wpadverts__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.ps-classifieds__grid {
  --grid-columns: 2;
}
@media (min-width: 61.25em) {
  .ps-classifieds__grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-column-gap: var(--PADD);
    grid-row-gap: var(--PADD);
  }
}

.ps-classifieds__grid--2 {
  --grid-columns: 2;
}

.ps-classifieds__grid--3 {
  --grid-columns: 3;
}

.ps-classifieds__grid--4 {
  --grid-columns: 4;
}

.ps-classified {
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  min-width: 0;
  margin-bottom: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--radius);
}
.ps-classified .adverts-inline-icon.adverts-inline-icon-info::before {
  color: var(--PS-COLOR--PRIMARY--LIGHT);
}
.ps-classified .adverts-manage-action {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  --padd: var(--PADD) var(--PADD--MD);
  --font-size: var(--PS-FONT-SIZE);
  --line-height: var(--PS-LINE-HEIGHT);
  --bg: var(--c-ps-btn-bg);
  --color: var(--c-ps-btn-color);
  --bg--hover: var(--c-ps-btn-bg-hover);
  --color--hover: var(--c-ps-btn-color-hover);
  --radius: var(--BORDER-RADIUS--MD);
  --border: var(--DIVIDER--LIGHTEN);
  display: inline-block;
  margin: 0;
  padding: var(--padd);
  font-size: max(16px, var(--font-size));
  line-height: var(--line-height);
  color: var(--color);
  background-color: var(--bg);
  border: none;
  border-radius: var(--radius);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--border);
  text-decoration: none;
  cursor: pointer;
}
.ps-classified .adverts-manage-action:focus, .ps-classified .adverts-manage-action.active {
  color: var(--color--hover);
  background-color: var(--bg--hover);
}
@media (min-width: 46.25em) {
  .ps-classified .adverts-manage-action:hover, .ps-classified .adverts-manage-action:focus,
  .ps-classified .adverts-manage-action .active {
    color: var(--color--hover);
    background-color: var(--bg--hover);
  }
}
.ps-classified .adverts-manage-action:disabled, .ps-classified .adverts-manage-action.ps-btn--disabled {
  color: var(--color);
  background-color: var(--bg);
  opacity: 0.5;
  cursor: not-allowed;
}
.ps-classified .adverts-manage-action > i:first-child + span {
  margin-left: var(--PADD--SM);
}
.ps-classified .adverts-manage-action > i:last-child + span {
  margin-right: var(--PADD--SM);
}
.ps-classified .adverts-manage-action {
  --font-size: 90%;
  --line-height: 1.2;
  --bg: var(--PS-COLOR--APP);
  --bg--hover: var(--PS-COLOR--APP--GRAY);
  --border: var(--DIVIDER--LIGHT);
  padding: var(--PADD);
  height: auto;
  overflow: visible;
}
.ps-classified .adverts-manage-action span {
  font-size: 100%;
}

.ps-classified--featured {
  box-shadow: 0 0 0 2px var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-classified--sold {
  position: relative;
}

.ps-classified--post {
  margin-bottom: 0;
  border-radius: 0;
  border-top: 1px solid var(--DIVIDER--LIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: none;
}

.ps-classified__inner {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 250px;
}
.ps-classified--post .ps-classified__inner {
  flex-direction: row;
  min-height: unset;
}
@media (max-width: 61.24em) {
  .ps-classified--post .ps-classified__inner {
    flex-direction: column;
  }
}
.ps-classifieds__grid .ps-classified__inner {
  flex-direction: column;
  height: 100%;
}
@media (max-width: 61.24em) {
  .ps-classified__inner {
    flex-direction: column;
  }
}
.ps-form--repost .ps-classified__inner {
  flex-direction: column;
}

.ps-classified__label {
  padding: var(--PADD--SM) var(--PADD);
  font-size: 65%;
  text-align: center;
  text-transform: uppercase;
  color: var(--PS-COLOR--WARNING--DARK);
  background-color: var(--PS-COLOR--WARNING--ULTRALIGHT);
}

.ps-classified__label--sold-top {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom: 1px solid var(--PS-COLOR--WARNING--LIGHT);
}
.ps-classified--post .ps-classified__label--sold-top {
  border-radius: 0;
}

.ps-classified__label--sold-bottom {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  border-top: 1px solid var(--PS-COLOR--WARNING--LIGHT);
}
.ps-classified--post .ps-classified__label--sold-bottom {
  border-radius: 0;
}

.ps-classified__photo-link {
  display: block;
  width: 250px;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.ps-classified__photo-link > img {
  max-width: 100%;
  opacity: 0;
}
.ps-classified--post .ps-classified__photo-link, .ps-classifieds__grid .ps-classified__photo-link {
  max-width: 100%;
  width: 200px;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
@media (max-width: 61.24em) {
  .ps-classified--post .ps-classified__photo-link, .ps-classifieds__grid .ps-classified__photo-link {
    max-width: 100%;
    width: auto;
    min-width: 200px;
  }
}
.ps-classified--post .ps-classified__photo-link {
  border-radius: 0;
}
@media (max-width: 61.24em) {
  .ps-classified__photo-link {
    max-width: 100%;
    width: auto;
    min-width: 200px;
    border-radius: 0;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.ps-classified__body {
  flex-grow: 2;
  padding: var(--PADD--MD);
}
.ps-classifieds__grid .ps-classified__body {
  display: flex;
  flex-direction: column;
}

.ps-classified__title {
  display: block;
  margin-bottom: var(--PADD);
  font-weight: bold;
  color: var(--PS-COLOR--TEXT);
}
.ps-classified__title:hover, .ps-classified__title:focus {
  color: var(--PS-COLOR--TEXT);
}

.ps-classified__price {
  display: inline-block;
  margin-top: var(--PADD--MD);
  padding: var(--PADD);
  font-size: 90%;
  font-weight: bold;
  color: var(--PS-COLOR--TEXT--INVERT);
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.ps-classified__price > a {
  color: var(--PS-COLOR--TEXT--INVERT);
}
.ps-classified__price > a:hover, .ps-classified__price > a:focus {
  color: var(--PS-COLOR--TEXT--INVERT);
}
.ps-classifieds__grid .ps-classified__price {
  margin-bottom: var(--PADD);
}

.ps-classified__content {
  max-height: calc(var(--PS-LINE-HEIGHT) * 2em);
  font-size: 90%;
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--PS-COLOR--TEXT--LIGHT);
  overflow: hidden;
}
.ps-classifieds__grid .ps-classified__content {
  margin-bottom: var(--PADD--MD);
}

.ps-classified__meta-wrapper {
  margin-top: var(--PADD--MD);
  margin-left: calc(-1 * var(--PADD--MD));
  margin-right: calc(-1 * var(--PADD--MD));
  padding: var(--PADD) var(--PADD--MD);
  font-size: 80%;
  line-height: 1.8;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-classified__meta-wrapper > .adverts-inline-icon {
  margin-right: var(--PADD);
}
.ps-classifieds__grid .ps-classified__meta-wrapper {
  margin-top: auto;
}
.ps-classified--post .ps-classified__meta-wrapper {
  margin-top: var(--PADD);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  line-height: var(--PS-LINE-HEIGHT);
  background-color: transparent;
}

.ps-classified__meta {
  display: inline-block;
  margin-right: var(--PADD);
}
.ps-classified__meta > i {
  margin-right: var(--PADD--SM);
}
.ps-classified__meta:last-child {
  margin-left: 0;
  margin-right: 0;
}

.ps-classified__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.ps-classifieds__grid .ps-classified__actions {
  display: block;
}

.ps-classified__actions-inner {
  justify-content: flex-end;
  margin-top: var(--PADD);
}
.ps-classifieds__grid .ps-classified__actions-inner {
  justify-content: flex-start;
}

.ps-classified__action {
  text-align: center;
}
.ps-classifieds__grid .ps-classified__action {
  flex-grow: 1;
}
@media (max-width: 61.24em) {
  .ps-classified__action > span {
    display: none;
  }
}

.ps-classified__delete-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--radius);
  opacity: 0.9;
}

.ps-classified__delete-box-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: var(--PADD--MD);
}

.ps-classified__delete-box-notice {
  display: block;
  margin-bottom: var(--PADD);
}

.ps-wpadverts__categories .ps-wpadverts__category {
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-wpadverts__categories .ps-wpadverts__category:hover {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
}
.ps-wpadverts__categories .ps-wpadverts__category-title {
  font-size: 90%;
  font-weight: normal;
  color: var(--PS-COLOR--TEXT);
}
.ps-wpadverts__categories .ps-wpadverts__category-icon:before {
  color: var(--PS-COLOR--PRIMARY);
}

.ps-page--wpadverts-add .ps-form__row-payments--listing--type .ps-form__label {
  margin-bottom: var(--PADD);
}
.ps-page--wpadverts-add .adverts-pricings-list {
  margin-bottom: var(--PADD--MD);
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-x {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-x:first-child {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-field {
  padding-left: 35px;
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-cute-input {
  left: 5px;
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-name {
  margin-left: 2px;
  font-weight: bold;
  margin-bottom: var(--PADD--SM);
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-features {
  font-size: 75%;
}
.ps-page--wpadverts-add .adverts-pricings-list .adverts-listing-type-cost {
  display: inline-block;
  padding: var(--PADD);
  font-size: 90%;
  font-weight: bold;
  color: var(--PS-COLOR--TEXT--INVERT);
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}

.ps-form__row---adverts--account .ps-form__label {
  padding-top: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER);
}
.ps-form__row---adverts--account .ps-form__field {
  padding-bottom: var(--PADD--MD);
  font-size: 80%;
  border-bottom: 1px solid var(--DIVIDER);
}

.ps-wpadverts__add-form {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-wpadverts__add-form input:not(.ps-btn) {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.ps-wpadverts__add-form input:not(.ps-btn) option {
  font-family: sans-serif;
}
.ps-wpadverts__add-form input:not(.ps-btn):hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-wpadverts__add-form input:not(.ps-btn):focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-wpadverts__add-form input:not(.ps-btn):disabled, .ps-wpadverts__add-form input:not(.ps-btn):read-only, .ps-wpadverts__add-form input:not(.ps-btn).ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-wpadverts__add-form input:not(.ps-btn).ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.ps-wpadverts__add-form input:not(.ps-btn).ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-wpadverts__add-form input:not(.ps-btn).ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-wpadverts__add-form input:not(.ps-btn).ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-wpadverts__add-form input[type=checkbox],
.ps-wpadverts__add-form input[type=radio] {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-wpadverts__add-form input[type=checkbox]:hover, .ps-wpadverts__add-form input[type=checkbox]:focus,
.ps-wpadverts__add-form input[type=radio]:hover,
.ps-wpadverts__add-form input[type=radio]:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-wpadverts__add-form input[type=checkbox],
.ps-wpadverts__add-form input[type=radio] {
  max-width: unset;
  margin-top: 2px;
  display: inline-block;
  margin-top: 0;
  margin-right: 2px;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}
.ps-wpadverts__add-form input[type=checkbox]:checked::before,
.ps-wpadverts__add-form input[type=radio]:checked::before {
  margin: -12px 0 0 -2px;
  float: none;
}
.ps-wpadverts__add-form input[type=checkbox]:focus, .ps-wpadverts__add-form input[type=checkbox]:hover,
.ps-wpadverts__add-form input[type=radio]:focus,
.ps-wpadverts__add-form input[type=radio]:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}

.ps-form__row---adverts--account .ps-form__label {
  padding-top: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER);
}
.ps-form__row---adverts--account .ps-form__field {
  padding-bottom: var(--PADD--MD);
  font-size: 80%;
  border-bottom: 1px solid var(--DIVIDER);
}

.ps-wpadverts__edit-form {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-wpadverts__edit-form input:not(.ps-btn) {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.ps-wpadverts__edit-form input:not(.ps-btn) option {
  font-family: sans-serif;
}
.ps-wpadverts__edit-form input:not(.ps-btn):hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-wpadverts__edit-form input:not(.ps-btn):focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-wpadverts__edit-form input:not(.ps-btn):disabled, .ps-wpadverts__edit-form input:not(.ps-btn):read-only, .ps-wpadverts__edit-form input:not(.ps-btn).ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-wpadverts__edit-form input:not(.ps-btn).ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.ps-wpadverts__edit-form input:not(.ps-btn).ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.ps-wpadverts__edit-form input:not(.ps-btn).ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.ps-wpadverts__edit-form input:not(.ps-btn).ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.ps-wpadverts__edit-form input[type=checkbox],
.ps-wpadverts__edit-form input[type=radio] {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-wpadverts__edit-form input[type=checkbox]:hover, .ps-wpadverts__edit-form input[type=checkbox]:focus,
.ps-wpadverts__edit-form input[type=radio]:hover,
.ps-wpadverts__edit-form input[type=radio]:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.ps-wpadverts__edit-form input[type=checkbox],
.ps-wpadverts__edit-form input[type=radio] {
  max-width: unset;
  margin-top: 2px;
  display: inline-block;
  margin-top: 0;
  margin-right: 2px;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}
.ps-wpadverts__edit-form input[type=checkbox]:checked::before,
.ps-wpadverts__edit-form input[type=radio]:checked::before {
  margin: -12px 0 0 -2px;
  float: none;
}
.ps-wpadverts__edit-form input[type=checkbox]:focus, .ps-wpadverts__edit-form input[type=checkbox]:hover,
.ps-wpadverts__edit-form input[type=radio]:focus,
.ps-wpadverts__edit-form input[type=radio]:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}

.ps-wpadverts__preview-actions {
  margin-top: var(--PADD--MD);
}

.ps-page--wpadverts-single .wpadverts-slides {
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-page--wpadverts-single .adverts-single-actions {
  margin-top: var(--PADD--MD);
}
.ps-page--wpadverts-single .adverts-contact-box {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
  font-size: 80%;
}
.ps-page--wpadverts-single .adverts-contact-box .adverts-contact-method:last-child {
  margin-bottom: 0;
}
.ps-page--wpadverts-single .adverts-content {
  margin-bottom: 0;
}

.ps-wpadverts__single {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-wpadverts__single-box {
  margin-top: 0 !important;
  font-size: 80%;
}

.ps-wpadverts__single-price > span {
  display: block;
  padding: var(--PADD);
  font-size: 120%;
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-wpadverts__single-grid {
  font-size: 80%;
}

.ps-badgeos__page {
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-badgeos__page .badgeos_achievement_main_container {
  margin: 0;
}
.ps-badgeos__page ul {
  padding: 0;
}
.ps-badgeos__page ul > li {
  list-style-type: none;
}
.ps-badgeos__page ul > li .show-hide-open,
.ps-badgeos__page ul > li .show-hide-close {
  font-size: 80%;
}
.ps-badgeos__page ul > li .show-hide-open:after,
.ps-badgeos__page ul > li .show-hide-close:after {
  margin: 5px;
}
.ps-badgeos__page ul > li .ps-badgeos__item-excerpt {
  font-size: 80%;
}
.ps-badgeos__page ul > li .badgeos-item-points {
  margin-top: var(--PADD--SM);
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached h4 {
  font-weight: normal;
  font-size: 100%;
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul {
  padding-left: var(--PADD--MD);
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul.grid {
  display: block !important;
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul.list > li {
  padding: 0 !important;
  margin-bottom: var(--PADD) !important;
  border: none !important;
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul.list > li:last-child {
  margin-bottom: 0 !important;
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul li {
  margin-bottom: var(--PADD);
  font-size: 80%;
  list-style-type: decimal;
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul li.user-has-earned {
  color: var(--COLOR--TEXT--LIGHT);
}
.ps-badgeos__page ul > li .ps-badgeos__item-attached ul li:last-child {
  margin-bottom: 0;
}
.ps-badgeos__page #badgeos-achievements-container {
  border-top: none;
}
.ps-badgeos__page #badgeos-achievements-container .badgeos-arrange-buttons {
  margin: 0;
  margin-bottom: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-badgeos__page #badgeos-achievements-container .badgeos-arrange-buttons button {
  display: flex;
  align-items: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: transparent;
}
.ps-badgeos__page #badgeos-achievements-container .badgeos-arrange-buttons button.selected {
  color: var(--PS-COLOR--TEXT);
}
.ps-badgeos__page #badgeos-achievements-container .list > li {
  margin-bottom: 0;
  padding: var(--PADD--MD);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-badgeos__page #badgeos-achievements-container .list > li:last-child {
  border-bottom: none;
}
@media (min-width: 61.25em) {
  .ps-badgeos__page #badgeos-achievements-container .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD);
    grid-row-gap: var(--PADD);
  }
}
.ps-badgeos__page #badgeos-achievements-container .grid > li {
  width: 100%;
  min-width: 0;
  float: none;
  border: none;
}

.ps-badgeos__list-wrapper {
  padding: var(--PADD--MD);
  padding-top: 0;
  padding-left: var(--cover-span);
  background-color: var(--PS-COLOR--APP);
}
@media (max-width: 61.24em) {
  .ps-badgeos__list-wrapper {
    padding: 0 var(--PADD) var(--PADD--MD) var(--PADD);
    text-align: center;
  }
}

.ps-badgeos__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 61.24em) {
  .ps-badgeos__list {
    justify-content: center;
  }
}

.ps-badgeos__list-title {
  margin-bottom: var(--PADD);
  font-size: 90%;
}

.ps-badgeos__item {
  --width: 60px;
  width: var(--width);
}
.ps-badgeos__item > a {
  display: block;
}
.ps-badgeos__page .ps-badgeos__item {
  --width: 100%;
}

.ps-badgeos__page .ps-badgeos__item-image {
  margin-bottom: var(--PADD);
}

.ps-badgeos__page .ps-badgeos__item-excerpt p:last-child {
  margin-bottom: 0;
}

.ps-badgeos__item--widget {
  --width: 40px;
  margin-right: var(--PADD--SM);
}
.ps-badgeos__item--widget:last-child {
  margin-left: 0;
  margin-right: 0;
}
.psw-userbar .ps-badgeos__item--widget {
  --width: 30px;
}

.ps-badgeos__widget-title {
  margin-left: calc(-1 * var(--PADD--MD));
  margin-right: calc(-1 * var(--PADD--MD));
  margin-bottom: var(--PADD);
  padding-top: var(--PADD--MD);
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  font-size: 90%;
  text-align: center;
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.psw-userbar .ps-badgeos__widget-title {
  display: none;
}

.ps-badgeos__widget-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: var(--PADD--SM);
  margin-bottom: var(--PADD--MD);
}
.psw-userbar .ps-badgeos__widget-list {
  margin-bottom: 0;
}

.ps-badgeos__post {
  padding-top: var(--PADD--MD);
  text-align: center;
  border-top: 1px solid var(--DIVIDER--LIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-badgeos__post-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--PADD--MD);
  font-size: 120%;
}
.ps-badgeos__post-title > a {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  color: var(--text-color-light);
}
.ps-badgeos__post-title > a:hover, .ps-badgeos__post-title > a:focus {
  color: var(--text-color-light);
}
.ps-badgeos__post-title:before, .ps-badgeos__post-title:after {
  content: " ";
  flex-grow: 1;
  display: block;
  height: 1px;
  background-color: var(--DIVIDER--LIGHT);
}

.ps-woo__slider-wrapper {
  position: relative;
}

.ps-woo__slider {
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  /* Important fix for iOS Safari bug */
  /* https://davidwalsh.name/scroll-iframes-ios */
  -webkit-overflow-scrolling: touch;
}

.ps-woo__slider-item {
  display: inline-block;
  width: 100%;
  margin-right: var(--PADD);
}
.ps-woo__slider-item:last-child {
  margin-right: 0;
}

.ps-woo__slider-btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: var(--PADD) var(--PADD--SM);
  font-size: 100%;
  line-height: 1;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
  border-radius: var(--BORDER-RADIUS);
  text-transform: uppercase;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.ps-woo__slider-wrapper:hover .ps-woo__slider-btn {
  opacity: 1;
  box-shadow: 0 1px 3px var(--DIVIDER), inset 0 0 0 1px var(--DIVIDER--LIGHT);
}

.ps-woo__slider-btn--prev {
  left: calc(-1 * var(--PADD));
}

.ps-woo__slider-btn--next {
  right: calc(-1 * var(--PADD));
}

.ps-dokan {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G4);
}

.woocommerce .ps-dokan__products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--G4);
}
.woocommerce .ps-dokan__products .products {
  display: block !important;
}
.woocommerce .ps-dokan__products .product {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--G3);
  margin: 0;
  padding: var(--G4);
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}
.woocommerce .ps-dokan__products .product:before, .woocommerce .ps-dokan__products .product:after {
  display: none;
}
.woocommerce .ps-dokan__products .product .woocommerce-loop-product__title {
  padding-top: 0;
  font-size: var(--PS-FONT-SIZE);
}
.woocommerce .ps-dokan__products .product span.onsale {
  top: var(--G4);
  left: auto;
  right: var(--G4);
  padding: 0;
}
.woocommerce .ps-dokan__products .product .wp-post-image {
  border-radius: var(--BORDER-RADIUS);
}
.woocommerce .ps-dokan__products .product .button {
  justify-content: center;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: var(--F-S);
  color: var(--c-ps-btn-action-color);
  background-color: var(--c-ps-btn-action-bg);
  border-radius: var(--BORDER-RADIUS);
}
.woocommerce .ps-dokan__products .product .button:hover {
  background-color: var(--c-ps-btn-action-bg-hover);
  color: var(--c-ps-btn-action-color-hover);
}

.ps-dokan-product__filters {
  padding: var(--G4);
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}

.peepso .woocommerce #respond input#submit,
.peepso .woocommerce a.button,
.peepso .woocommerce button.button,
.peepso .woocommerce input.button {
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
}
.peepso .woocommerce #respond input#submit:hover,
.peepso .woocommerce a.button:hover,
.peepso .woocommerce button.button:hover,
.peepso .woocommerce input.button:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.peepso .woocommerce a.button.alt {
  color: var(--PS-COLOR--TEXT--INVERT);
  background-color: var(--PS-COLOR--PRIMARY);
}
.peepso .woocommerce a.button.alt:hover {
  color: var(--PS-COLOR--TEXT--INVERT);
  background-color: var(--PS-COLOR--PRIMARY--DARK);
}
.peepso .woocommerce-error,
.peepso .woocommerce-info,
.peepso .woocommerce-message {
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
}
.peepso #add_payment_method table.cart td.actions .coupon .input-text, .peepso.woocommerce-cart table.cart td.actions .coupon .input-text, .peepso.woocommerce-checkout table.cart td.actions .coupon .input-text {
  border: none;
}
.peepso #add_payment_method #payment,
.peepso .woocommerce-cart #payment,
.peepso .woocommerce-checkout #payment {
  background-color: var(--PS-COLOR--APP);
}
.peepso .select2-dropdown {
  background-color: var(--PS-COLOR--APP);
}
.peepso .select2-container--default .select2-results__option[aria-selected=true],
.peepso .select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--PS-COLOR--APP--GRAY);
}
.peepso .select2-container--default .select2-selection--single {
  height: auto;
  padding: var(--PADD);
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
}
.peepso .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.peepso #add_payment_method #payment div.payment_box,
.peepso .woocommerce-cart #payment div.payment_box,
.peepso .woocommerce-checkout #payment div.payment_box {
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.peepso #add_payment_method #payment div.payment_box::before,
.peepso .woocommerce-cart #payment div.payment_box::before,
.peepso .woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid var(--PS-COLOR--APP--GRAY);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.peepso .woocommerce-checkout-review-order ul {
  list-style: none;
}
.peepso .woocommerce-checkout-review-order ul li {
  list-style-type: none;
}
.peepso.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: 1px solid var(--DIVIDER--LIGHT);
}
.peepso #add_payment_method #payment ul.payment_methods li img.stripe-icon, .peepso .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
  max-width: 40px;
  padding-left: 3px;
  margin: 0;
}
.peepso #add_payment_method #payment ul.payment_methods li img, .peepso .woocommerce-cart #payment ul.payment_methods li img, .peepso .woocommerce-checkout #payment ul.payment_methods li img {
  vertical-align: middle;
  margin: -2px 0 0 0.5em;
  padding: 0;
  padding-left: 0px;
  position: relative;
  box-shadow: none;
}

.ps-woocommerce table {
  display: table;
  border-collapse: separate;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-spacing: 0px;
  width: 100%;
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--XL);
}
.ps-woocommerce table thead th {
  font-size: 13px;
  text-transform: uppercase;
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.ps-woocommerce table thead th:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--XL);
}
.ps-woocommerce table thead th:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--XL);
}
.ps-woocommerce table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-woocommerce table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--XL);
}
.ps-woocommerce table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--BORDER-RADIUS--XL);
}
.ps-woocommerce table tbody tr td {
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP);
  border: none;
}
.ps-woocommerce table th, .ps-woocommerce table td {
  text-align: left;
}

.ps-profile--edd form {
  padding: var(--PADD--MD);
}
.ps-profile--edd #edd_checkout_form_wrap fieldset {
  margin-bottom: var(--PADD--MD);
  padding: 0;
  border: none;
}
.ps-profile--edd #edd_checkout_form_wrap fieldset > legend {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: var(--PS-COLOR--TEXT);
  border-bottom: 2px solid var(--DIVIDER);
}
.ps-profile--edd #edd_checkout_form_wrap fieldset > p {
  width: 100%;
  margin-bottom: var(--PADD--MD);
}
.ps-profile--edd #edd_checkout_form_wrap fieldset > p > label {
  display: block;
  padding-top: var(--PADD);
  padding-bottom: var(--PADD);
  color: var(--PS-COLOR--TEXT);
}
.ps-profile--edd #edd_checkout_form_wrap fieldset > p > label + span {
  display: block;
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-size: 80%;
  margin: 0 0 5px;
}
.ps-profile--edd #edd_checkout_form_wrap fieldset .edd-input {
  --font-size: var(--PS-FONT-SIZE);
  --line-height: var(--PS-LINE-HEIGHT);
  --radius: var(--BORDER-RADIUS--MD);
  width: 100%;
  height: auto;
  padding: var(--PADD);
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  border-radius: var(--radius);
  font-size: var(--PS-FONT-SIZE);
}
.ps-profile--edd #edd_checkout_form_wrap fieldset .edd-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: auto;
  padding: var(--PADD);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  background-color: var(--PS-COLOR--APP);
  background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%234B4F58' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  font-size: var(--PS-FONT-SIZE);
}
@media (min-width: 61.25em) {
  .ps-profile--edd #edd_checkout_form_wrap fieldset > legend {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 34.375em) {
  .ps-edd__tabs {
    flex-wrap: wrap;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: var(--PADD);
  }
}
@media (max-width: 34.375em) {
  .ps-edd__tabs.ps-tabs--arrows .ps-tabs__item--active:before, .ps-edd__tabs.ps-tabs--arrows .ps-tabs__item--active:after {
    display: none;
  }
  .ps-edd__tabs.ps-tabs--arrows .ps-tabs__item--active > a {
    position: relative;
  }
  .ps-edd__tabs.ps-tabs--arrows .ps-tabs__item--active > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    background: #333;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--tabs-icon-color--active);
    border: 2px solid var(--PS-COLOR--APP);
    border-radius: var(--BORDER-RADIUS);
    box-shadow: var(--BOX-SHADOW);
  }
}

@media (max-width: 34.375em) {
  .ps-edd__tab {
    margin-bottom: 5px;
    border: 1px solid var(--tabs-item-separator);
  }
  .ps-edd__tab:not(:first-child) {
    border-left: 0;
  }
  .ps-edd__tab:first-child, .ps-edd__tab:last-child {
    border-radius: 0;
  }
  .ps-edd__tab > a:first-child, .ps-edd__tab > a:last-child {
    border-radius: 0;
  }
}

.ps-edd__content .edd-notice {
  padding: 0 var(--PADD);
}
.ps-edd__content .edd-table,
.ps-edd__content table[id^=edd] {
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--XL);
}
@media (max-width: 34.375em) {
  .ps-edd__content .edd-table,
  .ps-edd__content table[id^=edd] {
    margin-top: var(--PADD);
    overflow-x: auto;
    display: block !important;
    width: 100%;
  }
}
.ps-edd__content {
  /* EDD table */
}
.ps-edd__content table {
  display: table;
  border-collapse: separate;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-spacing: 0px;
  width: 100%;
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--XL);
}
.ps-edd__content table thead th {
  font-size: 13px;
  text-transform: uppercase;
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.ps-edd__content table thead th:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--XL);
}
.ps-edd__content table thead th:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--XL);
}
.ps-edd__content table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.ps-edd__content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--XL);
}
.ps-edd__content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--BORDER-RADIUS--XL);
}
.ps-edd__content table tbody tr td {
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP);
  border: none;
}
.ps-edd__content table th, .ps-edd__content table td {
  text-align: left;
}

@media (max-width: 34.375em) {
  .edd-page .edd-table,
  .edd-page table[id^=edd] {
    margin-top: var(--PADD);
    overflow-x: auto;
    display: block !important;
    width: 100%;
  }
}

/*  Wrapping all courses on the profile page  */
/*  Wrapping single course  */
.ps-learndash__course {
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  margin-bottom: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  padding: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--HARD);
  overflow: hidden;
}
.ps-learndash__course:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--PADD--MD);
  background: var(--bg);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
}
@media (min-width: 61.25em) {
  .ps-learndash--half .ps-learndash__course {
    margin-bottom: 0;
  }
}

/*  Modify posts view to 2 colums layout  */
@media (min-width: 61.25em) {
  .ps-learndash--half {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}

/*  Remove margin from the last course on 1 column layout  */
.ps-learndash__course:last-child {
  margin-bottom: 0;
}

/*  Wrapping single course body and styling course box  */
/*  Wrapping content inside single course container
    and hide overflow content  */
/*  Wrapping featured image  */
.ps-learndash__course-image {
  position: relative;
  z-index: 1;
  margin-bottom: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: var(--radius);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT);
}

/*  Align featured image to the left side  */
.ps-learndash__course-image--left {
  float: left;
  margin-right: var(--PADD--MD);
}

/*  Align featured image to the right side  */
.ps-learndash__course-image--right {
  float: right;
  margin-left: var(--PADD--MD);
}

/*  Makes featured image clickable URL  */
.ps-learndash__course-image > a {
  display: block;
  height: 100%;
  content: " ";
}

/*  Wrapping single course title  */
.ps-learndash__course-title {
  font-size: 120%;
  margin-bottom: var(--PADD);
}

.ps-learndash__course-image:not(.ps-learndash__course-image--left):not(.ps-learndash__course-image--right) + .ps-learndash__course-title {
  display: flex;
  align-items: flex-start;
  font-size: 100%;
}
.ps-learndash__course-image:not(.ps-learndash__course-image--left):not(.ps-learndash__course-image--right) + .ps-learndash__course-title i {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--SM) var(--PADD--SM);
  line-height: 1.1;
  font-size: 95%;
}
.ps-learndash__course-image:not(.ps-learndash__course-image--left):not(.ps-learndash__course-image--right) + .ps-learndash__course-title a {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--XS) var(--PADD);
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  font-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: var(--PADD);
}
.ps-learndash__course-image:not(.ps-learndash__course-image--left):not(.ps-learndash__course-image--right) + .ps-learndash__course-title a:hover {
  background-color: var(--COLOR--PRIMARY--DARK);
  color: #fff;
}
.ps-learndash__course-image.ps-learndash__course-image--left + .ps-learndash__course-title i, .ps-learndash__course-image.ps-learndash__course-image--right + .ps-learndash__course-title i {
  display: none;
}

/*  Wrapping single course meta  */
.ps-learndash__course-meta {
  opacity: 0.65;
  font-size: 80%;
}

/*  Wrapping content of the single course  */
.ps-learndash__course-content {
  font-size: 90%;
}

/*  Clearfix for image aligment  */
.ps-learndash__course-content:after {
  display: table;
  clear: both;
  content: " ";
}

.ps-ld__instructor {
  font-size: var(--PS-FONT-SIZE);
}

.ps-ld__instructor-header {
  display: flex;
  align-items: center;
  gap: var(--PADD);
  margin-bottom: var(--PADD);
}

.ps-ld__instructor-desc {
  font-size: 80%;
}

.ps-ld__instructor-desc p {
  margin-bottom: var(--PADD);
}

.ps-ld__instructor-chat {
  display: block;
  text-align: center;
  font-size: 80%;
}

.ps-ld__group {
  margin-bottom: var(--PADD);
  font-size: var(--PS-FONT-SIZE);
}

.ps-ld__group-inner {
  display: flex;
  align-items: center;
}

.ps-ld__group-avatar {
  margin-right: var(--PADD);
  min-width: var(--medium);
}

.ps-ld__group-privacy {
  font-size: 75%;
  color: var(--COLOR--TEXT);
  margin-left: -3px;
  margin-top: 2px;
}

.peepso #pmpro_account table {
  display: table;
  border-collapse: separate;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-spacing: 0px;
  width: 100%;
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--XL);
}
.peepso #pmpro_account table thead th {
  font-size: 13px;
  text-transform: uppercase;
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP--GRAY);
  border: none;
}
.peepso #pmpro_account table thead th:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--XL);
}
.peepso #pmpro_account table thead th:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--XL);
}
.peepso #pmpro_account table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.peepso #pmpro_account table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--XL);
}
.peepso #pmpro_account table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--BORDER-RADIUS--XL);
}
.peepso #pmpro_account table tbody tr td {
  padding: 15px 20px;
  background-color: var(--PS-COLOR--APP);
  border: none;
}
.peepso #pmpro_account table th, .peepso #pmpro_account table td {
  text-align: left;
}

.peepso #pmpro_account,
.peepso .entry-content,
.pmpro-levels #pmpro_account,
.pmpro-levels .entry-content,
.pmpro-checkout #pmpro_account,
.pmpro-checkout .entry-content,
.pmpro-confirmation #pmpro_account,
.pmpro-confirmation .entry-content,
.pmpro-account #pmpro_account,
.pmpro-account .entry-content,
.pmpro-invoice #pmpro_account,
.pmpro-invoice .entry-content,
.pmpro-member-profile-edit #pmpro_account,
.pmpro-member-profile-edit .entry-content,
.pmpro-cancel #pmpro_account,
.pmpro-cancel .entry-content,
.pmpro-login #pmpro_account,
.pmpro-login .entry-content,
.pmpro-billing #pmpro_account,
.pmpro-billing .entry-content {
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
  overflow: hidden;
}
.peepso #pmpro_account .pmpro_invoice_wrap,
.peepso .entry-content .pmpro_invoice_wrap,
.pmpro-levels #pmpro_account .pmpro_invoice_wrap,
.pmpro-levels .entry-content .pmpro_invoice_wrap,
.pmpro-checkout #pmpro_account .pmpro_invoice_wrap,
.pmpro-checkout .entry-content .pmpro_invoice_wrap,
.pmpro-confirmation #pmpro_account .pmpro_invoice_wrap,
.pmpro-confirmation .entry-content .pmpro_invoice_wrap,
.pmpro-account #pmpro_account .pmpro_invoice_wrap,
.pmpro-account .entry-content .pmpro_invoice_wrap,
.pmpro-invoice #pmpro_account .pmpro_invoice_wrap,
.pmpro-invoice .entry-content .pmpro_invoice_wrap,
.pmpro-member-profile-edit #pmpro_account .pmpro_invoice_wrap,
.pmpro-member-profile-edit .entry-content .pmpro_invoice_wrap,
.pmpro-cancel #pmpro_account .pmpro_invoice_wrap,
.pmpro-cancel .entry-content .pmpro_invoice_wrap,
.pmpro-login #pmpro_account .pmpro_invoice_wrap,
.pmpro-login .entry-content .pmpro_invoice_wrap,
.pmpro-billing #pmpro_account .pmpro_invoice_wrap,
.pmpro-billing .entry-content .pmpro_invoice_wrap {
  padding: var(--PADD--MD);
}
.peepso #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.peepso .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-levels #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-levels .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-checkout #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-checkout .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-confirmation #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-confirmation .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-account #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-account .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-invoice #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-invoice .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-member-profile-edit #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-member-profile-edit .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-cancel #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-cancel .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-login #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-login .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-billing #pmpro_account .pmpro_invoice_wrap table + .pmpro_actions_nav,
.pmpro-billing .entry-content .pmpro_invoice_wrap table + .pmpro_actions_nav {
  margin-top: var(--PADD--MD);
}
.peepso #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.peepso .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-levels #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-levels .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-checkout #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-checkout .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-confirmation #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-confirmation .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-account #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-account .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-invoice #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-invoice .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-member-profile-edit #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-member-profile-edit .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-cancel #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-cancel .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-login #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-login .entry-content .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-billing #pmpro_account .pmpro_invoice_wrap .pmpro_actions_nav,
.pmpro-billing .entry-content .pmpro_invoice_wrap .pmpro_actions_nav {
  padding: 0;
}
.peepso #pmpro_account label,
.peepso .entry-content label,
.pmpro-levels #pmpro_account label,
.pmpro-levels .entry-content label,
.pmpro-checkout #pmpro_account label,
.pmpro-checkout .entry-content label,
.pmpro-confirmation #pmpro_account label,
.pmpro-confirmation .entry-content label,
.pmpro-account #pmpro_account label,
.pmpro-account .entry-content label,
.pmpro-invoice #pmpro_account label,
.pmpro-invoice .entry-content label,
.pmpro-member-profile-edit #pmpro_account label,
.pmpro-member-profile-edit .entry-content label,
.pmpro-cancel #pmpro_account label,
.pmpro-cancel .entry-content label,
.pmpro-login #pmpro_account label,
.pmpro-login .entry-content label,
.pmpro-billing #pmpro_account label,
.pmpro-billing .entry-content label {
  margin-bottom: var(--PADD--SM);
  font-size: 90%;
}
.peepso #pmpro_account .lite,
.peepso .entry-content .lite,
.pmpro-levels #pmpro_account .lite,
.pmpro-levels .entry-content .lite,
.pmpro-checkout #pmpro_account .lite,
.pmpro-checkout .entry-content .lite,
.pmpro-confirmation #pmpro_account .lite,
.pmpro-confirmation .entry-content .lite,
.pmpro-account #pmpro_account .lite,
.pmpro-account .entry-content .lite,
.pmpro-invoice #pmpro_account .lite,
.pmpro-invoice .entry-content .lite,
.pmpro-member-profile-edit #pmpro_account .lite,
.pmpro-member-profile-edit .entry-content .lite,
.pmpro-cancel #pmpro_account .lite,
.pmpro-cancel .entry-content .lite,
.pmpro-login #pmpro_account .lite,
.pmpro-login .entry-content .lite,
.pmpro-billing #pmpro_account .lite,
.pmpro-billing .entry-content .lite {
  font-size: 80%;
  margin-top: var(--PADD--SM);
}
.peepso #pmpro_account h3,
.peepso .entry-content h3,
.pmpro-levels #pmpro_account h3,
.pmpro-levels .entry-content h3,
.pmpro-checkout #pmpro_account h3,
.pmpro-checkout .entry-content h3,
.pmpro-confirmation #pmpro_account h3,
.pmpro-confirmation .entry-content h3,
.pmpro-account #pmpro_account h3,
.pmpro-account .entry-content h3,
.pmpro-invoice #pmpro_account h3,
.pmpro-invoice .entry-content h3,
.pmpro-member-profile-edit #pmpro_account h3,
.pmpro-member-profile-edit .entry-content h3,
.pmpro-cancel #pmpro_account h3,
.pmpro-cancel .entry-content h3,
.pmpro-login #pmpro_account h3,
.pmpro-login .entry-content h3,
.pmpro-billing #pmpro_account h3,
.pmpro-billing .entry-content h3 {
  font-weight: normal;
  font-size: 120%;
}
.peepso #pmpro_account table,
.peepso .entry-content table,
.pmpro-levels #pmpro_account table,
.pmpro-levels .entry-content table,
.pmpro-checkout #pmpro_account table,
.pmpro-checkout .entry-content table,
.pmpro-confirmation #pmpro_account table,
.pmpro-confirmation .entry-content table,
.pmpro-account #pmpro_account table,
.pmpro-account .entry-content table,
.pmpro-invoice #pmpro_account table,
.pmpro-invoice .entry-content table,
.pmpro-member-profile-edit #pmpro_account table,
.pmpro-member-profile-edit .entry-content table,
.pmpro-cancel #pmpro_account table,
.pmpro-cancel .entry-content table,
.pmpro-login #pmpro_account table,
.pmpro-login .entry-content table,
.pmpro-billing #pmpro_account table,
.pmpro-billing .entry-content table {
  margin-bottom: 0;
}
.peepso #pmpro_account table th,
.peepso .entry-content table th,
.pmpro-levels #pmpro_account table th,
.pmpro-levels .entry-content table th,
.pmpro-checkout #pmpro_account table th,
.pmpro-checkout .entry-content table th,
.pmpro-confirmation #pmpro_account table th,
.pmpro-confirmation .entry-content table th,
.pmpro-account #pmpro_account table th,
.pmpro-account .entry-content table th,
.pmpro-invoice #pmpro_account table th,
.pmpro-invoice .entry-content table th,
.pmpro-member-profile-edit #pmpro_account table th,
.pmpro-member-profile-edit .entry-content table th,
.pmpro-cancel #pmpro_account table th,
.pmpro-cancel .entry-content table th,
.pmpro-login #pmpro_account table th,
.pmpro-login .entry-content table th,
.pmpro-billing #pmpro_account table th,
.pmpro-billing .entry-content table th {
  padding: var(--PADD--MD);
  border-top: none;
}
.peepso #pmpro_account table td,
.peepso .entry-content table td,
.pmpro-levels #pmpro_account table td,
.pmpro-levels .entry-content table td,
.pmpro-checkout #pmpro_account table td,
.pmpro-checkout .entry-content table td,
.pmpro-confirmation #pmpro_account table td,
.pmpro-confirmation .entry-content table td,
.pmpro-account #pmpro_account table td,
.pmpro-account .entry-content table td,
.pmpro-invoice #pmpro_account table td,
.pmpro-invoice .entry-content table td,
.pmpro-member-profile-edit #pmpro_account table td,
.pmpro-member-profile-edit .entry-content table td,
.pmpro-cancel #pmpro_account table td,
.pmpro-cancel .entry-content table td,
.pmpro-login #pmpro_account table td,
.pmpro-login .entry-content table td,
.pmpro-billing #pmpro_account table td,
.pmpro-billing .entry-content table td {
  padding: var(--PADD--MD);
  font-size: 80%;
}
.peepso #pmpro_account .pmpro_actions_nav,
.peepso .entry-content .pmpro_actions_nav,
.pmpro-levels #pmpro_account .pmpro_actions_nav,
.pmpro-levels .entry-content .pmpro_actions_nav,
.pmpro-checkout #pmpro_account .pmpro_actions_nav,
.pmpro-checkout .entry-content .pmpro_actions_nav,
.pmpro-confirmation #pmpro_account .pmpro_actions_nav,
.pmpro-confirmation .entry-content .pmpro_actions_nav,
.pmpro-account #pmpro_account .pmpro_actions_nav,
.pmpro-account .entry-content .pmpro_actions_nav,
.pmpro-invoice #pmpro_account .pmpro_actions_nav,
.pmpro-invoice .entry-content .pmpro_actions_nav,
.pmpro-member-profile-edit #pmpro_account .pmpro_actions_nav,
.pmpro-member-profile-edit .entry-content .pmpro_actions_nav,
.pmpro-cancel #pmpro_account .pmpro_actions_nav,
.pmpro-cancel .entry-content .pmpro_actions_nav,
.pmpro-login #pmpro_account .pmpro_actions_nav,
.pmpro-login .entry-content .pmpro_actions_nav,
.pmpro-billing #pmpro_account .pmpro_actions_nav,
.pmpro-billing .entry-content .pmpro_actions_nav {
  margin: 0;
  padding: var(--PADD--MD);
  font-size: 80%;
}
.peepso #pmpro_account .pmpro_actions_nav:after,
.peepso .entry-content .pmpro_actions_nav:after,
.pmpro-levels #pmpro_account .pmpro_actions_nav:after,
.pmpro-levels .entry-content .pmpro_actions_nav:after,
.pmpro-checkout #pmpro_account .pmpro_actions_nav:after,
.pmpro-checkout .entry-content .pmpro_actions_nav:after,
.pmpro-confirmation #pmpro_account .pmpro_actions_nav:after,
.pmpro-confirmation .entry-content .pmpro_actions_nav:after,
.pmpro-account #pmpro_account .pmpro_actions_nav:after,
.pmpro-account .entry-content .pmpro_actions_nav:after,
.pmpro-invoice #pmpro_account .pmpro_actions_nav:after,
.pmpro-invoice .entry-content .pmpro_actions_nav:after,
.pmpro-member-profile-edit #pmpro_account .pmpro_actions_nav:after,
.pmpro-member-profile-edit .entry-content .pmpro_actions_nav:after,
.pmpro-cancel #pmpro_account .pmpro_actions_nav:after,
.pmpro-cancel .entry-content .pmpro_actions_nav:after,
.pmpro-login #pmpro_account .pmpro_actions_nav:after,
.pmpro-login .entry-content .pmpro_actions_nav:after,
.pmpro-billing #pmpro_account .pmpro_actions_nav:after,
.pmpro-billing .entry-content .pmpro_actions_nav:after {
  content: " ";
  display: block;
  clear: both;
}
.peepso #pmpro_account .button,
.peepso #pmpro_account .pmpro_btn,
.peepso .entry-content .button,
.peepso .entry-content .pmpro_btn,
.pmpro-levels #pmpro_account .button,
.pmpro-levels #pmpro_account .pmpro_btn,
.pmpro-levels .entry-content .button,
.pmpro-levels .entry-content .pmpro_btn,
.pmpro-checkout #pmpro_account .button,
.pmpro-checkout #pmpro_account .pmpro_btn,
.pmpro-checkout .entry-content .button,
.pmpro-checkout .entry-content .pmpro_btn,
.pmpro-confirmation #pmpro_account .button,
.pmpro-confirmation #pmpro_account .pmpro_btn,
.pmpro-confirmation .entry-content .button,
.pmpro-confirmation .entry-content .pmpro_btn,
.pmpro-account #pmpro_account .button,
.pmpro-account #pmpro_account .pmpro_btn,
.pmpro-account .entry-content .button,
.pmpro-account .entry-content .pmpro_btn,
.pmpro-invoice #pmpro_account .button,
.pmpro-invoice #pmpro_account .pmpro_btn,
.pmpro-invoice .entry-content .button,
.pmpro-invoice .entry-content .pmpro_btn,
.pmpro-member-profile-edit #pmpro_account .button,
.pmpro-member-profile-edit #pmpro_account .pmpro_btn,
.pmpro-member-profile-edit .entry-content .button,
.pmpro-member-profile-edit .entry-content .pmpro_btn,
.pmpro-cancel #pmpro_account .button,
.pmpro-cancel #pmpro_account .pmpro_btn,
.pmpro-cancel .entry-content .button,
.pmpro-cancel .entry-content .pmpro_btn,
.pmpro-login #pmpro_account .button,
.pmpro-login #pmpro_account .pmpro_btn,
.pmpro-login .entry-content .button,
.pmpro-login .entry-content .pmpro_btn,
.pmpro-billing #pmpro_account .button,
.pmpro-billing #pmpro_account .pmpro_btn,
.pmpro-billing .entry-content .button,
.pmpro-billing .entry-content .pmpro_btn {
  padding: var(--PADD) var(--PADD--MD);
  font-weight: normal;
  color: var(--COLOR--TEXT);
  background-color: var(--COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  text-decoration: none;
}
.peepso #pmpro_account .button:hover,
.peepso #pmpro_account .pmpro_btn:hover,
.peepso .entry-content .button:hover,
.peepso .entry-content .pmpro_btn:hover,
.pmpro-levels #pmpro_account .button:hover,
.pmpro-levels #pmpro_account .pmpro_btn:hover,
.pmpro-levels .entry-content .button:hover,
.pmpro-levels .entry-content .pmpro_btn:hover,
.pmpro-checkout #pmpro_account .button:hover,
.pmpro-checkout #pmpro_account .pmpro_btn:hover,
.pmpro-checkout .entry-content .button:hover,
.pmpro-checkout .entry-content .pmpro_btn:hover,
.pmpro-confirmation #pmpro_account .button:hover,
.pmpro-confirmation #pmpro_account .pmpro_btn:hover,
.pmpro-confirmation .entry-content .button:hover,
.pmpro-confirmation .entry-content .pmpro_btn:hover,
.pmpro-account #pmpro_account .button:hover,
.pmpro-account #pmpro_account .pmpro_btn:hover,
.pmpro-account .entry-content .button:hover,
.pmpro-account .entry-content .pmpro_btn:hover,
.pmpro-invoice #pmpro_account .button:hover,
.pmpro-invoice #pmpro_account .pmpro_btn:hover,
.pmpro-invoice .entry-content .button:hover,
.pmpro-invoice .entry-content .pmpro_btn:hover,
.pmpro-member-profile-edit #pmpro_account .button:hover,
.pmpro-member-profile-edit #pmpro_account .pmpro_btn:hover,
.pmpro-member-profile-edit .entry-content .button:hover,
.pmpro-member-profile-edit .entry-content .pmpro_btn:hover,
.pmpro-cancel #pmpro_account .button:hover,
.pmpro-cancel #pmpro_account .pmpro_btn:hover,
.pmpro-cancel .entry-content .button:hover,
.pmpro-cancel .entry-content .pmpro_btn:hover,
.pmpro-login #pmpro_account .button:hover,
.pmpro-login #pmpro_account .pmpro_btn:hover,
.pmpro-login .entry-content .button:hover,
.pmpro-login .entry-content .pmpro_btn:hover,
.pmpro-billing #pmpro_account .button:hover,
.pmpro-billing #pmpro_account .pmpro_btn:hover,
.pmpro-billing .entry-content .button:hover,
.pmpro-billing .entry-content .pmpro_btn:hover {
  color: var(--COLOR--TEXT);
  background-color: var(--COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  text-decoration: none;
}

.pmpro-checkout .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-checkout .entry-content h3 {
  margin-top: 0 !important;
}

.pmpro-confirmation .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-confirmation .entry-content .pmpro_actions_nav {
  padding: var(--PADD--MD);
  background-color: var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
}

.peepso #pmpro_account h3,
.peepso .entry-content h3,
.pmpro-account #pmpro_account h3,
.pmpro-account .entry-content h3 {
  padding-left: var(--PADD--MD) !important;
  padding-right: var(--PADD--MD) !important;
}
.peepso #pmpro_account table .pmpro_actionlinks,
.peepso .entry-content table .pmpro_actionlinks,
.pmpro-account #pmpro_account table .pmpro_actionlinks,
.pmpro-account .entry-content table .pmpro_actionlinks {
  margin-top: var(--PADD);
}
.peepso #pmpro_account .pmpro_box,
.peepso .entry-content .pmpro_box,
.pmpro-account #pmpro_account .pmpro_box,
.pmpro-account .entry-content .pmpro_box {
  padding: var(--PADD--MD);
}
.peepso #pmpro_account .pmpro_box > h2,
.peepso .entry-content .pmpro_box > h2,
.pmpro-account #pmpro_account .pmpro_box > h2,
.pmpro-account .entry-content .pmpro_box > h2 {
  font-size: 140%;
  margin-bottom: var(--PADD--MD);
  font-weight: 500;
}
.peepso #pmpro_account .pmpro_box:first-child,
.peepso .entry-content .pmpro_box:first-child,
.pmpro-account #pmpro_account .pmpro_box:first-child,
.pmpro-account .entry-content .pmpro_box:first-child {
  margin-top: 0;
  padding-top: var(--PADD--MD);
  border-top: none;
}
.peepso #pmpro_account .pmpro_box,
.peepso .entry-content .pmpro_box,
.pmpro-account #pmpro_account .pmpro_box,
.pmpro-account .entry-content .pmpro_box {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.peepso #pmpro_account #pmpro_account .pmpro_box:first-child,
.peepso .entry-content #pmpro_account .pmpro_box:first-child,
.pmpro-account #pmpro_account #pmpro_account .pmpro_box:first-child,
.pmpro-account .entry-content #pmpro_account .pmpro_box:first-child {
  margin-top: 0;
  padding-top: var(--PADD--MD);
  border-top: none;
}
.peepso #pmpro_account #pmpro_account .pmpro_box,
.peepso .entry-content #pmpro_account .pmpro_box,
.pmpro-account #pmpro_account #pmpro_account .pmpro_box,
.pmpro-account .entry-content #pmpro_account .pmpro_box {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.peepso #pmpro_account #pmpro_account-profile,
.peepso .entry-content #pmpro_account-profile,
.pmpro-account #pmpro_account #pmpro_account-profile,
.pmpro-account .entry-content #pmpro_account-profile {
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
}
.peepso #pmpro_account #pmpro_account-profile h3,
.peepso .entry-content #pmpro_account-profile h3,
.pmpro-account #pmpro_account #pmpro_account-profile h3,
.pmpro-account .entry-content #pmpro_account-profile h3 {
  margin-bottom: var(--PADD--MD);
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.peepso #pmpro_account #pmpro_account-profile .pmpro_actionlinks,
.peepso .entry-content #pmpro_account-profile .pmpro_actionlinks,
.pmpro-account #pmpro_account #pmpro_account-profile .pmpro_actionlinks,
.pmpro-account .entry-content #pmpro_account-profile .pmpro_actionlinks {
  padding-left: 0;
  padding-right: 0;
}
.peepso #pmpro_account .pmpro_box > .pmpro_actionlinks,
.peepso .entry-content .pmpro_box > .pmpro_actionlinks,
.pmpro-account #pmpro_account .pmpro_box > .pmpro_actionlinks,
.pmpro-account .entry-content .pmpro_box > .pmpro_actionlinks {
  margin-top: var(--PADD--MD);
  padding-left: var(--PADD--MD);
  padding-right: var(--PADD--MD);
  font-size: 80%;
}

.pmpro-member-profile-edit .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-member-profile-edit .entry-content label {
  margin-bottom: var(--PADD--SM);
  font-size: 90%;
}
.pmpro-member-profile-edit .entry-content .lite {
  font-size: 80%;
  margin-top: var(--PADD--SM);
}
.pmpro-member-profile-edit .entry-content #pass-strength-result {
  margin-top: var(--PADD);
}
.pmpro-member-profile-edit .entry-content #pass-strength-result:empty {
  display: none;
}

.pmpro-login .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-login .entry-content .pmpro_actions_nav {
  padding: 0;
}

.pmpro-billing .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-billing .entry-content .pmpro_actions_nav {
  padding: 0;
}

.pmpro-cancel .entry-content {
  padding: var(--PADD--MD);
}
.pmpro-cancel .entry-content .pmpro_actionlinks a {
  display: block;
  text-align: center;
}

@media (max-width: 61.24em) {
  #pmpro_cancel table thead {
    display: none;
  }
  #pmpro_cancel table tbody tr {
    border: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    margin-bottom: var(--PADD--MD);
    border-radius: var(--BORDER-RADIUS--MD);
  }
  #pmpro_cancel table tbody tr:last-child {
    margin-bottom: 0;
  }
  #pmpro_cancel table tbody td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    font-size: 70% !important;
    text-align: right;
    padding: var(--PADD) !important;
  }
  #pmpro_cancel table tbody td:last-child {
    border-bottom: 0;
  }
  #pmpro_cancel table tbody td:before {
    content: "";
    float: left;
    font-weight: bold;
    font-size: 90%;
    min-width: 20%;
    text-align: left;
  }
  #pmpro_cancel table tbody td:nth-child(1)::before {
    content: "Level";
  }
  #pmpro_cancel table tbody td:nth-child(2)::before {
    content: "Expiration";
  }
  #pmpro_cancel table tbody td:nth-child(3) {
    text-align: center;
  }
}

@media (max-width: 61.24em) {
  #pmpro_invoices_table thead {
    display: none;
  }
  #pmpro_invoices_table tbody tr {
    border: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    margin-bottom: var(--PADD--MD);
    border-radius: var(--BORDER-RADIUS--MD);
  }
  #pmpro_invoices_table tbody tr:last-child {
    margin-bottom: 0;
  }
  #pmpro_invoices_table tbody td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    font-size: 70% !important;
    text-align: right;
    padding: var(--PADD) !important;
  }
  #pmpro_invoices_table tbody td:last-child {
    border-bottom: 0;
  }
  #pmpro_invoices_table tbody td:before {
    content: "";
    float: left;
    font-weight: bold;
    font-size: 90%;
    min-width: 20%;
    text-align: left;
  }
  #pmpro_invoices_table tbody td:nth-child(1)::before {
    content: "Date";
  }
  #pmpro_invoices_table tbody td:nth-child(2)::before {
    content: "Invoice #";
  }
  #pmpro_invoices_table tbody td:nth-child(3)::before {
    content: "Level";
  }
  #pmpro_invoices_table tbody td:nth-child(4)::before {
    content: "Total Billed";
  }
}

@media (max-width: 61.24em) {
  #pmpro_levels_table thead {
    display: none;
  }
  #pmpro_levels_table tbody tr {
    border: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    margin-bottom: var(--PADD--MD);
    border-radius: var(--BORDER-RADIUS--MD);
  }
  #pmpro_levels_table tbody tr:last-child {
    margin-bottom: 0;
  }
  #pmpro_levels_table tbody td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    font-size: 70% !important;
    text-align: right;
    padding: var(--PADD) !important;
  }
  #pmpro_levels_table tbody td:last-child {
    border-bottom: 0;
  }
  #pmpro_levels_table tbody td:before {
    content: "";
    float: left;
    font-weight: bold;
    font-size: 90%;
    min-width: 20%;
    text-align: left;
  }
  #pmpro_levels_table tbody td:nth-child(1)::before {
    content: "Level";
  }
  #pmpro_levels_table tbody td:nth-child(2)::before {
    content: "Price";
  }
}

@media (max-width: 61.24em) {
  #pmpro_account #pmpro_account-membership table thead {
    display: none;
  }
  #pmpro_account #pmpro_account-membership table tbody tr {
    border: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    margin-bottom: var(--PADD--MD);
    border-radius: var(--BORDER-RADIUS--MD);
  }
  #pmpro_account #pmpro_account-membership table tbody tr:last-child {
    margin-bottom: 0;
  }
  #pmpro_account #pmpro_account-membership table tbody td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    font-size: 70% !important;
    text-align: right;
    padding: var(--PADD) !important;
  }
  #pmpro_account #pmpro_account-membership table tbody td:last-child {
    border-bottom: 0;
  }
  #pmpro_account #pmpro_account-membership table tbody td:before {
    content: "";
    float: left;
    font-weight: bold;
    font-size: 90%;
    min-width: 20%;
    text-align: left;
  }
  #pmpro_account #pmpro_account-membership table tbody td:nth-child(1)::before {
    content: "Level";
  }
  #pmpro_account #pmpro_account-membership table tbody td:nth-child(2)::before {
    content: "Billing";
  }
  #pmpro_account #pmpro_account-membership table tbody td:nth-child(3)::before {
    content: "Expiration";
  }
}
@media (max-width: 61.24em) {
  #pmpro_account #pmpro_account-invoices table thead {
    display: none;
  }
  #pmpro_account #pmpro_account-invoices table tbody tr {
    border: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    margin-bottom: var(--PADD--MD);
    border-radius: var(--BORDER-RADIUS--MD);
  }
  #pmpro_account #pmpro_account-invoices table tbody tr:last-child {
    margin-bottom: 0;
  }
  #pmpro_account #pmpro_account-invoices table tbody td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
    display: block;
    font-size: 70% !important;
    text-align: right;
    padding: var(--PADD) !important;
  }
  #pmpro_account #pmpro_account-invoices table tbody td:last-child {
    border-bottom: 0;
  }
  #pmpro_account #pmpro_account-invoices table tbody td:before {
    content: "";
    float: left;
    font-weight: bold;
    font-size: 90%;
    min-width: 20%;
    text-align: left;
  }
  #pmpro_account #pmpro_account-invoices table tbody td:nth-child(1)::before {
    content: "Date";
  }
  #pmpro_account #pmpro_account-invoices table tbody td:nth-child(2)::before {
    content: "Level";
  }
  #pmpro_account #pmpro_account-invoices table tbody td:nth-child(3)::before {
    content: "Amount";
  }
  #pmpro_account #pmpro_account-invoices table tbody td:nth-child(4)::before {
    content: "Status";
  }
}

.ps-wpem__tabs-inner {
  --padd: var(--PADD);
  --tabs-bg: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--hover: var(--PS-COLOR--APP--GRAY);
  --tabs-bg--active: var(--PS-COLOR--APP);
  --tabs-text-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-text-color--hover: var(--PS-COLOR--TEXT);
  --tabs-text-color--active: var(--PS-COLOR--TEXT);
  --tabs-icon-color: var(--PS-COLOR--TEXT--LIGHT);
  --tabs-icon-color--active: var(--PS-COLOR--PRIMARY--LIGHT);
  --tabs-item-separator: var(--DIVIDER--LIGHT);
  display: flex;
  align-items: stretch;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.ps-wpem__tabs-inner:first-child {
  margin-top: 0;
}

.ps-wpem__tab {
  position: relative;
  flex-grow: 1;
  border-right: 1px solid var(--tabs-item-separator);
  background-color: var(--tabs-bg);
}
@media (min-width: 46.25em) {
  .ps-wpem__tab:hover, .ps-wpem__tab:focus {
    background-color: var(--tabs-bg--hover);
  }
}
.ps-wpem__tab > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--padd);
  color: var(--tabs-text-color);
  color: var(--tabs-text-color) !important;
}
@media (min-width: 46.25em) {
  .ps-wpem__tab > a:hover, .ps-wpem__tab > a:focus {
    color: var(--tabs-text-color--hover);
    color: var(--tabs-text-color--hover) !important;
  }
}
.ps-wpem__tab:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpem__tab:first-child > a {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpem__tab:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpem__tab:last-child > a {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-wpem__tab:last-child {
  border-right: none;
}
.ps-wpem__tab i {
  color: var(--tabs-icon-color);
}
.ps-wpem__tab i:first-child {
  margin-right: var(--PADD--SM);
}
.ps-wpem__tab i:last-child {
  margin-left: var(--PADD--SM);
}
.ps-wpem__tab {
  width: 50%;
}

.ps-wpem__tab--active {
  background-color: var(--tabs-bg--active);
}
.ps-wpem__tab--active:hover, .ps-wpem__tab--active:focus {
  background-color: var(--tabs-bg--active);
}
.ps-wpem__tab--active > a {
  color: var(--tabs-text-color--active);
  color: var(--tabs-text-color--active) !important;
}
@media (min-width: 46.25em) {
  .ps-wpem__tab--active > a:hover, .ps-wpem__tab--active > a:focus {
    color: var(--tabs-text-color--active);
    color: var(--tabs-text-color--active) !important;
  }
}
.ps-wpem__tab--active i {
  color: var(--tabs-icon-color--active);
}
.ps-wpem__tab--active:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--tabs-item-separator);
}
.ps-wpem__tab--active:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tabs-bg--active);
}

.wpem-event-listings .wpem-event-title {
  display: block;
  width: 100%;
}
.ps-page--wpem .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper {
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-page--wpem .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner,
.ps-page--wpem .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
@media (min-width: 61.25em) {
  .ps-page--wpem-two-columns .wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.wpem-event-listings.wpem-event-listing-list-view {
  overflow: visible;
}

@media (max-width: 61.24em) {
  .ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
  }
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon {
  width: auto;
  height: auto;
  margin: 0;
  padding: var(--PADD);
  font-size: 90%;
  line-height: 0;
  color: var(--PS-COLOR--TEXT--LIGHT);
  background-color: var(--PS-COLOR--APP);
  border-radius: 0;
  border: none;
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon > i {
  line-height: 1.2;
  vertical-align: middle;
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon:first-child {
  margin-right: -1px;
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon:last-child {
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-page--wpem .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
}

.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
  min-height: 190px;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation {
  position: static;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .wpem-event-title {
  display: block;
  width: 100%;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details > .wpem-event-action-url {
  width: 100%;
  order: 0;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details > .wpem-event-action-url > div:last-child {
  margin-bottom: var(--PADD--MD);
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .wpem-event-type {
  order: 2;
  padding-top: 0;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .wpem-event-type a {
  display: inline-block;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .wpem-event-type span {
  margin: 0;
  padding: var(--PADD);
  font-size: 90%;
  line-height: 1.2;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .wpem-event-register-label {
  order: 1;
  margin-bottom: var(--PADD--SM);
  margin-right: var(--PADD--SM);
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-details .ps-dropdown .ps-dropdown__toggle {
  padding: var(--PADD);
  font-size: 90%;
  line-height: 1.2;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing .wpem-event-infomation .wpem-event-date {
  left: 20px;
  top: 125px;
  transition: all 0.2s;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing:hover .wpem-event-infomation .wpem-event-date {
  left: 25px;
}

.event_filters.wpem-form-wrapper * {
  box-sizing: border-box;
}
.event_filters.wpem-form-wrapper .wpem-row {
  margin-left: -5px;
  margin-right: -5px;
}
.event_filters.wpem-form-wrapper .wpem-row .wpem-col {
  padding-left: 5px;
  padding-right: 5px;
}
.event_filters.wpem-form-wrapper .wpem-row .wpem-form-group {
  margin-bottom: var(--PADD);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text],
.event_filters.wpem-form-wrapper .wpem-form-group select {
  --line-height: var(--PS-LINE-HEIGHT);
  --height: auto;
  --input-padd: var(--PADD);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--height);
  margin: 0;
  padding: var(--input-padd);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  line-height: var(--line-height);
  color: var(--PS-COLOR--TEXT);
  background-clip: padding-box;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
  vertical-align: middle;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: unset;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container option,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton option,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text] option,
.event_filters.wpem-form-wrapper .wpem-form-group select option {
  font-family: sans-serif;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:hover,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:hover,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:hover,
.event_filters.wpem-form-wrapper .wpem-form-group select:hover {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:focus,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:focus,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:focus,
.event_filters.wpem-form-wrapper .wpem-form-group select:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:disabled, .event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only, .event_filters.wpem-form-wrapper .wpem-form-group .chosen-container.ps-input--disabled,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:disabled,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton.ps-input--disabled,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:disabled,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text].ps-input--disabled,
.event_filters.wpem-form-wrapper .wpem-form-group select:disabled,
.event_filters.wpem-form-wrapper .wpem-form-group select:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group select.ps-input--disabled {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container.ps-input--select,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton.ps-input--select,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text].ps-input--select,
.event_filters.wpem-form-wrapper .wpem-form-group select.ps-input--select {
  font-family: var(--PS-FONT-FAMILY);
  background-image: unset;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container.ps-input--select:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton.ps-input--select:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text].ps-input--select:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group select.ps-input--select:read-only {
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: inset 0 0 0 1px transparent;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container.ps-input--select:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton.ps-input--select:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text].ps-input--select:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group select.ps-input--select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  border: none;
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px transparent;
  outline: none;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container.ps-input--select:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton.ps-input--select:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text].ps-input--select:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group select.ps-input--select:read-only:focus {
  position: relative;
  z-index: 1;
  background-color: var(--PS-COLOR--APP);
  border: 1px solid var(--INPUT-SHADOW--IN);
  box-shadow: 0 0 0 3px var(--INPUT-SHADOW);
  outline: none;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text],
.event_filters.wpem-form-wrapper .wpem-form-group select {
  min-width: 100%;
  font-size: 14px;
  z-index: auto;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:read-only,
.event_filters.wpem-form-wrapper .wpem-form-group select:read-only {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:read-only:hover,
.event_filters.wpem-form-wrapper .wpem-form-group select:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text]:read-only:focus,
.event_filters.wpem-form-wrapper .wpem-form-group select:read-only:focus {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--INPUT-SHADOW--IN), 0 0 0 3px var(--INPUT-SHADOW);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container optgroup,
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton optgroup,
.event_filters.wpem-form-wrapper .wpem-form-group input[type=text] optgroup,
.event_filters.wpem-form-wrapper .wpem-form-group select optgroup {
  color: var(--PS-COLOR--TEXT);
  font-size: 14px;
}
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton {
  font-size: 14px;
}
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  color: var(--PS-COLOR--TEXT);
}
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
}
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton:read-only.comiseo-daterangepicker-active {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--INPUT-SHADOW--IN), 0 0 0 3px var(--INPUT-SHADOW);
}
.event_filters.wpem-form-wrapper .wpem-form-group .comiseo-daterangepicker-triggerbutton .ui-button-icon {
  display: inline-block;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-single div b {
  background-position: 0 2px;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container > a {
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only:hover {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
}
.event_filters.wpem-form-wrapper .wpem-form-group .chosen-container:read-only.chosen-container-active {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--INPUT-SHADOW--IN), 0 0 0 3px var(--INPUT-SHADOW);
}

.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi {
  padding: 0;
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border: none;
}
.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi:hover {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER);
}
.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi .chosen-choices {
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}
.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi .chosen-choices .search-field > input {
  color: var(--PS-COLOR--TEXT) !important;
  border-radius: var(--BORDER-RADIUS--MD);
}
.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi .chosen-choices .search-field input[type=text] {
  font-size: 14px;
  height: 30px;
  padding: var(--PADD--SM);
  margin: var(--PADD--SM);
  background-color: var(--PS-COLOR--APP) !important;
}
.wpem-form-wrapper .wpem-form-group .chosen-container.chosen-container-multi li.search-choice {
  margin: 10px 0 0px 10px;
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-drop {
  background-color: var(--PS-COLOR--APP);
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-drop .chosen-results li {
  font-size: 14px;
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-drop .chosen-results li.no-results {
  background-color: var(--PS-COLOR--APP--GRAY);
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-drop .chosen-results li.active-result {
  color: var(--PS-COLOR--TEXT);
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-drop .chosen-results li.result-selected {
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.wpem-form-wrapper .wpem-form-group .chosen-container .chosen-search input[type=text] {
  background-position: right -20px;
}

.event_listings .wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time,
.event_listings .wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location,
.event_listings .wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type {
  margin: 0;
  margin-bottom: var(--PADD--SM);
}

.wpem-single-event-page .wpem-event-register-label,
.wpem-event-listing-box-view .wpem-event-register-label {
  position: relative;
}

.wpem-event-register-label .ps-dropdown__toggle,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__toggle,
.calendar-tooltip-content .ps-dropdown__toggle {
  display: block;
  padding: var(--PADD--SM);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: var(--BORDER-RADIUS);
  white-space: nowrap;
  transition: all 0.2s ease;
}
.wpem-event-register-label .ps-dropdown__toggle:hover,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__toggle:hover,
.calendar-tooltip-content .ps-dropdown__toggle:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
.wpem-event-register-label .ps-dropdown__toggle > i,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__toggle > i,
.calendar-tooltip-content .ps-dropdown__toggle > i {
  margin-right: var(--PADD--SM);
}
.wpem-event-register-label .ps-dropdown__toggle span,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__toggle span,
.calendar-tooltip-content .ps-dropdown__toggle span {
  font-family: sans-serif;
  font-weight: normal;
}
.wpem-event-register-label .ps-dropdown__toggle span:before,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__toggle span:before,
.calendar-tooltip-content .ps-dropdown__toggle span:before {
  margin-right: var(--PADD--SM);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.wpem-event-register-label .ps-dropdown__menu,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu,
.calendar-tooltip-content .ps-dropdown__menu {
  padding-top: 0;
  padding-bottom: 0;
  right: var(--PADD--MD);
}
.wpem-event-register-label .ps-dropdown__menu > button,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button,
.calendar-tooltip-content .ps-dropdown__menu > button {
  display: block;
  width: 100%;
  padding: var(--PADD);
  text-align: left;
  background-color: var(--PS-COLOR--APP);
  outline: none;
  border: none;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: none;
}
.wpem-event-register-label .ps-dropdown__menu > button.active,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button.active,
.calendar-tooltip-content .ps-dropdown__menu > button.active {
  font-weight: bold;
  background-color: var(--PS-COLOR--APP--GRAY);
}
.wpem-event-register-label .ps-dropdown__menu > button.active i,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button.active i,
.calendar-tooltip-content .ps-dropdown__menu > button.active i {
  color: #46494f;
}
.wpem-event-register-label .ps-dropdown__menu > button:first-child,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button:first-child,
.calendar-tooltip-content .ps-dropdown__menu > button:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
.wpem-event-register-label .ps-dropdown__menu > button:last-child,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button:last-child,
.calendar-tooltip-content .ps-dropdown__menu > button:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.wpem-event-register-label .ps-dropdown__menu > button:active, .wpem-event-register-label .ps-dropdown__menu > button:focus, .wpem-event-register-label .ps-dropdown__menu > button:hover,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button:active,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button:focus,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button:hover,
.calendar-tooltip-content .ps-dropdown__menu > button:active,
.calendar-tooltip-content .ps-dropdown__menu > button:focus,
.calendar-tooltip-content .ps-dropdown__menu > button:hover {
  color: var(--PS-COLOR--TEXT);
  background-color: var(--PS-COLOR--APP--GRAY);
  outline: none;
  border: none;
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  box-shadow: none;
}
.wpem-event-register-label .ps-dropdown__menu > button.active > i,
.ps-wpem--dropdown-rsvp.ps-post__action .ps-dropdown__menu > button.active > i,
.calendar-tooltip-content .ps-dropdown__menu > button.active > i {
  color: var(--PS-COLOR--TEXT);
}

.ps-wpem--dropdown-rsvp .ps-dropdown__menu > button.active > i {
  color: var(--PS-COLOR--TEXT);
}

.wpem-single-event-page .wpem-single-event-wrapper {
  border: 0;
}
.wpem-single-event-page .wpem-heading-text {
  font-size: 160%;
  font-weight: normal;
  color: var(--COLOR--HEADING);
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-short-info {
  padding: var(--PADD--MD) var(--PADD--MD) 0;
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content {
  padding: var(--PADD--MD);
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar {
  padding: var(--PADD--MD) var(--PADD--MD) var(--PADD--MD) 0;
}
@media (min-width: 61.25em) {
  .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar {
    margin-left: calc(-1 * var(--PADD));
  }
}
@media (max-width: 61.24em) {
  .wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar {
    padding-left: var(--PADD--MD);
  }
}

.wpem-event-single-image > img {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}

.wpem-single-event-body-content p:empty {
  margin-bottom: 0;
}

.wpem-single-event-body-sidebar .ps-dropdown {
  position: static;
}
.wpem-single-event-body-sidebar .ps-dropdown__toggle {
  width: 100%;
  font-size: 90%;
}
.wpem-single-event-body-sidebar .ps-dropdown__menu {
  width: 100%;
}

.wpem-event-organizer-name {
  color: var(--GC-COLOR--TEXT--LIGHT);
}

.ps-wpem__organizer-name img,
.ps-wpem__attendee img {
  width: 30px;
  border-radius: 100%;
}

.ps-wpem__attendee {
  margin-bottom: var(--PADD--SM);
}
.ps-wpem__attendee img.maybe {
  opacity: 0.5;
}

.ps-wpem__attendees-desc > span {
  white-space: nowrap;
}

.wpem-event-sidebar-button button {
  --padd: var(--PADD) var(--PADD--MD);
  --bg: var(--c-ps-btn-action-bg);
  --color: var(--c-ps-btn-action-color);
  --bg--hover: var(--c-ps-btn-action-bg-hover);
  --color--hover: var(--c-ps-btn-action-color-hover);
  display: inline-block;
  padding: var(--padd);
  font-size: var(--PS-FONT-SIZE);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--color);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHTEN);
  font-weight: normal;
}
.wpem-event-sidebar-button button:hover {
  background-color: var(--bg--hover);
}
.wpem-event-sidebar-button button {
  border-radius: 0;
}

.wpem-single-event-sidebar-info .ps-btn--notifications {
  --font-size: 80%;
  --line-height: 1.2;
  --padd: var(--PADD--SM) var(--PADD);
  --radius: var(--BORDER-RADIUS);
  width: 100%;
  margin-top: var(--PADD);
}
.wpem-single-event-sidebar-info .ps-btn--notifications > i {
  font-size: 95%;
  width: 16px;
  text-align: center;
}
.wpem-single-event-sidebar-info .ps-btn--notifications > span {
  font-size: 95%;
}

.wpem-main .wpem-calendar-view-container .calendar-contents-container table.calendar td.calendar-day-container .calendar-tooltip-box .calendar-tooltip {
  z-index: 100;
}

.tutor-container ul li {
  list-style-type: none;
}

/*  Wrapping single course  */
.ps-tutorlms__course {
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  margin-bottom: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  padding: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--HARD);
  overflow: hidden;
}
.ps-tutorlms__course:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--PADD--MD);
  background: var(--bg);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
}
@media (min-width: 61.25em) {
  .ps-tutorlms--half .ps-tutorlms__course {
    margin-bottom: 0;
  }
}

/*  Modify posts view to 2 colums layout  */
@media (min-width: 61.25em) {
  .ps-tutorlms--half {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}

/*  Remove margin from the last course on 1 column layout  */
.ps-tutorlms__course:last-child {
  margin-bottom: 0;
}

/*  Wrapping single course body and styling course box  */
/*  Wrapping content inside single course container
    and hide overflow content  */
/*  Wrapping featured image  */
.ps-tutorlms__course-image {
  position: relative;
  z-index: 1;
  margin-bottom: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: var(--radius);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT);
}

/*  Align featured image to the left side  */
.ps-tutorlms__course-image--left {
  float: left;
  margin-right: var(--PADD--MD);
}

/*  Align featured image to the right side  */
.ps-tutorlms__course-image--right {
  float: right;
  margin-left: var(--PADD--MD);
}

/*  Makes featured image clickable URL  */
.ps-tutorlms__course-image > a {
  display: block;
  height: 100%;
  content: " ";
}

/*  Wrapping single course title  */
.ps-tutorlms__course-title {
  font-size: 120%;
  margin-bottom: var(--PADD);
}

.ps-tutorlms__course-image:not(.ps-tutorlms__course-image--left):not(.ps-tutorlms__course-image--right) + .ps-tutorlms__course-title {
  display: flex;
  align-items: flex-start;
  font-size: 100%;
}
.ps-tutorlms__course-image:not(.ps-tutorlms__course-image--left):not(.ps-tutorlms__course-image--right) + .ps-tutorlms__course-title i {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--SM) var(--PADD--SM);
  line-height: 1.1;
  font-size: 95%;
}
.ps-tutorlms__course-image:not(.ps-tutorlms__course-image--left):not(.ps-tutorlms__course-image--right) + .ps-tutorlms__course-title a {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--XS) var(--PADD);
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  font-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: var(--PADD);
}
.ps-tutorlms__course-image:not(.ps-tutorlms__course-image--left):not(.ps-tutorlms__course-image--right) + .ps-tutorlms__course-title a:hover {
  background-color: var(--COLOR--PRIMARY--DARK);
  color: #fff;
}
.ps-tutorlms__course-image.ps-tutorlms__course-image--left + .ps-tutorlms__course-title i, .ps-tutorlms__course-image.ps-tutorlms__course-image--right + .ps-tutorlms__course-title i {
  display: none;
}

/*  Wrapping single course meta  */
.ps-tutorlms__course-meta {
  opacity: 0.65;
  font-size: 80%;
}

/*  Wrapping content of the single course  */
.ps-tutorlms__course-content {
  font-size: 90%;
}

/*  Clearfix for image aligment  */
.ps-tutorlms__course-content:after {
  display: table;
  clear: both;
  content: " ";
}

.ps-tutorlms__group {
  margin-bottom: var(--PADD);
}
.ps-tutorlms__group:last-child {
  margin-bottom: 0;
}

.ps-tutorlms__group-inner {
  display: flex;
  align-items: center;
}

.ps-tutorlms__group-avatar {
  margin-right: var(--PADD);
  min-width: var(--medium);
}

.ps-tutorlms__group-privacy {
  font-size: 75%;
  color: var(--COLOR--TEXT);
  margin-left: -3px;
  margin-top: 2px;
}

.ps-tutorlms__group-thumbnail {
  display: block;
  width: 64px;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: var(--BORDER-RADIUS--MD);
  background-size: cover;
  background-repeat: no-repeat;
}
.ps-tutorlms__group-thumbnail > img {
  width: 64px;
  height: 64px;
  max-width: 64px;
  vertical-align: middle;
  border-radius: var(--BORDER-RADIUS--MD);
}

.ps-tutorlms__group-name {
  padding-left: var(--PADD);
  line-height: 1.2;
  font-size: 90%;
  width: calc(100% - 64px);
}

.ps-post__attachments .tutor-course-card {
  margin: -10px var(--PADD--MD) 0;
}
.ps-post__attachments .tutor-course-card .tutor-course-name {
  margin-bottom: var(--PADD);
}
.ps-post__attachments .tutor-course-card .tutor-meta {
  margin-top: 0;
}
.ps-post__attachments .tutor-course-card .tutor-card-footer .tutor-btn {
  border-bottom: 1px solid var(--tutor-color-primary);
}

@media (max-width: 61.24em) {
  .tutor-dashboard.tutor-frontend-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader {
    bottom: unset;
    top: 0;
  }
}

@media (max-width: 492px) {
  .tutor-dashboard.tutor-frontend-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_photo_meta_area {
    padding-left: 0;
    margin-top: 40px;
    line-height: 1;
  }
}

@media (max-width: 492px) {
  .tutor-dashboard-header-ratings .tutor-ratings {
    flex-wrap: wrap;
    margin-top: 5px;
  }
  .tutor-dashboard-header-ratings .tutor-ratings .tutor-ratings-count {
    width: 100%;
    margin-left: 0;
    font-size: 80%;
  }
}

@media (max-width: 492px) {
  body.tutor-screen-course-builder .tutor-container #tutor-metabox-course-settings-tabs .course-settings-tabs-container {
    flex-direction: column;
  }
}
@media (max-width: 492px) {
  body.tutor-screen-course-builder .tutor-container #tutor-metabox-course-settings-tabs .course-settings-tabs-container .settings-tabs-navs-wrap {
    flex: 0 0 auto;
  }
}

@media (max-width: 492px) {
  .tutor-thumbnail-uploader .thumbnail-wrapper {
    flex-direction: column;
    padding: 10px;
  }
}
@media (max-width: 492px) {
  .tutor-thumbnail-uploader .thumbnail-wrapper .thumbnail-preview {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 492px) {
  .tutor-wp-dashboard-filter > .tutor-d-flex {
    margin-bottom: 15px;
  }
}
@media (max-width: 492px) {
  .tutor-wp-dashboard-filter > .tutor-d-flex > a:last-child {
    margin-right: 0;
  }
}

@media (max-width: 492px) {
  .tutor-dashboard-content .tutor-modal-body {
    padding: 0 5px 24px;
  }
}

.ps-comments__input-addon--files {
  word-break: break-word;
}

.ps-postbox__files-inner {
  position: relative;
}

.ps-postbox__files-info {
  border-bottom: 1px solid var(--separator--light);
  cursor: pointer;
  line-height: var(--PS-LINE-HEIGHT);
  padding: var(--PADD);
  text-align: center;
}

.ps-postbox__files-message {
  color: var(--text-color);
}

.ps-postbox__files-limits {
  color: var(--text-color--light);
  font-size: 80%;
}

.ps-postbox__file-previews {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.ps-postbox__file-items {
  padding: var(--PADD);
  border-bottom: 1px dashed var(--DIVIDER--LIGHT);
}

.ps-postbox__file-item {
  border-radius: var(--BORDER-RADIUS--MD);
  position: relative;
  font-size: 90%;
  background-color: var(--PS-COLOR--APP--GRAY);
  padding: var(--PADD);
  border: 1px solid var(--DIVIDER--LIGHT);
  margin-bottom: 5px;
}
.ps-postbox__file-item:last-child {
  margin-bottom: 0;
}

.ps-postbox__file-inner {
  --icon-file-width: 30px;
  --icon-remove-width: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ps-postbox__file-content {
  display: flex;
  align-items: center;
  width: calc(100% - var(--icon-remove-width));
}
.ps-postbox__file-content > i {
  font-size: var(--icon-file-width);
  display: inline-block;
  margin-right: var(--PADD);
}

.ps-postbox__file-content-details {
  width: calc(100% - (var(--icon-file-width) + var(--PADD)));
}
.ps-postbox__file-content-details > span {
  display: block;
  font-size: 90%;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ps-postbox__file-item-alert {
  color: red;
}

.ps-postbox__file-item-alert-text {
  color: red;
  font-size: 10px;
  white-space: pre-wrap;
}

.ps-postbox__file-remove {
  --size: 25px;
  border-radius: var(--BORDER-RADIUS);
  font-size: 15px;
  height: var(--size);
  width: var(--size);
  line-height: var(--size);
  text-align: center;
  right: var(--PADD--SM);
}
.ps-postbox__file-remove.ps-tip:after {
  line-height: normal;
}

.ps-postbox__file-add {
  text-align: center;
  background-color: var(--PS-COLOR--APP--GRAY);
  padding: var(--PADD--MD);
  cursor: pointer;
}
.ps-postbox__file-add > i {
  display: block;
  margin-bottom: var(--PADD);
  font-size: 30px;
}
.ps-postbox__file-add > span {
  display: block;
}

.ps-postbox__file-item-progress {
  background-color: var(--PS-COLOR--APP);
  margin-top: 3px;
  margin-bottom: 3px;
}
.ps-postbox__file-item.uploaded .ps-postbox__file-item-progress {
  display: none;
}

.ps-postbox__file-item-bar {
  height: 7px;
  background-color: var(--PS-COLOR--PRIMARY--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
  opacity: 0.5;
}

.ps-postbox__file-item-completed {
  display: none;
  color: green;
  font-size: 10px;
  transition: all 0.3s ease-in;
}
.ps-postbox__file-item.uploaded .ps-postbox__file-item-completed {
  display: block;
}

.ps-file-item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--PADD);
  background-color: var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  border: 1px solid var(--DIVIDER--LIGHT);
}
.ps-files__list .ps-file-item-wrapper {
  background-color: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: box-shadow 0.2s ease;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: var(--PADD);
  min-width: 0;
}
.ps-files__list .ps-file-item-wrapper:hover {
  box-shadow: var(--BOX-SHADOW--MD);
}
.ps-files__list--grid .ps-file-item-wrapper {
  margin-bottom: 0;
}
.ps-post__body .ps-file-item-wrapper {
  margin-left: var(--PADD--MD);
  margin-right: var(--PADD--MD);
  margin-bottom: var(--PADD--SM);
}
.ps-widget__wrapper--external .ps-file-item-wrapper {
  margin: 0 0 var(--PADD);
}
.ps-chat__message--me .ps-file-item-wrapper {
  margin-left: auto;
}
.ps-chat__message-attachments .ps-file-item-wrapper {
  position: relative;
  max-width: 400px;
  margin-top: var(--PADD--SM);
}
.ps-file-item-wrapper:last-child {
  margin-bottom: 0;
}

.ps-file-item-content {
  --icon-width: 40px;
  --icon-height: 45px;
  --icon-wrapper-width: calc(var(--icon-width) + var(--PADD));
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.ps-file-item-content__icon {
  width: var(--icon-wrapper-width);
}
.ps-file-item-content__icon > img {
  width: var(--icon-width);
}

.ps-file-item-content__icon-image {
  background-image: url("../../assets/images/fileuploads/file-type-default.png");
  height: var(--icon-height);
  width: var(--icon-width);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: calc(var(--icon-height) - 17px);
  margin-right: var(--PADD);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #2B2B2B;
  line-height: 1.4;
}

.ps-file-item-content__details {
  width: calc(100% - var(--icon-wrapper-width));
  line-height: 1.2;
}
.ps-chat__message--me .ps-file-item-content__details {
  text-align: left;
}

.ps-file-item-content__size {
  font-size: 60%;
  color: var(--COLOR--TEXT--LIGHT);
}
.ps-comment__attachments .ps-file-item-content__size {
  font-size: 70%;
}

.ps-file-item-content__name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 80%;
}
.ps-comment__attachments .ps-file-item-content__name {
  font-size: 90%;
}

.ps-file-item-action {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  gap: var(--PADD--SM);
  padding-left: var(--PADD);
}
.ps-file-item-action > a {
  padding: var(--PADD--XS) var(--PADD);
  color: var(--COLOR--TEXT--LIGHT);
  transition: all 0.3s ease-out;
  font-size: 14px;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--SM);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT);
}
.ps-file-item-action > a:hover, .ps-file-item-action > a:focus {
  color: var(--COLOR--TEXT);
  box-shadow: 0 0 0 1px var(--DIVIDER);
}
.ps-file-item-action > a.ps-tip:after {
  word-break: keep-all;
}

.ps-files__list {
  margin-top: var(--PADD--MD);
}
.ps-files__list.ps-files__list--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--PADD);
  grid-row-gap: var(--PADD);
}

.ps-job {
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER);
  border-bottom: 1px solid var(--DIVIDER);
}

.ps-job__inner {
  display: flex;
}

.ps-job__company-logo {
  margin-right: var(--PADD--MD);
  width: 70px;
}

.ps-job__details {
  width: calc(100% - 90px);
}

.ps-job__title {
  font-size: 120%;
  font-weight: 500;
  margin-bottom: var(--PADD--SM);
}
.ps-job__title a {
  color: var(--PS-COLOR--TEXT);
}

.ps-job__excerpt {
  margin-bottom: var(--PADD);
  color: var(--PS-COLOR--TEXT--LIGHT);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ps-job__meta {
  display: flex;
  column-gap: var(--PADD--XL);
  row-gap: var(--PADD);
  align-items: center;
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-weight: 300;
  margin-bottom: var(--PADD);
}
.ps-job__meta > div {
  position: relative;
}
.ps-job__meta > div:not(:first-child):before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--PS-COLOR--TEXT--LIGHT);
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.ps-job__meta time {
  font-size: 100%;
}
.ps-job__meta i {
  margin-right: -5px;
  font-size: 5px;
  margin-left: -5px;
}

.ps-job__company-name {
  font-weight: 500;
  color: var(--PS-COLOR--TEXT);
}

.ps-job__location i {
  margin-right: var(--PADD--SM);
}
.ps-job__location a {
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-size: 90%;
  font-weight: 500;
}

.ps-job__application .job_application {
  margin-top: var(--PADD--MD);
}
.ps-job__application .application_details {
  margin-top: var(--PADD);
}

.ps-jobs__header {
  margin-bottom: var(--PADD--MD);
}

.ps-jobs__header-inner {
  display: flex;
  justify-content: flex-end;
}

.ps-jobs #ps-job-dashboard {
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
}

@media (min-width: 61.25em) {
  .ps-jobs .ps-job-dashboard__inner {
    padding: var(--PADD--MD);
  }
}
@media (max-width: 61.24em) {
  .post--box .ps-job-dashboard__inner {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.ps-job-dashboard__item {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
  padding: var(--PADD--MD);
}
.ps-job-dashboard__item:hover {
  background: var(--PS-COLOR--APP--LIGHTGRAY);
}
.ps-jobs .ps-job-dashboard__item:last-child {
  border-bottom: 0;
}
.ps-job-dashboard__item .job_title {
  width: 100%;
  margin-bottom: var(--PADD--SM);
}
.ps-job-dashboard__item .job_title > small {
  font-size: 90%;
  color: red;
}
.ps-job-dashboard__item .filled > i {
  color: green;
  font-size: 110%;
}
.ps-job-dashboard__item .filled, .ps-job-dashboard__item .date, .ps-job-dashboard__item .expires {
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.ps-job-dashboard__item .date, .ps-job-dashboard__item .expires {
  cursor: default;
}
.ps-job-dashboard__item .job-dashboard-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0;
  margin-top: var(--PADD);
  flex-wrap: wrap;
}
.ps-job-dashboard__item .job-dashboard-actions > li {
  list-style-type: none;
  padding: var(--PADD--SM) var(--PADD);
  border: 1px solid var(--DIVIDER);
  margin: 0;
  border-right: 0;
  font-size: 80%;
}
.ps-job-dashboard__item .job-dashboard-actions > li:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
}
.ps-job-dashboard__item .job-dashboard-actions > li:last-child {
  border-right: 1px solid var(--DIVIDER);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
}
.ps-job-dashboard__item .job-dashboard-actions > li:hover {
  background-color: var(--PS-COLOR--APP--DARKGRAY);
}

.ps-job-dashboard__item-details {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--PADD--MD);
  row-gap: var(--PADD--SM);
}
.ps-job-dashboard__item-details > div > i {
  margin-right: var(--PADD--SM);
}

.ps-job-dashboard-actions {
  padding-top: var(--PADD--MD);
}
.ps-jobs .ps-job-dashboard-actions {
  display: none;
}
.ps-job-dashboard-actions a {
  --padd: var(--PADD) var(--PADD--MD);
  --bg: var(--c-ps-btn-action-bg);
  --color: var(--c-ps-btn-action-color);
  --bg--hover: var(--c-ps-btn-action-bg-hover);
  --color--hover: var(--c-ps-btn-action-color-hover);
  display: inline-block;
  padding: var(--padd);
  font-size: var(--PS-FONT-SIZE);
  line-height: var(--PS-LINE-HEIGHT);
  color: var(--color);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHTEN);
  font-weight: normal;
}
.ps-job-dashboard-actions a:hover {
  background-color: var(--bg--hover);
}
.ps-job-dashboard-actions a:hover, .ps-job-dashboard-actions a:focus {
  color: var(--color--hover);
}

.ps-jobs .job-manager-form {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-jobs .job-manager-form fieldset {
  margin-bottom: var(--PADD--MD);
  border-bottom: 0;
}
.ps-jobs .job-manager-form fieldset > label {
  display: block;
  margin-bottom: var(--PADD--SM);
  line-height: var(--PS-LINE-HEIGHT);
}
.ps-jobs .job-manager-form fieldset small {
  font-size: 80%;
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-weight: normal;
}
.ps-jobs .job-manager-form fieldset small.description {
  display: inline-block;
  margin-top: var(--PADD--SM);
}
.ps-jobs .job-manager-form fieldset .account-sign-in {
  font-size: 85%;
}
.ps-jobs .job-manager-form > p:last-child {
  margin-bottom: 0;
}
.ps-jobs .job-manager-message,
.ps-jobs .job-manager-info {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --border: var(--PS-COLOR--INFO--LIGHT);
  --color: var(--PS-COLOR--INFO--DARK);
  --padd: var(--PADD) var(--PADD--MD);
  display: block;
  width: 100%;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  padding: var(--padd);
  font-size: 80%;
  color: var(--color);
  background-color: var(--bg);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-jobs .job-manager-message i,
.ps-jobs .job-manager-info i {
  margin-right: var(--PADD--SM);
}
.ps-jobs .job-manager-message p:first-child,
.ps-jobs .job-manager-info p:first-child {
  margin-top: 0;
}
.ps-jobs .job-manager-message p:last-child,
.ps-jobs .job-manager-info p:last-child {
  margin-bottom: 0;
}
.ps-jobs .job-manager-message:first-child,
.ps-jobs .job-manager-info:first-child {
  margin-top: 0;
}
.ps-jobs .job-manager-message:last-child,
.ps-jobs .job-manager-info:last-child {
  margin-bottom: 0;
}
.ps-jobs .job-manager-message:empty,
.ps-jobs .job-manager-info:empty {
  display: none;
}
.ps-jobs .job-manager-message,
.ps-jobs .job-manager-info {
  margin-bottom: var(--PADD);
  padding: var(--PADD);
}
.ps-jobs .job-manager-uploaded-file {
  margin-bottom: var(--PADD--MD);
}
.ps-jobs .job-manager-uploaded-file img {
  height: 64px;
  margin-right: var(--PADD);
}
.ps-jobs #job_preview .job_listing_preview {
  padding: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-jobs #job_preview .job_listing_preview h1 {
  margin-top: 0;
}
.ps-jobs #job_preview .job_listing_preview_title {
  background: transparent;
  padding: 0;
  margin-bottom: var(--PADD--MD);
  display: flex;
  align-items: center;
}
.ps-jobs #job_preview .job_listing_preview_title .button {
  margin-left: 0.25em;
}
.ps-jobs #job_preview .job_listing_preview_title .button.job-manager-button-submit-listing {
  order: 2;
}
.ps-jobs #job_preview .job_listing_preview_title .button.job-manager-button-edit-listing {
  order: 3;
}
.ps-jobs #job_preview .job_listing_preview_title h2 {
  margin: 0;
  order: 1;
  margin-right: auto;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta {
  list-style: none outside;
  padding: 0;
  margin: 0 0 1.5em;
  overflow: hidden;
  zoom: 1;
  clear: both;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta li {
  margin: 0 1em 0 0;
  padding: 0.5em;
  float: left;
  line-height: 1em;
  color: #999;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .location:before {
  content: "\f3c5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: var(--PADD--SM);
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .date-posted:before {
  content: "\f073";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: var(--PADD--SM);
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .job-type {
  color: #fff;
  background-color: #f08d3c;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .full-time {
  background-color: #90da36;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .freelance {
  background-color: #39c;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .part-time {
  background-color: #f08d3c;
}
.ps-jobs #job_preview .single_job_listing .job-listing-meta .temporary {
  background-color: #d93674;
}
.ps-jobs #job_preview .single_job_listing .company {
  position: relative;
  padding: 1em;
  display: block;
  clear: both;
  min-height: 3em;
  box-sizing: content-box;
}
.ps-jobs #job_preview .single_job_listing .company .company_logo {
  width: 3em;
  height: 3em;
  position: absolute;
  left: 1em;
  float: left;
  vertical-align: middle;
  box-shadow: none;
}
.ps-jobs #job_preview .single_job_listing .company .name {
  margin: 0 0 0 3em;
  padding: 0 0 0 1em;
  line-height: 1.5em;
}
.ps-jobs #job_preview .single_job_listing .company .name .website:before {
  content: "\f0c1";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: var(--PADD--SM);
}
.ps-jobs #job_preview .single_job_listing .company .name .company_twitter:before {
  content: "\f099";
  font-family: "Font Awesome 6 Brands";
  font-weight: 900;
  display: inline-block;
  margin-right: var(--PADD--SM);
}
.ps-jobs #job_preview .single_job_listing .company .name a {
  float: right;
  margin-left: 1em;
}
.ps-jobs #job_preview .single_job_listing .company .tagline {
  display: block;
  margin: 0 0 0 3em;
  padding: 0 0 0 1em;
  line-height: 1.5em;
  font-style: italic;
}
.ps-jobs #job_preview .single_job_listing .company .company_video {
  padding: 1em 0 0;
  margin: 1em 0 0 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

form.job-manager-form fieldset {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

div.job_listing_preview_title,
.entry-content div.job_listing_preview_title {
  background: var(--PS-COLOR--APP--GRAY);
  padding: var(--PADD--MD);
}
div.job_listing_preview_title h2,
.entry-content div.job_listing_preview_title h2 {
  font-size: 120%;
}

.job_listing_preview.single_job_listing,
#job_preview .single_job_listing {
  border-color: var(--PS-COLOR--APP--GRAY);
}
.job_listing_preview.single_job_listing h1,
#job_preview .single_job_listing h1 {
  font-size: 160%;
  margin-top: var(--PADD--MD);
}
.job_listing_preview.single_job_listing .company,
#job_preview .single_job_listing .company {
  background-color: var(--PS-COLOR--APP--GRAY);
  border: unset;
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
  margin-bottom: var(--PADD--MD);
}
.job_listing_preview.single_job_listing .company .tagline,
#job_preview .single_job_listing .company .tagline {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.job_listing_preview.single_job_listing .company .company_video,
#job_preview .single_job_listing .company .company_video {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.job-listing-meta > li {
  list-style-type: none;
}

.single-job_listing .entry-image {
  background-image: none !important;
}
.single-job_listing .entry-image .attachment-post-thumbnail {
  display: none;
}
.single-job_listing .meta .job-type {
  border-radius: var(--BORDER-RADIUS);
}
.single-job_listing div.company {
  background-color: var(--PS-COLOR--APP);
  border: unset;
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--MD);
  margin-bottom: var(--PADD--MD);
}
.single-job_listing div.company .company_video {
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.position-filled {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --border: var(--PS-COLOR--INFO--LIGHT);
  --color: var(--PS-COLOR--INFO--DARK);
  --padd: var(--PADD) var(--PADD--MD);
  display: block;
  width: 100%;
  margin-top: var(--PADD--MD);
  margin-bottom: var(--PADD--MD);
  padding: var(--padd);
  font-size: 80%;
  color: var(--color);
  background-color: var(--bg);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: var(--BORDER-RADIUS--MD);
}
.position-filled i {
  margin-right: var(--PADD--SM);
}
.position-filled p:first-child {
  margin-top: 0;
}
.position-filled p:last-child {
  margin-bottom: 0;
}
.position-filled:first-child {
  margin-top: 0;
}
.position-filled:last-child {
  margin-bottom: 0;
}
.position-filled:empty {
  display: none;
}
.position-filled {
  --bg: var(--PS-COLOR--ABORT--ULTRALIGHT);
  --border: var(--PS-COLOR--ABORT--LIGHT);
  --color: var(--PS-COLOR--ABORT--DARK);
}
.single_job_listing .meta .position-filled {
  margin-top: var(--PADD--MD);
  padding: var(--padd);
}

.single_job_listing .application div.application_details,
.job-manager-application-wrapper .application .application_details {
  border: 1px solid var(--DIVIDER);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.single_job_listing .application div.application_details:before,
.job-manager-application-wrapper .application .application_details:before {
  border-bottom: 10px solid var(--DIVIDER);
}
.single_job_listing .application div.application_details:after,
.job-manager-application-wrapper .application .application_details:after {
  border-bottom: 9px solid var(--DIVIDER);
}

.job_listings .job_filters {
  background: var(--PS-COLOR--APP--GRAY);
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
.job_listings .job_filters .job_types {
  background: var(--PS-COLOR--APP--GRAY);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.job_listings .job_filters .job_types > li {
  list-style-type: none;
  border-right: 1px solid var(--DIVIDER--LIGHT);
  padding: 0.5em 0.5em;
}
.job_listings .job_filters .showing_jobs {
  background: var(--PS-COLOR--APP--LIGHTGRAY);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}
.job_listings .job_listing .company .tagline {
  font-size: 85%;
}

div .rp4wp-related-job_listing > ul li.job_listing,
div .rp4wp-related-job_listing > ul li.no_job_listings_found,
div ul.job_listings li.job_listing,
div ul.job_listings li.no_job_listings_found {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
div .rp4wp-related-job_listing > ul li.job_listing:last-child,
div .rp4wp-related-job_listing > ul li.no_job_listings_found:last-child,
div ul.job_listings li.job_listing:last-child,
div ul.job_listings li.no_job_listings_found:last-child {
  border-bottom: 0;
}
div .rp4wp-related-job_listing > ul li.job_listing a div.position,
div .rp4wp-related-job_listing > ul li.job_listing a div.location,
div .rp4wp-related-job_listing > ul li.job_listing a .meta,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta,
div ul.job_listings li.job_listing a div.position,
div ul.job_listings li.job_listing a div.location,
div ul.job_listings li.job_listing a .meta,
div ul.job_listings li.no_job_listings_found a div.position,
div ul.job_listings li.no_job_listings_found a div.location,
div ul.job_listings li.no_job_listings_found a .meta {
  color: var(--PS-COLOR--TEXT--LIGHT);
  line-height: var(--PS-LINE-HEIGHT);
}
div .rp4wp-related-job_listing > ul li.job_listing a div.position h3,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3,
div ul.job_listings li.job_listing a div.position h3,
div ul.job_listings li.no_job_listings_found a div.position h3 {
  font-weight: 500;
}
div .rp4wp-related-job_listing > ul li.job_listing a div.position .company,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position .company,
div ul.job_listings li.job_listing a div.position .company,
div ul.job_listings li.no_job_listings_found a div.position .company {
  color: var(--PS-COLOR--TEXT--LIGHT);
  font-size: 90%;
}
div .rp4wp-related-job_listing > ul li.job_listing a div.position .company strong,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position .company strong,
div ul.job_listings li.job_listing a div.position .company strong,
div ul.job_listings li.no_job_listings_found a div.position .company strong {
  font-weight: 500;
}
div .rp4wp-related-job_listing > ul li.job_listing a div.location,
div .rp4wp-related-job_listing > ul li.job_listing a .meta,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta,
div ul.job_listings li.job_listing a div.location,
div ul.job_listings li.job_listing a .meta,
div ul.job_listings li.no_job_listings_found a div.location,
div ul.job_listings li.no_job_listings_found a .meta {
  font-size: 90%;
}
div .rp4wp-related-job_listing > ul li.job_listing a:hover, div .rp4wp-related-job_listing > ul li.job_listing a:focus,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a:hover,
div .rp4wp-related-job_listing > ul li.no_job_listings_found a:focus,
div ul.job_listings li.job_listing a:hover,
div ul.job_listings li.job_listing a:focus,
div ul.job_listings li.no_job_listings_found a:hover,
div ul.job_listings li.no_job_listings_found a:focus {
  background: var(--PS-COLOR--APP--GRAY);
}
div .rp4wp-related-job_listing > ul li.job_listing.job_position_featured,
div .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured,
div ul.job_listings li.job_listing.job_position_featured,
div ul.job_listings li.no_job_listings_found.job_position_featured {
  border-color: var(--DIVIDER);
}
div .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a,
div .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a,
div ul.job_listings li.job_listing.job_position_featured a,
div ul.job_listings li.no_job_listings_found.job_position_featured a {
  background: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
  background: var(--COLOR--APP--LIGHTGRAY);
}
div .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a:hover, div .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a:focus,
div .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a:hover,
div .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a:focus,
div ul.job_listings li.job_listing.job_position_featured a:hover,
div ul.job_listings li.job_listing.job_position_featured a:focus,
div ul.job_listings li.no_job_listings_found.job_position_featured a:hover,
div ul.job_listings li.no_job_listings_found.job_position_featured a:focus {
  background: var(--PS-COLOR--PRIMARY--SHADE);
  background: var(--COLOR--APP--DARKGRAY);
}

.rp4wp-related-job_listing > ul,
div.job_listings ul.job_listings {
  border-top: 1px solid var(--DIVIDER);
}

div.job_listings a.load_more_jobs {
  border-bottom: 1px solid var(--DIVIDER);
}

.ps-ideapush--half {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--PADD--MD);
  grid-row-gap: var(--PADD--MD);
  font-size: 90%;
}
@media (max-width: 61.24em) {
  .ps-ideapush--half {
    grid-template-columns: 1fr;
  }
}

.ps-ideapush-item {
  padding: var(--PADD--MD);
  border-top: 1px solid var(--DIVIDER);
  border-bottom: 1px solid var(--DIVIDER);
}
.ps-page--ideapush .ps-ideapush-item {
  margin-bottom: var(--PADD--MD);
  border: 0;
  background: var(--PS-COLOR--APP);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--BORDER-RADIUS--MD);
}
.ps-ideapush--half .ps-ideapush-item {
  margin-bottom: 0;
}

.ps-ideapush--half .ps-ideapush-item__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ps-ideapush-item__thumb {
  margin-top: var(--PADD--MD);
  border-radius: var(--BORDER-RADIUS);
  display: block;
  height: auto;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ps-ideapush-item__thumb:before {
  content: "";
  display: block;
  padding-top: 60%;
}

.ps-ideapush-item__thumb--empty {
  position: relative;
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-ideapush-item__thumb--empty:after {
  content: "\f03e";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%);
  font-size: 250%;
  color: var(--PS-COLOR--TEXT--LIGHTEN);
}
.ps-ideapush--half .ps-ideapush-item__thumb--empty:after {
  top: 36%;
}

.ps-ideapush-item__contents {
  display: flex;
  gap: var(--PADD);
}

.ps-ideapush-item__details {
  width: 100%;
}

.ps-ideapush-item__title {
  font-size: 110%;
}
.ps-ideapush-item__title a {
  color: var(--PS-COLOR--TEXT);
}

.ps-ideapush-item__desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 90%;
  line-height: 1.2;
  text-overflow: ellipsis;
  color: var(--PS-COLOR--TEXT--LIGHT);
  overflow: hidden;
}
.ps-page--ideapush .ps-ideapush-item__desc {
  display: block;
}

.ps-ideapush-item__votes {
  --size: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--PADD--XS);
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  font-size: 110%;
  color: var(--PS-COLOR--TEXT);
  border-radius: var(--BORDER-RADIUS);
  border: 2px solid var(--PS-COLOR--PRIMARY--LIGHT);
}
.ps-page--ideapush .ps-ideapush-item__votes {
  display: none;
}

.ps-ideapush-item__meta {
  display: flex;
  gap: var(--PADD);
  align-items: center;
  width: 100%;
  padding-top: var(--PADD);
  font-size: 80%;
}

.ps-ideapush-item__meta-votes {
  display: none;
}
.ps-page--ideapush .ps-ideapush-item__meta-votes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--PADD--XS);
  min-height: 1.4rem;
  padding-left: var(--PADD--SM);
  padding-right: var(--PADD--SM);
  color: var(--PS-COLOR--TEXT);
  border: 2px solid var(--PS-COLOR--PRIMARY--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.ps-page--ideapush .ps-ideapush-item__meta-votes > i {
  font-size: 80%;
  color: var(--PS-COLOR--PRIMARY--LIGHT);
}

.ps-ideapush-item__meta-status {
  --bg: var(--PS-COLOR--APP--DARKGRAY);
  --c: var(--PS-COLOR--TEXT--LIGHT);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.4rem;
  padding-left: calc(var(--PADD--SM) + var(--PADD--XS));
  padding-right: calc(var(--PADD--SM) + var(--PADD--XS));
  color: var(--c);
  background-color: var(--bg);
  border-radius: var(--BORDER-RADIUS);
}

.ps-ideapush-item__meta-status--inprogress {
  --bg: var(--PS-COLOR--APP--DARKGRAY);
  --c: var(--PS-COLOR--TEXT--LIGHT);
}

.ps-ideapush-item__meta-status--approved {
  --bg: var(--PS-COLOR--SUCCESS--ULTRALIGHT);
  --c: var(--PS-COLOR--SUCCESS--DARK);
}

.ps-ideapush-item__meta-status--completed {
  --bg: var(--PS-COLOR--APP--DARK);
  --c: #fff;
}

.ps-ideapush-item__meta-status--open {
  --bg: var(--PS-COLOR--INFO--ULTRALIGHT);
  --c: var(--PS-COLOR--INFO);
}

.ps-ideapush-item__meta-status--declined {
  --bg: var(--PS-COLOR--ABORT--ULTRALIGHT);
  --c: var(--PS-COLOR--ABORT--DARK);
}

.ps-ideapush-item__meta-status--reviewed {
  --bg: var(--PS-COLOR--WARNING--ULTRALIGHT);
  --c: var(--PS-COLOR--WARNING--DARK);
}

.ps-ideapush-item__meta-status--duplicate {
  --bg: var(--PS-COLOR--APP--GRAY);
  --c: var(--PS-COLOR--TEXT--LIGHTEN);
}

.ps-ideapush-item__meta-comment {
  display: flex;
  align-items: center;
  gap: var(--PADD--XS);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.theme-twentytwentythree .peepso #give_user_history, .theme-twentytwentytwo .peepso #give_user_history {
  display: table;
  border-collapse: separate;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-spacing: 0px;
  width: 100%;
  border: 1px solid var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS--XL);
  background-color: var(--PS-COLOR--APP);
}
@media screen and (max-width: 480px) {
  .theme-twentytwentythree .peepso #give_user_history thead, .theme-twentytwentytwo .peepso #give_user_history thead {
    display: block;
  }
}
.theme-twentytwentythree .peepso #give_user_history .give-donation-row:not(:last-child) td, .theme-twentytwentytwo .peepso #give_user_history .give-donation-row:not(:last-child) td {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
@media screen and (min-width: 480px) {
  .theme-twentytwentythree .peepso #give_user_history .give-donation-row:first-child td > .give-mobile-title, .theme-twentytwentytwo .peepso #give_user_history .give-donation-row:first-child td > .give-mobile-title {
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid var(--DIVIDER);
    margin-bottom: var(--PADD);
    padding-bottom: var(--PADD);
  }
}
.theme-twentytwentythree .peepso #give_user_history .give-donation-row > th, .theme-twentytwentytwo .peepso #give_user_history .give-donation-row > th {
  display: none;
}
.theme-twentytwentythree .peepso #give_user_history .give-donation-row > td, .theme-twentytwentytwo .peepso #give_user_history .give-donation-row > td {
  padding: var(--PADD);
}
@media screen and (max-width: 480px) {
  .theme-twentytwentythree .peepso #give_user_history .give-donation-row > td, .theme-twentytwentytwo .peepso #give_user_history .give-donation-row > td {
    border-bottom: 1px solid var(--DIVIDER--LIGHT);
  }
}

/*  Wrapping all courses on the profile page  */
/*  Wrapping single course  */
.ps-masterstudy__course {
  --bg: var(--PS-COLOR--APP);
  --radius: var(--BORDER-RADIUS--MD);
  position: relative;
  margin-bottom: var(--PADD--MD);
  line-height: var(--PS-LINE-HEIGHT);
  padding: var(--PADD--MD);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--BOX-SHADOW--HARD);
  overflow: hidden;
}
.ps-masterstudy__course:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--PADD--MD);
  background: var(--bg);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--bg) 50%);
}
@media (min-width: 61.25em) {
  .ps-masterstudy--half .ps-masterstudy__course {
    margin-bottom: 0;
  }
}

/*  Modify posts view to 2 colums layout  */
@media (min-width: 61.25em) {
  .ps-masterstudy--half {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--PADD--MD);
    grid-row-gap: var(--PADD--MD);
  }
}

/*  Remove margin from the last course on 1 column layout  */
.ps-masterstudy__course:last-child {
  margin-bottom: 0;
}

/*  Wrapping single course body and styling course box  */
/*  Wrapping content inside single course container
    and hide overflow content  */
/*  Wrapping featured image  */
.ps-masterstudy__course-image {
  position: relative;
  z-index: 1;
  margin-bottom: var(--PADD--MD);
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: var(--radius);
  box-shadow: 0 0 0 1px var(--DIVIDER--LIGHT);
}

/*  Align featured image to the left side  */
.ps-masterstudy__course-image--left {
  float: left;
  margin-right: var(--PADD--MD);
}

/*  Align featured image to the right side  */
.ps-masterstudy__course-image--right {
  float: right;
  margin-left: var(--PADD--MD);
}

/*  Makes featured image clickable URL  */
.ps-masterstudy__course-image > a {
  display: block;
  height: 100%;
  content: " ";
}

/*  Wrapping single course title  */
.ps-masterstudy__course-title {
  font-size: 120%;
  margin-bottom: var(--PADD);
}

.ps-masterstudy__course-image:not(.ps-masterstudy__course-image--left):not(.ps-masterstudy__course-image--right) + .ps-masterstudy__course-title {
  display: flex;
  align-items: flex-start;
  font-size: 100%;
}
.ps-masterstudy__course-image:not(.ps-masterstudy__course-image--left):not(.ps-masterstudy__course-image--right) + .ps-masterstudy__course-title i {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--SM) var(--PADD--SM);
  line-height: 1.1;
  font-size: 95%;
}
.ps-masterstudy__course-image:not(.ps-masterstudy__course-image--left):not(.ps-masterstudy__course-image--right) + .ps-masterstudy__course-title a {
  background-color: var(--COLOR--PRIMARY);
  color: #fff;
  border-radius: var(--radius);
  padding: var(--PADD--XS) var(--PADD);
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  font-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: var(--PADD);
}
.ps-masterstudy__course-image:not(.ps-masterstudy__course-image--left):not(.ps-masterstudy__course-image--right) + .ps-masterstudy__course-title a:hover {
  background-color: var(--COLOR--PRIMARY--DARK);
  color: #fff;
}
.ps-masterstudy__course-image.ps-masterstudy__course-image--left + .ps-masterstudy__course-title i, .ps-masterstudy__course-image.ps-masterstudy__course-image--right + .ps-masterstudy__course-title i {
  display: none;
}

/*  Wrapping single course meta  */
.ps-masterstudy__course-meta {
  opacity: 0.65;
  font-size: 80%;
}

/*  Wrapping content of the single course  */
.ps-masterstudy__course-content {
  font-size: 90%;
}

/*  Clearfix for image aligment  */
.ps-masterstudy__course-content:after {
  display: table;
  clear: both;
  content: " ";
}

.ps-ms__instructor {
  font-size: var(--PS-FONT-SIZE);
}

.ps-ms__instructor-header {
  display: flex;
  align-items: center;
  gap: var(--PADD);
  margin-bottom: var(--PADD);
}

.ps-ms__instructor-desc {
  font-size: 80%;
}

.ps-ms__instructor-desc p {
  margin-bottom: var(--PADD);
}

.ps-ms__instructor-chat {
  display: block;
  text-align: center;
  font-size: 80%;
}

.ps-ms__group {
  margin-bottom: var(--PADD);
  font-size: var(--PS-FONT-SIZE);
}

.ps-ms__group-inner {
  display: flex;
  align-items: center;
}

.ps-ms__group-avatar {
  margin-right: var(--PADD);
  min-width: var(--medium);
}

.ps-ms__group-privacy {
  font-size: 75%;
  color: var(--COLOR--TEXT);
  margin-left: -3px;
  margin-top: 2px;
}

@font-face {
  font-family: "peepso-custom";
  src: url("../fonts/custom.eot?20332136");
  src: url("../fonts/custom.eot?20332136#iefix") format("embedded-opentype"), url("../fonts/custom.woff2?20332136") format("woff2"), url("../fonts/custom.woff?20332136") format("woff"), url("../fonts/custom.ttf?20332136") format("truetype"), url("../fonts/custom.svg?20332136#peepso-custom") format("svg");
  font-weight: normal;
  font-style: normal;
}
.peepso a {
  text-decoration: none !important;
}

.gci-alswp,
.gci-x-twitter-square,
.gci-x-twitter {
  font-family: "peepso-custom";
}

.gci-alswp:before {
  content: "\e800";
} /* '' */
.gci-x-twitter-square:before {
  content: "\e801";
} /* '' */
.gci-x-twitter:before {
  content: "\e802";
} /* '' */
.gci-thumbtack-slash {
  position: relative;
}
.gci-thumbtack-slash:before {
  content: "\f08d";
  margin-left: 4px;
}
.gci-thumbtack-slash:after {
  content: "\f715";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 2px 0 var(--bg);
}

.gci-thumbstack-clock {
  position: relative;
}
.gci-thumbstack-clock:before {
  content: "\f08d";
}
.gci-thumbstack-clock:after {
  content: "\f017";
  position: absolute;
  z-index: 1;
  right: 6px;
  bottom: 0;
  font-size: 65%;
  text-shadow: -1px -1px 0 var(--bg);
}

.gci-thumbstack-infinity {
  position: relative;
}
.gci-thumbstack-infinity:before {
  content: "\f08d";
}
.gci-thumbstack-infinity:after {
  content: "\f534";
  position: absolute;
  z-index: 1;
  right: 6px;
  bottom: 0;
  font-size: 70%;
  text-shadow: -1px -1px 0 var(--bg), 1px 2px 0 var(--bg), 2px 2px 0 var(--bg);
}

@media (max-width: 46.24em) {
  .ps-tooltip--permalink {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .ps-tooltip--permalink:after {
    content: attr(data-tooltip);
  }
}

.ps-comment {
  position: relative;
}

.ps-reactions__dropdown {
  top: auto !important;
  bottom: var(--PADD) !important;
  left: var(--PADD) !important;
}

.ps-comment .ps-reactions__likes--open {
  bottom: var(--PADD);
  left: auto;
  right: var(--PADD);
}

.ps-comment__info {
  white-space: nowrap;
}

.ps-comment__actions {
  position: static;
}

.ps-comment__copy {
  position: static;
  transform: none;
}

.wp-admin,
.plg-peepso,
.block-editor-iframe__body {
  --c-primary: var(--PS-COLOR--PRIMARY);
  --c-primary-dark: color-mix(in srgb, var(--c-primary) 88%, black);
  --c-primary-sdark: color-mix(in srgb, var(--c-primary) 75%, black);
  --c-primary-light: color-mix(in srgb, var(--c-primary) 60%, transparent);
  --c-primary-slight: color-mix(in srgb, var(--c-primary) 35%, transparent);
  --c-primary-elight: color-mix(in srgb, var(--c-primary) 20%, transparent);
  --c-primary-ulight: color-mix(in srgb, var(--c-primary) 10%, transparent);
  --c-base: var(--PS-COLOR--APP);
  --c-base-50: var(--PS-COLOR--APP--LIGHTGRAY);
  --c-base-100: #F5F5F5;
  --c-base-200: var(--PS-COLOR--APP--DARKGRAY);
  --c-base-300: #E0E0E0;
  --c-base-400: #BDBDBD;
  --c-base-500: #9E9E9E;
  --c-base-600: #757575;
  --c-base-700: #616161;
  --c-base-800: #424242;
  --c-base-900: #323232;
  --c-base-950: #1F1F1F;
  --c-contrast: var(--PS-COLOR--HEADING);
  --c-contrast-light: var(--PS-COLOR--TEXT);
  --c-contrast-slight: var(--PS-COLOR--TEXT--LIGHT);
  --c-contrast-elight: var(--PS-COLOR--TEXT--LIGHTEN);
  --c-red: var(--PS-COLOR--ABORT);
  --DV: rgba(0,0,0,.1);
  --G1: var(--PADD--SM);
  --G2: var(--PADD);
  --G3: calc(var(--PADD) + 5px);
  --G4: var(--PADD--MD);
  --G5: calc(var(--PADD--MD) + 5px);
  --R: var(--BORDER-RADIUS--MD);
  --R-S: var(--BORDER-RADIUS);
  --R-M: var(--BORDER-RADIUS--XL);
  --F: 18px;
  --F-XS: calc(var(--F) - 6px);
  --F-S: calc(var(--F) - 4px);
  --F-M: calc(var(--F) - 2px);
  --AVATAR-S: 60px;
  --AVATAR-S-S: 40px;
  --AVATAR-S-L: 110px;
  --AVATAR-S-XL: 160px;
  --AVATAR-R: 50%;
  --AVATAR-R-S: 50%;
  --AVATAR-R-L: 50%;
  --AVATAR-R-XL: 50%;
  --TRANS: all .15s ease, height 0s, opacity 0s;
  --TRANS-O: opacity .15s ease;
  --SH: 0 10px 30px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .1);
}

.pso-input--reset {
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  font: inherit;
  font-size: 16px;
  color: inherit;
  outline: none;
}
.pso-input--reset:focus {
  outline: none;
}
@media (min-width: 61.25em) {
  .pso-input--reset {
    font-size: 14px;
  }
}

.pso-postbox__type, .pso-postbox-options__item, .pso-member .pso-member__action, .pso-member__options .pso-dropdown__toggle, .pso-btn {
  --g: var(--G1);
  --w: auto;
  --h: 40px;
  --p: var(--G2) var(--G3);
  --fs: var(--F-S);
  --is: var(--F-M);
  --lh: 1;
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: var(--c-ps-btn-bg);
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: var(--c-ps-btn-bg);
  --b: 1px solid transparent;
  --r: var(--R-S);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--g);
  width: var(--w);
  height: auto;
  min-height: var(--h);
  max-height: var(--h);
  padding: var(--p);
  font-size: var(--fs);
  font-weight: 500;
  line-height: var(--lh);
  color: var(--c);
  background-color: var(--bg);
  border: var(--b) !important;
  border-radius: var(--r);
  box-shadow: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
}
.elementor-page .pso-postbox__type, .elementor-page .pso-postbox-options__item, .elementor-page .pso-member .pso-member__action, .pso-member .elementor-page .pso-member__action, .elementor-page .pso-member__options .pso-dropdown__toggle, .pso-member__options .elementor-page .pso-dropdown__toggle, .elementor-page .pso-btn {
  height: auto;
  min-height: var(--h);
  padding: var(--p);
  font-size: var(--fs);
  font-weight: 500;
  line-height: var(--lh);
  color: var(--c);
  background-color: var(--bg);
  border: var(--b);
  border-radius: var(--r);
  box-shadow: none;
  outline: none;
}
@media (min-width: 61.25em) {
  .pso-postbox__type, .pso-postbox-options__item, .pso-member .pso-member__action, .pso-member__options .pso-dropdown__toggle, .pso-btn {
    transition: var(--TRANS);
  }
}
.pso-postbox__type > i, .pso-postbox-options__item > i, .pso-member .pso-member__action > i, .pso-member__options .pso-dropdown__toggle > i, .pso-btn > i {
  margin: 0;
  padding: 0;
  font-size: var(--is);
  font-style: normal;
  line-height: var(--lh);
  color: var(--ic);
}
@media (min-width: 61.25em) {
  .pso-postbox__type > i, .pso-postbox-options__item > i, .pso-member .pso-member__action > i, .pso-member__options .pso-dropdown__toggle > i, .pso-btn > i {
    transition: var(--TRANS);
  }
}
.pso-postbox__type:hover, .pso-postbox-options__item:hover, .pso-member .pso-member__action:hover, .pso-member__options .pso-dropdown__toggle:hover, .pso-btn:hover, [data-dev=hover].pso-postbox__type, [data-dev=hover].pso-postbox-options__item, .pso-member [data-dev=hover].pso-member__action, .pso-member__options [data-dev=hover].pso-dropdown__toggle, [data-dev=hover].pso-btn {
  color: var(--hv-c);
  background-color: var(--hv-bg);
}
.pso-postbox__type:hover > i, .pso-postbox-options__item:hover > i, .pso-member .pso-member__action:hover > i, .pso-member__options .pso-dropdown__toggle:hover > i, .pso-btn:hover > i, [data-dev=hover].pso-postbox__type > i, [data-dev=hover].pso-postbox-options__item > i, .pso-member [data-dev=hover].pso-member__action > i, .pso-member__options [data-dev=hover].pso-dropdown__toggle > i, [data-dev=hover].pso-btn > i {
  color: var(--hv-ic);
}
.elementor-page .pso-postbox__type:hover, .elementor-page .pso-postbox-options__item:hover, .elementor-page .pso-member .pso-member__action:hover, .pso-member .elementor-page .pso-member__action:hover, .elementor-page .pso-member__options .pso-dropdown__toggle:hover, .pso-member__options .elementor-page .pso-dropdown__toggle:hover, .elementor-page .pso-btn:hover, .elementor-page [data-dev=hover].pso-postbox__type, .elementor-page [data-dev=hover].pso-postbox-options__item, .elementor-page .pso-member [data-dev=hover].pso-member__action, .pso-member .elementor-page [data-dev=hover].pso-member__action, .elementor-page .pso-member__options [data-dev=hover].pso-dropdown__toggle, .pso-member__options .elementor-page [data-dev=hover].pso-dropdown__toggle, .elementor-page [data-dev=hover].pso-btn {
  height: auto;
  min-height: var(--h);
  padding: var(--p);
  font-size: var(--fs);
  font-weight: 500;
  line-height: var(--lh);
  color: var(--hv-c);
  background-color: var(--hv-bg);
  border: var(--b);
  border-radius: var(--r);
  box-shadow: none;
  outline: none;
}
.pso-postbox__type:focus, .pso-postbox-options__item:focus, .pso-member .pso-member__action:focus, .pso-member__options .pso-dropdown__toggle:focus, .pso-btn:focus {
  color: var(--c);
  background-color: var(--bg);
}
.pso-postbox__type:focus:hover, .pso-postbox-options__item:focus:hover, .pso-member .pso-member__action:focus:hover, .pso-member__options .pso-dropdown__toggle:focus:hover, .pso-btn:focus:hover, .pso-postbox__type:focus[data-dev=hover], .pso-postbox-options__item:focus[data-dev=hover], .pso-member .pso-member__action:focus[data-dev=hover], .pso-member__options .pso-dropdown__toggle:focus[data-dev=hover], .pso-btn:focus[data-dev=hover] {
  color: var(--hv-c);
  background-color: var(--hv-bg);
}
.pso-postbox__type:focus:hover > i, .pso-postbox-options__item:focus:hover > i, .pso-member .pso-member__action:focus:hover > i, .pso-member__options .pso-dropdown__toggle:focus:hover > i, .pso-btn:focus:hover > i, .pso-postbox__type:focus[data-dev=hover] > i, .pso-postbox-options__item:focus[data-dev=hover] > i, .pso-member .pso-member__action:focus[data-dev=hover] > i, .pso-member__options .pso-dropdown__toggle:focus[data-dev=hover] > i, .pso-btn:focus[data-dev=hover] > i {
  color: var(--hv-ic);
}
.elementor-page .pso-postbox__type:focus, .elementor-page .pso-postbox-options__item:focus, .elementor-page .pso-member .pso-member__action:focus, .pso-member .elementor-page .pso-member__action:focus, .elementor-page .pso-member__options .pso-dropdown__toggle:focus, .pso-member__options .elementor-page .pso-dropdown__toggle:focus, .elementor-page .pso-btn:focus {
  height: auto;
  min-height: var(--h);
  padding: var(--p);
  font-size: var(--fs);
  font-weight: 500;
  line-height: var(--lh);
  color: var(--c);
  background-color: var(--bg);
  border: var(--b);
  border-radius: var(--r);
  box-shadow: none;
  outline: none;
}
.elementor-page .pso-postbox__type:focus:hover, .elementor-page .pso-postbox-options__item:focus:hover, .elementor-page .pso-member .pso-member__action:focus:hover, .pso-member .elementor-page .pso-member__action:focus:hover, .elementor-page .pso-member__options .pso-dropdown__toggle:focus:hover, .pso-member__options .elementor-page .pso-dropdown__toggle:focus:hover, .elementor-page .pso-btn:focus:hover, .elementor-page .pso-postbox__type:focus[data-dev=hover], .elementor-page .pso-postbox-options__item:focus[data-dev=hover], .elementor-page .pso-member .pso-member__action:focus[data-dev=hover], .pso-member .elementor-page .pso-member__action:focus[data-dev=hover], .elementor-page .pso-member__options .pso-dropdown__toggle:focus[data-dev=hover], .pso-member__options .elementor-page .pso-dropdown__toggle:focus[data-dev=hover], .elementor-page .pso-btn:focus[data-dev=hover] {
  color: var(--hv-c);
  background-color: var(--hv-bg);
}
.elementor-page .pso-postbox__type:focus:hover > i, .elementor-page .pso-postbox-options__item:focus:hover > i, .elementor-page .pso-member .pso-member__action:focus:hover > i, .pso-member .elementor-page .pso-member__action:focus:hover > i, .elementor-page .pso-member__options .pso-dropdown__toggle:focus:hover > i, .pso-member__options .elementor-page .pso-dropdown__toggle:focus:hover > i, .elementor-page .pso-btn:focus:hover > i, .elementor-page .pso-postbox__type:focus[data-dev=hover] > i, .elementor-page .pso-postbox-options__item:focus[data-dev=hover] > i, .elementor-page .pso-member .pso-member__action:focus[data-dev=hover] > i, .pso-member .elementor-page .pso-member__action:focus[data-dev=hover] > i, .elementor-page .pso-member__options .pso-dropdown__toggle:focus[data-dev=hover] > i, .pso-member__options .elementor-page .pso-dropdown__toggle:focus[data-dev=hover] > i, .elementor-page .pso-btn:focus[data-dev=hover] > i {
  color: var(--hv-ic);
}
.pso-postbox__type:focus-visible, .pso-postbox-options__item:focus-visible, .pso-member .pso-member__action:focus-visible, .pso-member__options .pso-dropdown__toggle:focus-visible, .pso-btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(0, 0, 0, 0.15) !important;
}
.pso-postbox__type:active, .pso-postbox-options__item:active, .pso-member .pso-member__action:active, .pso-member__options .pso-dropdown__toggle:active, .pso-btn:active, .active.pso-postbox__type, .active.pso-postbox-options__item, .pso-member .active.pso-member__action, .pso-member__options .active.pso-dropdown__toggle, .active.pso-btn, .pso-active.pso-postbox__type, .pso-active.pso-postbox-options__item, .pso-member .pso-active.pso-member__action, .pso-member__options .pso-active.pso-dropdown__toggle, .pso-active.pso-btn {
  color: var(--ac-c);
  background-color: var(--ac-bg);
}
.pso-postbox__type:active > i, .pso-postbox-options__item:active > i, .pso-member .pso-member__action:active > i, .pso-member__options .pso-dropdown__toggle:active > i, .pso-btn:active > i, .active.pso-postbox__type > i, .active.pso-postbox-options__item > i, .pso-member .active.pso-member__action > i, .pso-member__options .active.pso-dropdown__toggle > i, .active.pso-btn > i, .pso-active.pso-postbox__type > i, .pso-active.pso-postbox-options__item > i, .pso-member .pso-active.pso-member__action > i, .pso-member__options .pso-active.pso-dropdown__toggle > i, .pso-active.pso-btn > i {
  color: var(--ac-ic);
}
.pso-postbox__type:active:hover, .pso-postbox-options__item:active:hover, .pso-member .pso-member__action:active:hover, .pso-member__options .pso-dropdown__toggle:active:hover, .pso-btn:active:hover, .active.pso-postbox__type:hover, .active.pso-postbox-options__item:hover, .pso-member .active.pso-member__action:hover, .pso-member__options .active.pso-dropdown__toggle:hover, .active.pso-btn:hover, .pso-active.pso-postbox__type:hover, .pso-active.pso-postbox-options__item:hover, .pso-member .pso-active.pso-member__action:hover, .pso-member__options .pso-active.pso-dropdown__toggle:hover, .pso-active.pso-btn:hover {
  color: var(--ac-c);
  background-color: var(--ac-bg);
}
.pso-postbox__type:active:hover > i, .pso-postbox-options__item:active:hover > i, .pso-member .pso-member__action:active:hover > i, .pso-member__options .pso-dropdown__toggle:active:hover > i, .pso-btn:active:hover > i, .active.pso-postbox__type:hover > i, .active.pso-postbox-options__item:hover > i, .pso-member .active.pso-member__action:hover > i, .pso-member__options .active.pso-dropdown__toggle:hover > i, .active.pso-btn:hover > i, .pso-active.pso-postbox__type:hover > i, .pso-active.pso-postbox-options__item:hover > i, .pso-member .pso-active.pso-member__action:hover > i, .pso-member__options .pso-active.pso-dropdown__toggle:hover > i, .pso-active.pso-btn:hover > i {
  color: var(--ac-ic);
}
.pso-postbox__type:disabled, .pso-postbox-options__item:disabled, .pso-member .pso-member__action:disabled, .pso-member__options .pso-dropdown__toggle:disabled, .pso-btn:disabled {
  color: var(--ds-c);
  background-color: var(--ds-bg);
  cursor: not-allowed;
  opacity: 0.35;
}
.pso-postbox__type:disabled > i, .pso-postbox-options__item:disabled > i, .pso-member .pso-member__action:disabled > i, .pso-member__options .pso-dropdown__toggle:disabled > i, .pso-btn:disabled > i {
  color: var(--ds-ic);
}

.pso-btn--loading {
  pointer-events: none;
}
.pso-btn--loading:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: var(--G1);
  left: var(--G1);
  right: var(--G1);
  bottom: var(--G1);
  background-color: var(--bg);
  opacity: 0.75;
}
.pso-btn--loading:after {
  content: "\e817";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "peepsoui";
  font-size: 150%;
  font-style: normal;
  text-align: center;
  animation: spin 2s infinite linear;
}

.pso-btn--ui {
  --h: 30px;
  --p: 0;
  --is: var(--F-S);
  --c: #fff;
  --ic: #fff;
  --bg: var(--c-base-950);
  --hv-c: #fff;
  --hv-ic: #fff;
  --hv-bg: var(--c-base-950);
  --ac-c: #fff;
  --ac-ic: #fff;
  --ac-bg: var(--c-base-900);
  --ds-c: var(--c-base-700);
  --ds-ic: var(--c-base-700);
  --ds-bg: var(--c-base-900);
  width: var(--h);
  box-shadow: 0 0 0 2px transparent;
}
.pso-btn--ui:hover {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}
.pso-btn--ui:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05), inset 0 0 0 2px rgba(255, 255, 255, 0.15);
}

.pso-btn--neutral {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: var(--c-ps-btn-bg);
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: var(--c-ps-btn-bg);
}

.pso-btn--link {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: transparent;
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: transparent;
}
.pso-btn--link.pso-btn--loading {
  color: var(--ds-c);
}
.pso-btn--link.pso-btn--loading > i {
  color: var(--ds-ic);
}
.pso-btn--link.pso-btn--loading:after {
  color: var(--hv-c);
}

.pso-btn--bordered {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: transparent;
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: transparent;
  --b: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}
.pso-btn--bordered.pso-btn--loading {
  color: var(--ds-c);
}
.pso-btn--bordered.pso-btn--loading > i {
  color: var(--ds-ic);
}
.pso-btn--bordered.pso-btn--loading:after {
  color: var(--hv-c);
}

.pso-btn--primary {
  --c: var(--c-ps-btn-action-color);
  --ic: var(--c-ps-btn-action-color);
  --bg: var(--c-ps-btn-action-bg);
  --hv-c: var(--c-ps-btn-action-color);
  --hv-ic: var(--c-ps-btn-action-color);
  --hv-bg: var(--c-ps-btn-action-bg-hover);
  --ac-c: var(--c-ps-btn-action-color);
  --ac-ic: var(--c-ps-btn-action-color);
  --ac-bg: var(--c-ps-btn-action-bg-hover);
  --ds-c: var(--c-ps-btn-action-color);
  --ds-ic: var(--c-ps-btn-action-color);
  --ds-bg: var(--c-ps-btn-action-bg-hover);
}

.pso-btn--abort {
  --c: var(--c-ps-btn-action-color);
  --ic: var(--c-ps-btn-action-color);
  --bg: var(--PS-COLOR--ABORT);
  --hv-c: var(--c-ps-btn-action-color);
  --hv-ic: var(--c-ps-btn-action-color);
  --hv-bg: color-mix(in srgb, var(--PS-COLOR--ABORT) 90%, #000 10%);
  --ac-c: var(--c-ps-btn-action-color);
  --ac-ic: var(--c-ps-btn-action-color);
  --ac-bg: color-mix(in srgb, var(--PS-COLOR--ABORT) 90%, #000 10%);
  --ds-c: var(--c-ps-btn-action-color);
  --ds-ic: var(--c-ps-btn-action-color);
  --ds-bg: color-mix(in srgb, var(--PS-COLOR--ABORT) 90%, #000 10%);
}

.pso-btn--primary-l {
  --c: var(--c-primary-dark);
  --ic: var(--c-primary-dark);
  --bg: var(--c-primary-ulight);
  --hv-c: var(--c-primary-dark);
  --hv-ic: var(--c-primary-dark);
  --hv-bg: var(--c-primary-elight);
  --ac-c: var(--c-primary-sdark);
  --ac-ic: var(--c-primary-sdark);
  --ac-bg: var(--c-primary-slight);
  --ds-c: var(--c-primary-slight);
  --ds-ic: var(--c-primary-slight);
  --ds-bg: var(--c-primary-ulight);
}

.pso-btn--sm {
  --g: var(--G1);
  --h: 30px;
  --p: var(--G1) var(--G2);
  --fs: var(--F-XS);
  --is: var(--F-M);
}

.pso-btn--xs {
  --g: var(--G1);
  --h: 22px;
  --p: 0 var(--G1);
  --fs: var(--F-XS);
  --is: var(--F-XS);
}

.ps-dropdown,
.pso-dropdown {
  --item-color: var(--PS-COLOR--TEXT);
  --item-color-h: var(--PS-COLOR--TEXT);
  position: relative;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.pso-dropdown__menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  display: none;
  width: 200px;
  padding: var(--G1);
  background-color: var(--c-base);
  border-radius: var(--R);
  box-shadow: var(--SH);
}

.pso-dropdown__label {
  padding-top: var(--G2);
  padding-bottom: var(--G1);
  padding-inline: var(--G3);
  font-size: var(--F-XS);
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--c-contrast-slight);
}
.pso-dropdown__label:not(:first-child) {
  margin-top: var(--G1);
  padding-top: var(--G3);
  border-top: 1px solid var(--c-base-200);
}

.pso-dropdown__item {
  display: flex;
  align-items: center;
  gap: var(--G3);
  width: 100%;
  padding: calc(var(--G3) / 2) var(--G3);
  font-size: var(--F-S);
  color: var(--item-color) !important;
  border-radius: var(--R-S);
  transition: var(--TRANS);
}
.pso-dropdown__item > i {
  font-size: var(--F);
  color: var(--item-color) !important;
  opacity: 0.65;
  transition: var(--TRANS);
}
.pso-dropdown__item:hover > i {
  color: var(--item-color-h) !important;
}
.pso-dropdown__item:hover {
  color: var(--item-color-h) !important;
  background-color: var(--c-base-200);
}

.pso-dropdown__user {
  display: none;
}
@media (max-width: 61.24em) {
  .pso-dropdown__user {
    display: flex;
    flex-wrap: wrap;
    gap: var(--G1);
    width: 100%;
    margin-bottom: var(--G1);
    padding: calc(var(--G3) / 2) var(--G3);
    font-size: var(--F-S);
    font-weight: 500;
    color: var(--c-contrast-light);
    background-color: var(--c-base-100);
    border-radius: var(--R-S);
  }
}

@media (max-width: 61.24em) {
  .pso-dropdown-user__label {
    width: 100%;
    color: var(--PS-COLOR--TEXT--LIGHT);
    font-size: var(--F-XS);
    font-weight: 400;
  }
}

@media (min-width: 61.25em) {
  .pso-members--list .pso-member__action--message, .pso-members--list .pso-member__action--following, .pso-members--list .pso-member__action--follow, .pso-tip {
    --tip-bg: var(--c-base-700);
    --op: .95;
    --arrow-size: 8px;
    --arrow-gap: calc(100% - (var(--arrow-size) - 1px));
    --transform: translateY(10px) translateX(-50%);
    --transform--h: translateY(-10px) translateX(-50%);
    position: relative;
  }
  .pso-members--list .pso-member__action--message:before, .pso-members--list .pso-member__action--following:before, .pso-members--list .pso-member__action--follow:before, .pso-tip:before {
    content: " ";
    position: absolute;
    z-index: 9995;
    left: 50%;
    bottom: var(--arrow-gap);
    transform: var(--transform);
    width: 0;
    height: 0;
    border-left: var(--arrow-size) solid transparent;
    border-right: var(--arrow-size) solid transparent;
    border-top: var(--arrow-size) solid var(--tip-bg);
    opacity: 0;
    pointer-events: none;
    transition: var(--TRANS), var(--TRANS-O);
    transition-duration: 0.5s;
  }
  .pso-members--list .pso-member__action--message:after, .pso-members--list .pso-member__action--following:after, .pso-members--list .pso-member__action--follow:after, .pso-tip:after {
    content: attr(aria-label);
    position: absolute;
    z-index: 9999;
    left: 50%;
    bottom: 100%;
    transform: var(--transform);
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding-left: var(--G2);
    padding-right: var(--G2);
    font-family: "Inter", sans-serif;
    font-size: var(--F-XS);
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
    color: #fff;
    background-color: var(--tip-bg);
    border-radius: var(--R-S);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    opacity: 0;
    pointer-events: none;
    transition: var(--TRANS), var(--TRANS-O);
    transition-duration: 0.5s;
  }
  .pso-members--list .pso-member__action--message:hover:before, .pso-members--list .pso-member__action--following:hover:before, .pso-members--list .pso-member__action--follow:hover:before, .pso-tip:hover:before, .pso-members--list .pso-member__action--message:hover:after, .pso-members--list .pso-member__action--following:hover:after, .pso-members--list .pso-member__action--follow:hover:after, .pso-tip:hover:after {
    transform: var(--transform--h);
    opacity: var(--op);
  }
}

@media (min-width: 61.25em) {
  .pso-tip--left {
    --arrow-gap: calc(100% - (var(--arrow-size) + 6px));
    --transform: translateY(-50%) translateX(10px);
    --transform--h: translateY(-50%) translateX(-10px);
  }
  .pso-tip--left:before {
    top: 50%;
    left: auto;
    right: var(--arrow-gap);
    bottom: auto;
    border-top: var(--arrow-size) solid transparent;
    border-left: var(--arrow-size) solid var(--tip-bg);
    border-bottom: var(--arrow-size) solid transparent;
  }
  .pso-tip--left:after {
    top: 50%;
    left: auto;
    right: 100%;
    bottom: auto;
  }
}

@media (min-width: 61.25em) {
  .pso-tip--right {
    --arrow-gap: calc(100% - (var(--arrow-size) + 6px));
    --transform: translateY(-50%) translateX(-10px);
    --transform--h: translateY(-50%) translateX(10px);
  }
  .pso-tip--right:before {
    top: 50%;
    left: var(--arrow-gap);
    bottom: auto;
    border-top: var(--arrow-size) solid transparent;
    border-right: var(--arrow-size) solid var(--tip-bg);
    border-bottom: var(--arrow-size) solid transparent;
  }
  .pso-tip--right:after {
    top: 50%;
    left: 100%;
    bottom: auto;
  }
}

@media (min-width: 61.25em) {
  .pso-tip--bottom {
    --transform: translateY(-10px) translateX(-50%);
    --transform--h: translateY(10px) translateX(-50%);
  }
  .pso-tip--bottom:before {
    top: var(--arrow-gap);
    bottom: auto;
    border-top: none;
    border-left: var(--arrow-size) solid transparent;
    border-right: var(--arrow-size) solid transparent;
    border-bottom: var(--arrow-size) solid var(--tip-bg);
  }
  .pso-tip--bottom:after {
    top: 100%;
    bottom: auto;
  }
}

@media (min-width: 61.25em) {
  .pso-tip--top-left {
    --transform: translateY(10px) translateX(0);
    --transform--h: translateY(-10px) translateX(0);
  }
  .pso-tip--top-left:before {
    --transform: translateY(10px) translateX(-50%);
    --transform--h: translateY(-10px) translateX(-50%);
    left: 50%;
  }
  .pso-tip--top-left:after {
    left: 0;
  }
}

@media (min-width: 61.25em) {
  .pso-tip--alt:after {
    content: attr(aria-label-alt);
  }
}

.pso-badge {
  --c: var(--c-contrast-slight);
  --bg: color-mix(in srgb, currentColor 15%, transparent);
  display: flex;
  align-items: center;
  padding-inline: var(--G1);
  font-size: var(--F-XS);
  font-weight: 500;
  color: var(--c) !important;
  background-color: var(--bg);
  border-radius: calc(var(--R-S) / 2);
}
.pso-badge:empty {
  display: none;
}

.pso-badge--float {
  position: absolute;
  z-index: 5;
  top: calc(var(--G2) * -1);
  right: calc(var(--G1) * -1);
  height: 16px;
  padding-inline: 4px;
  font-size: 10px;
  font-weight: 700;
}

.pso-badge--primary {
  --c: #fff;
  --bg: var(--c-primary);
}

.pso-tabs {
  --fs: var(--F-S);
}

.pso-tabs__inner {
  display: flex;
  border-bottom: 2px solid var(--c-base-200);
}

.pso-tabs__item {
  --c: var(--c-contrast-slight);
  --ic: var(--c-contrast-slight);
  display: flex;
  align-items: center;
  gap: var(--G1);
  padding: var(--G2);
  font-size: var(--fs);
  color: var(--c);
  cursor: pointer;
  transition: var(--TRANS);
}
.pso-tabs__item .pso-badge {
  --c: var(--c);
  padding-block: var(--G1);
}
.pso-tabs__item.pso-active {
  --c: var(--c-contrast);
  color: var(--c);
  box-shadow: 0 2px 0 var(--c);
}
.pso-tabs__item.pso-active:hover {
  --c: var(--c-contrast);
  color: var(--c);
  box-shadow: 0 2px 0 var(--c);
}
@media (min-width: 61.25em) {
  .pso-tabs__item:hover {
    --c: var(--c-contrast-light);
    box-shadow: 0 2px 0 var(--c-contrast-elight);
  }
}

.pso-tabs--boxed {
  padding: var(--G1);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.pso-tabs--boxed .pso-tabs__inner {
  gap: var(--G1);
  border: none;
}
.pso-tabs--boxed .pso-tabs__item {
  box-shadow: none;
}
.pso-tabs--boxed .pso-tabs__item:hover {
  box-shadow: none;
}
.pso-tabs--boxed .pso-tabs__item.pso-active {
  --c: var(--c-primary-dark);
  box-shadow: none;
}
.pso-tabs--boxed .pso-tabs__item.pso-active:hover {
  --c: var(--c-primary-dark);
}
.pso-tabs--boxed .pso-btn {
  --h: 40px;
  --c: var(--c-contrast-slight);
  --ic: var(--c-contrast-slight);
  --bg: transparent;
  --ac-c: var(--c-primary-dark);
  --ac-ic: var(--c-primary-dark);
  --ac-bg: color-mix(in srgb, currentColor 10%, transparent);
}

.pso-notification {
  padding-inline: var(--G3);
  color: var(--c-contrast-light);
}
.pso-notification a {
  color: var(--c-contrast-light);
}
.pso-notification a:hover, .pso-notification a:focus {
  color: var(--c-contrast-light);
}

.pso-notification__wrap:last-child .pso-notification__inner {
  box-shadow: none;
}

.pso-notification--unread {
  background-color: var(--c-ps-notification-unread-bg);
}

.pso-notification__inner {
  display: flex;
  align-items: center;
  gap: var(--G2);
  padding-block: var(--G2);
  box-shadow: inset 0 -1px 0 var(--DV);
  cursor: pointer;
}

.pso-notification__body {
  flex-grow: 1;
}
.pso-notification .pso-notification__body {
  color: var(--c-contrast-light);
}
.pso-notification .pso-notification__body a {
  color: var(--c-contrast-light);
}
.pso-notification .pso-notification__body a:hover, .pso-notification .pso-notification__body a:focus {
  color: var(--c-contrast-light);
}

.pso-notification__actions {
  display: flex;
  align-items: center;
  gap: var(--G1);
}
.pso-notification__actions .pso-i-check {
  font-size: var(--F-XS);
}

.pso-notification__desc {
  font-size: var(--F-S);
}

.pso-notification__quote {
  font-size: calc(var(--F-S) - 1px);
}

.pso-notification__user {
  font-weight: 600;
}

.pso-notification__meta {
  display: flex;
  font-size: var(--F-XS);
  color: var(--c-contrast-slight);
}

.pso-notification__status {
  margin-inline-start: auto;
  color: var(--c-primary);
}
.pso-notification__status .pso-i-circle {
  opacity: 0;
  transition: var(--TRANS-O);
}
.pso-notification:hover .pso-notification__status .pso-i-circle {
  opacity: 1;
}
.pso-notification:hover .pso-notification__status .pso-i-circle:before {
  content: "\e80c";
}

.pso-notifs {
  display: flex;
  align-items: stretch;
  gap: var(--G1);
}

.pso-pogress {
  --s: 10px;
  --bg: var(--c-primary-ulight);
  --f-bg: var(--c-primary);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G2);
}

.pso-progress__label {
  color: var(--c-contrast-light);
}

a.pso-progress__label {
  text-decoration: none;
}
a.pso-progress__label:hover, a.pso-progress__label:active {
  text-decoration: none;
  color: var(--c-contrast);
}
@media (min-width: 61.25em) {
  a.pso-progress__label {
    transition: var(--TRANS);
  }
}

.pso-progress__bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--s);
  background-color: var(--bg);
  border-radius: var(--s);
  overflow: hidden;
}

.pso-progress__fill {
  width: 0;
  height: 100%;
  background-color: var(--f-bg);
  border-radius: var(--s);
  transition: var(--TRANS);
}

.pso-modal {
  --bg: var(--c-ps-post-bg);
  --radius: var(--BORDER-RADIUS--XL);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G3);
  margin-bottom: var(--G3);
  padding: var(--G4);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
@media (min-width: 61.25em) {
  .pso-modal {
    gap: var(--G4);
    padding: var(--G4);
    margin-bottom: var(--G4);
  }
}

.pso-modal__footer {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: var(--G2);
  padding-top: var(--G4);
  border-top: 1px solid var(--c-base-300);
}

.pso-avatar {
  --s: var(--AVATAR-S);
  --r: var(--AVATAR-R);
  --b: 4px solid var(--c-base);
  --is: calc(var(--s) / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--s);
  min-width: var(--s);
  height: var(--s);
  min-height: var(--s);
  padding: 2px;
  background-color: var(--c-base);
  border-radius: var(--r);
}
.pso-avatar > img {
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  border-radius: var(--r);
}
.pso-avatar:empty:before {
  content: "\e828";
  font-family: "peepsoui";
  font-size: var(--is);
  color: var(--c-base-400);
}

.pso-avatar--sm {
  --s: var(--AVATAR-S-S);
  --r: var(--AVATAR-R-S);
  --b: 2px solid var(--c-base);
}

.pso-avatar--lg {
  --s: var(--AVATAR-S-L);
  --r: var(--AVATAR-R-L);
  --b: 5px solid var(--c-base);
}

.pso-avatar--xl {
  --s: var(--AVATAR-S-XL);
  --r: var(--AVATAR-R-XL);
  --b: 6px solid var(--c-base);
}

.pso-avatar__image {
  height: 100%;
  width: 100%;
  border-radius: var(--r);
}

.pso-mood__toggle {
  --is: var(--F);
  --w: 40px;
}

.pso-member {
  position: relative;
  padding: var(--G1);
  font-size: var(--F);
  background-color: var(--PS-COLOR--APP);
}
.pso-members--grid .pso-member {
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.pso-members--list .pso-member {
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}
.pso-members--list .pso-member:first-child {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
}
.pso-members--list .pso-member:last-child {
  border-bottom-left-radius: var(--BORDER-RADIUS--MD);
  border-bottom-right-radius: var(--BORDER-RADIUS--MD);
  border-bottom: none;
}
@media (min-width: 61.25em) {
  .pso-member:hover .pso-dropdown {
    opacity: 1;
  }
}

.pso-member--follower .pso-member__bottom {
  padding: 0 !important;
}

.pso-member__inner {
  display: flex;
  align-items: center;
  height: 100%;
}
.pso-members--grid .pso-member__inner {
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 81.24em) {
  .pso-members--list .pso-member__inner {
    flex-wrap: wrap;
  }
}

.pso-member__options .pso-dropdown__toggle {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: transparent;
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: transparent;
}
.pso-members--grid .pso-member__options {
  position: absolute;
  z-index: 10;
  top: var(--G4);
  right: var(--G4);
}
@media (min-width: 61.25em) {
  .pso-members--grid .pso-member__options {
    opacity: 0;
  }
}
.pso-members--grid .pso-member__options .pso-dropdown__toggle {
  --w: 40px;
  --ic: #fff;
  --bg: rgba(0,0,0, .25);
  --hv-ic: #fff;
  --hv-bg: rgba(0,0,0, .35);
  --ac-ic: #fff;
  --ac-bg: rgba(0,0,0, .45);
  --r: 50%;
  backdrop-filter: blur(8px);
}

.pso-member__header {
  position: relative;
}
.pso-members--list .pso-member__header {
  padding: var(--G3);
}

.pso-member__cover {
  position: relative;
  height: 100px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--BORDER-RADIUS);
}
.pso-members--list .pso-member__cover {
  display: none;
}

.pso-member__body {
  display: flex;
  gap: var(--G2);
  padding-block: var(--G3);
}
.pso-members--grid .pso-member__body {
  flex-grow: 1;
  flex-direction: column;
  padding: var(--G3);
}
.pso-members--list .pso-member__body {
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 81.24em) {
  .pso-members--list .pso-member__body {
    flex-direction: column;
    align-items: start;
    padding-inline: var(--G3);
  }
}

.pso-member__data {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  font-weight: 500;
}
.pso-members--list .pso-member__data {
  display: none;
}

.pso-member__role {
  display: flex;
  align-items: center;
  gap: var(--G1);
  padding: var(--G1) var(--G2);
  font-size: var(--F-XS);
  font-weight: 600;
  white-space: nowrap;
  color: var(--PS-COLOR--SUCCESS);
  background-color: color-mix(in srgb, currentColor 15%, var(--PS-COLOR--APP));
  border: 4px solid var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS);
}
.pso-members--grid .pso-member__role {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}

.pso-member__avatar {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px;
}
.pso-member__avatar .ps-online {
  transform: translate(-12px, -12px);
}
.pso-members--list .pso-member__avatar {
  --s: var(--AVATAR-S);
  --r: var(--AVATAR-R);
  position: static;
  transform: none;
  padding: 0;
}
.pso-members--list .pso-member__avatar .ps-online {
  transform: translate(-16px, -16px);
}

.pso-member__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: var(--TRANS);
}
.pso-member__meta > span:first-child {
  color: var(--c-contrast);
}
.pso-member__meta > span:last-child {
  font-size: var(--F-XS);
  color: var(--c-contrast-slight);
}

.pso-member__name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: var(--G1);
  font-weight: 500;
}
.pso-members--grid .pso-member__name {
  padding-block: var(--G2);
}
.pso-members--list .pso-member__name {
  align-items: start;
  justify-content: start;
  padding: 0;
  font-size: var(--F-M);
}

.pso-member-name__link {
  color: var(--c-contrast);
  text-decoration: none;
}

.pso-member__mutual {
  display: flex;
  gap: var(--G1);
  padding-top: var(--G1);
  font-size: var(--F-S);
  color: var(--c-contrast-slight);
  text-align: center;
}
.pso-members--list .pso-member__mutual {
  font-size: var(--F-XS);
  font-weight: 500;
}

.pso-member__extra {
  display: flex;
  justify-content: center;
  gap: var(--G2);
}
.pso-members--grid .pso-member__extra {
  margin-top: auto;
}

.pso-member__bottom {
  display: flex;
  gap: var(--G2);
  padding: var(--G3);
}
.pso-members--grid .pso-member__bottom {
  margin-top: auto;
  padding-top: var(--G1);
}
@media (max-width: 81.24em) {
  .pso-members--list .pso-member__bottom {
    margin-inline-start: auto;
  }
}

.pso-member__actions {
  display: flex;
  gap: var(--G2);
  width: 100%;
}

.pso-member__action {
  flex-grow: 1;
}
.pso-member .pso-member__action {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: transparent;
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: transparent;
  --b: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}
.pso-member .pso-member__action.pso-btn--loading {
  color: var(--ds-c);
}
.pso-member .pso-member__action.pso-btn--loading > i {
  color: var(--ds-ic);
}
.pso-member .pso-member__action.pso-btn--loading:after {
  color: var(--hv-c);
}
.pso-member__extra .pso-member__action {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: var(--c-ps-btn-bg);
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: var(--c-ps-btn-bg);
  --b: 1px solid transparent;
}

.pso-member__action--toggle + .pso-dropdown__menu {
  top: auto;
  left: 0;
  right: 0;
  bottom: 100%;
  width: 100%;
  max-width: 100%;
}

.pso-member__action--follow i:before {
  content: "\e826";
  font-family: "peepsoui";
}
.pso-member__action--follow:hover i:before {
  content: "\e80c";
}
.pso-members--list .pso-member__action--follow span {
  display: none;
}

.pso-member .pso-member__action--following {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: var(--c-ps-btn-bg);
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: var(--c-ps-btn-bg);
}
.pso-member__action--following i:before {
  content: "\e80c";
  font-family: "peepsoui";
}
.pso-member__action--following:hover i:before {
  content: "\e867";
}
.pso-members--list .pso-member__action--following span {
  display: none;
}

.pso-member__action--message {
  flex-grow: 0;
}
.pso-member__action--message i:before {
  content: "\e868";
  font-family: "peepsoui";
}
.pso-member .pso-member__action--add {
  --c: var(--c-primary-dark);
  --ic: var(--c-primary-dark);
  --bg: var(--c-primary-ulight);
  --hv-c: var(--c-primary-dark);
  --hv-ic: var(--c-primary-dark);
  --hv-bg: var(--c-primary-elight);
  --ac-c: var(--c-primary-sdark);
  --ac-ic: var(--c-primary-sdark);
  --ac-bg: var(--c-primary-slight);
  --ds-c: var(--c-primary-slight);
  --ds-ic: var(--c-primary-slight);
  --ds-bg: var(--c-primary-ulight);
  --b: 1px solid transparent;
}
.pso-member__action--add i:before {
  content: "\e865";
  font-family: "peepsoui";
}

.pso-member__action--cancel i:before,
.pso-member__action--reject i:before {
  content: "\e860";
  font-family: "peepsoui";
}

.pso-member .pso-member__action--accept {
  --c: var(--c-ps-btn-action-color);
  --ic: var(--c-ps-btn-action-color);
  --bg: var(--c-ps-btn-action-bg);
  --hv-c: var(--c-ps-btn-action-color);
  --hv-ic: var(--c-ps-btn-action-color);
  --hv-bg: var(--c-ps-btn-action-bg-hover);
  --ac-c: var(--c-ps-btn-action-color);
  --ac-ic: var(--c-ps-btn-action-color);
  --ac-bg: var(--c-ps-btn-action-bg-hover);
  --ds-c: var(--c-ps-btn-action-color);
  --ds-ic: var(--c-ps-btn-action-color);
  --ds-bg: var(--c-ps-btn-action-bg-hover);
  --b: 1px solid transparent;
}
.pso-member__action--accept i:before {
  content: "\e865";
  font-family: "peepsoui";
}

.pso-member .pso-member__action--unfriend {
  --c: var(--c-ps-btn-color);
  --ic: var(--c-ps-btn-color);
  --bg: var(--c-ps-btn-bg);
  --hv-c: var(--c-ps-btn-color-hover);
  --hv-ic: var(--c-ps-btn-color-hover);
  --hv-bg: var(--c-ps-btn-bg-hover);
  --ac-c: var(--c-ps-btn-color-hover);
  --ac-ic: var(--c-ps-btn-color-hover);
  --ac-bg: var(--c-ps-btn-bg-hover);
  --ds-c: var(--c-ps-btn-color);
  --ds-ic: var(--c-ps-btn-color);
  --ds-bg: var(--c-ps-btn-bg);
  --b: 1px solid transparent;
}
.pso-member__action--unfriend i:before {
  content: "\e843";
  font-family: "peepsoui";
}
.pso-member__action--unfriend:hover i:before {
  content: "\e85f";
}

.pso-navbar {
  --height: 50px;
  --shadow: var(--BOX-SHADOW--HARD);
  height: var(--height);
  margin-bottom: var(--G4);
  font-size: var(--F);
  background-color: var(--c-base);
  border-radius: var(--R-M);
  box-shadow: var(--shadow);
}

.pso-navbar--open {
  height: auto;
}
.pso-navbar--open .pso-navbar__inner {
  height: var(--height);
}

.pso-navbar__inner {
  position: relative;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (min-width: 61.25em) {
  .pso-navbar__inner {
    gap: var(--G2);
    padding-inline: var(--G3);
  }
}

@media (max-width: 61.24em) {
  .pso-navbar__toggle {
    display: flex;
    align-items: center;
    padding: var(--G2) var(--G4);
    color: var(--c-contrast-slight);
  }
}

.pso-navbar-toggle__wrapper {
  display: none;
}
@media (max-width: 61.24em) {
  .pso-navbar-toggle__wrapper {
    display: flex;
    align-items: stretch;
    border-inline-start: 1px solid var(--c-base-200);
  }
}

.pso-navbar__tabs {
  height: 100%;
  display: none;
  align-items: stretch;
}
.pso-navbar__tabs .pso-navbar-link__label {
  display: none;
}
@media (min-width: 61.25em) {
  .pso-navbar__tabs {
    display: flex;
  }
}

.pso-navbar__tabs--mobile {
  display: flex;
  justify-content: end;
  flex-grow: 1;
}
@media (min-width: 61.25em) {
  .pso-navbar__tabs--mobile {
    display: none;
  }
}

.pso-navbar__tab {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
@media (max-width: 61.24em) {
  .pso-navbar__tab:first-child {
    margin-inline-end: auto;
    border-inline-end: 1px solid var(--c-base-200);
  }
  .pso-navbar__tab:first-child .pso-navbar__notif {
    padding-inline: var(--G4);
  }
  .pso-navbar__tab:last-child {
    margin-inline-end: auto;
  }
}
@media (min-width: 61.25em) {
  .pso-navbar__tab {
    position: relative;
  }
}

.pso-navbar__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--G2);
  color: var(--c-contrast-slight);
  transition: var(--TRANS);
}
.pso-navbar__link:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 70%;
  height: 3px;
  border-top-left-radius: var(--R-S);
  border-top-right-radius: var(--R-S);
  background-color: var(--c-base-200);
  opacity: 0;
  transition: var(--TRANS);
  transition-duration: 0.25s;
}
.pso-navbar__link:hover {
  color: var(--c-contrast);
}
.pso-navbar__link:hover:after {
  opacity: 1;
}
.pso-navbar__link:focus {
  color: var(--c-contrast-slight);
}
.pso-navbar__link:active:after {
  opacity: 1;
  background-color: var(--c-base-300);
}
.pso-active .pso-navbar__link {
  color: var(--c-primary);
}
.pso-active .pso-navbar__link:after {
  background-color: var(--c-primary);
  opacity: 1;
}

.pso-navbar__user {
  display: none;
}
@media (min-width: 61.25em) {
  .pso-navbar__user {
    display: flex;
    align-items: stretch;
    gap: var(--G1);
    padding-block: 4px;
  }
}

@media (min-width: 61.25em) {
  .pso-navbar-user__dropdown {
    display: flex;
    align-items: stretch;
  }
}

.pso-navbar-user__toggle {
  display: flex;
  align-items: center;
  gap: var(--G1);
  padding-inline-start: var(--G2);
  padding-inline-end: calc(var(--G1) / 2);
  color: var(--c-contrast-light);
  border-radius: var(--R-S);
  transition: var(--TRANS);
}
.pso-navbar-user__toggle > i {
  color: var(--c-contrast-slight);
  transition: var(--TRANS);
}
.pso-navbar-user__toggle > span {
  max-width: 80px;
  font-size: var(--F-S);
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pso-navbar-user__toggle:hover > i {
  color: var(--c-contrast);
}
.pso-navbar-user__toggle:hover {
  color: var(--c-contrast);
  background-color: var(--c-base-200);
}

.pso-navbar__notifs {
  display: flex;
  align-items: stretch;
  gap: var(--G1);
}

.pso-navbar__notif {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--G2) var(--G4);
  color: var(--c-contrast-slight);
}
@media (min-width: 61.25em) {
  .pso-navbar__notif {
    padding: var(--G2);
    border-radius: var(--R-S);
    transition: var(--TRANS);
  }
  .pso-navbar__notif:hover {
    color: var(--c-contrast);
    background-color: var(--c-base-200);
  }
  .pso-navbar__notif:focus {
    color: var(--c-contrast-slight);
  }
}

.pso-navbar__submenu {
  display: none;
}
@media (max-width: 61.24em) {
  .pso-navbar__submenu {
    padding: var(--G1);
    border-top: 1px solid var(--c-base-200);
  }
  .pso-navbar--open .pso-navbar__submenu {
    display: flex;
    flex-direction: column;
  }
}

.pso-notif {
  display: flex;
  align-items: stretch;
}
@media (min-width: 61.25em) {
  .pso-notif {
    position: relative;
  }
}

.pso-notif__toggle {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--G2);
  font-size: var(--F);
  color: var(--c-contrast-slight);
}
.pso-notif__toggle .pso-badge--float {
  top: calc(var(--G1) * -1);
  right: calc(var(--G1) * -1);
}
@media (min-width: 61.25em) {
  .pso-notif__toggle {
    transition: var(--TRANS);
  }
  .pso-notif__toggle:hover {
    color: var(--c-contrast);
  }
  .pso-notif__toggle:focus {
    color: var(--c-contrast-slight);
  }
}

.pso-notif--friends {
  order: 1;
}

.pso-notif--messages {
  order: 2;
}

.pso-notif--general {
  order: 3;
}

.pso-notifbox {
  position: absolute;
  z-index: 100;
  top: 100%;
  right: calc(-1 * var(--G2) / 1.5);
  display: none;
  width: 400px;
  font-size: var(--F-M);
  background-color: var(--c-base);
  border-radius: var(--R);
  box-shadow: var(--SH);
}
#wp-toolbar .pso-notifbox {
  position: absolute !important;
  z-index: 100 !important;
  top: 100% !important;
  right: 0 !important;
  width: 400px !important;
}
@media (max-width: 61.24em) {
  .pso-notifbox {
    left: 0;
    right: 0;
    width: 100%;
  }
}

.pso-notifbox__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 45px;
  padding-top: var(--G1);
  padding-inline-start: var(--G3);
  padding-inline-end: var(--G1);
  padding-bottom: var(--G1);
  border-bottom: 1px solid var(--DV);
}

.pso-notifbox__title {
  font-weight: 500;
}

.pso-notifbox__settings {
  --w: var(--h);
}

.pso-notifbox__tabs .pso-tabs__item {
  width: 50%;
  justify-content: center;
  padding-inline: var(--G3);
}

.pso-notifbox__notice {
  padding: var(--G3);
  font-size: var(--F-S);
  text-align: center;
  color: var(--c-contrast-slight);
}

.pso-notifbox__actions {
  display: flex;
  gap: var(--G2);
  padding: var(--G3);
  border-top: 1px solid var(--DV);
}
.pso-notifbox__actions > .pso-btn {
  width: 50%;
}
.pso-notifbox__actions > .pso-btn:first-child:last-child {
  flex-grow: 1;
}

.ps-post__background-selector {
  width: 100%;
  max-width: 300px;
  font-size: 13px;
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--XL);
}
.ps-post__background-selector a {
  padding: 5px;
}
.ps-post__background-selector a:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
}
.ps-post__background-selector .ps-avatar {
  --width: 32px;
}
.ps-post__background-selector .ps-avatar img {
  width: var(--width);
}

.pso-modal--postbox {
  position: relative;
}
.pso-modal--postbox .ps-postbox__url-preview {
  margin-top: var(--G2);
}
.pso-modal--postbox .pso-modal__footer {
  padding-top: 0;
  border-top: none;
}
.pso-modal--postbox .pso-modal__footer .pso-btn {
  width: 100%;
}
.pso-modal--postbox .ps-postbox__photos-list {
  padding: 0;
}
.pso-modal--postbox .ps-postbox__photos-info {
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border: 2px dashed var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: var(--TRANS);
}
.pso-modal--postbox .ps-postbox__photos-info:hover {
  color: var(--c-contrast);
  border-color: var(--COLOR--APP--DARKGRAY);
}
.pso-modal--postbox .ps-postbox__media-action {
  padding: var(--PADD);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border: 2px dashed var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: var(--TRANS);
}
.pso-modal--postbox .ps-postbox__media-action:hover {
  color: var(--c-contrast);
  border-color: var(--COLOR--APP--DARKGRAY);
}
.pso-modal--postbox .ps-media--iframe {
  border-top-left-radius: var(--BORDER-RADIUS--MD);
  border-top-right-radius: var(--BORDER-RADIUS--MD);
  overflow: hidden;
}
.pso-modal--postbox .ps-postbox__media-embed,
.pso-modal--postbox .ps-media--embed {
  padding: 0;
}
.pso-modal--postbox .ps-postbox__media-embed .ps-media__inner,
.pso-modal--postbox .ps-media--embed .ps-media__inner {
  background-color: var(--PS-COLOR--APP--LIGHTGRAY);
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pso-modal--postbox .ps-postbox__poll-options {
  padding: 0;
}
.pso-modal--postbox .ps-postbox__poll-actions {
  padding-inline: 0;
  padding-bottom: 0;
  border: none;
}
.pso-modal--postbox .ps-postbox__file-add {
  padding: var(--PADD);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  background: none;
  border: 2px dashed var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: var(--TRANS);
}
.pso-modal--postbox .ps-postbox__file-add:hover {
  color: var(--c-contrast);
  border-color: var(--COLOR--APP--DARKGRAY);
}
.pso-modal--postbox .ps-postbox__file-items {
  padding-top: 0;
  padding-inline: 0;
  border: none;
}
.pso-modal--postbox .ps-postbox__file-add {
  border-radius: var(--R);
}
.pso-modal--postbox .ps-postbox__file-previews {
  border: none;
}
.pso-modal--postbox .ps-postbox__files-info {
  padding: var(--PADD);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border: 2px dashed var(--COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
  transition: var(--TRANS);
}
.pso-modal--postbox .ps-postbox__files-info:hover {
  color: var(--c-contrast);
  border-color: var(--COLOR--APP--DARKGRAY);
}
.pso-modal--postbox .ps-giphy__search {
  border: 1px solid var(--DIVIDER--LIGHT);
}
.pso-modal--postbox .ps-post__background,
.pso-modal--postbox .ps-postbox__backgrounds {
  border-radius: var(--BORDER-RADIUS--MD);
}
.pso-modal--postbox .ps-post__background-text span {
  color: var(--PS-COLOR--PRIMARY--DARK);
}
.pso-modal--postbox .pso-postbox-inputs__view {
  margin-bottom: var(--G3);
}
.pso-modal--postbox .ps-tagging-dropdown-item .ps-avatar {
  --width: 32px;
}
.pso-modal--postbox .ps-tagging-dropdown-item .ps-avatar img {
  width: var(--width);
}
.pso-modal--postbox .ps-postbox__input-beautifier .ps-tag {
  box-shadow: 0 0 0 1px var(--bg);
}
@media (max-width: 61.24em) {
  .pso-modal--postbox .pso-modal__footer {
    flex-direction: column;
    align-items: stretch;
    justify-content: unset;
  }
}

.pso-postbox {
  --bg: var(--c-base);
  --radius: var(--BORDER-RADIUS--XL);
  --shadow: var(--BOX-SHADOW--HARD);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G3);
  margin-bottom: var(--G3);
  padding: var(--G4);
  background-color: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
@media (min-width: 61.25em) {
  .pso-postbox {
    gap: var(--G4);
    margin-bottom: var(--G4);
    padding: var(--G4);
  }
}

.pso-postbox__filter {
  background-color: var(--c-base);
  border-radius: var(--R);
  animation: backdrop-entry 0.1s linear;
}

@keyframes backdrop-entry {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pso-postbox__head {
  display: flex;
  align-items: center;
  gap: var(--G2);
}

.pso-postbox-head__title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 40px;
  padding: var(--G2);
  font-size: 14px;
  color: var(--c-contrast-slight);
  background-color: transparent;
  border-radius: var(--R-S);
  cursor: pointer;
}
@media (min-width: 61.25em) {
  .pso-postbox-head__title {
    background-color: transparent;
    transition: var(--TRANS);
  }
  .pso-postbox-head__title:hover {
    color: var(--c-contrast-light);
    background-color: var(--PS-COLOR--APP--GRAY);
  }
}

.pso-postbox-head__actions .pso-btn {
  --w: 40px;
}

.pso-postbox-inputs__view {
  margin-bottom: var(--G4);
}

.pso-postbox-input__wrapper {
  position: relative;
}

.pso-postbox__input {
  position: relative;
  max-height: 300px;
  overflow: auto;
}
.pso-postbox__input * {
  line-height: 1.4;
  font-size: var(--c-ps-post-font-size);
}
.pso-postbox__input textarea,
.pso-postbox__input textarea:hover,
.pso-postbox__input textarea:focus,
.pso-postbox__input .pso-postbox-input__shadow {
  height: auto;
  width: 100% !important;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: var(--c-ps-post-font-size);
  font-weight: 400;
  line-height: 1.4;
  color: inherit;
  border-radius: 0;
  background: none;
  box-shadow: none;
  outline: none;
  resize: none;
}
.pso-postbox__input .pso-postbox-input__shadow {
  color: transparent;
}

.pso-postbox-input__shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  pointer-events: none;
  color: transparent;
}
.pso-postbox-input__shadow + textarea {
  background: none;
}

.pso-postbox-options__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--G3);
  row-gap: var(--G1);
}
@media (min-width: 61.25em) {
  .pso-postbox-options__list {
    gap: var(--G4);
  }
}

.pso-postbox-options__item {
  --g: var(--G1);
  --h: 30px;
  --p: var(--G1) 0;
  --fs: var(--F-XS);
  --is: var(--F-M);
  --c: var(--c-contrast-slight);
  --ic: var(--c-contrast-slight);
  --bg: transparent;
  --hv-c: var(--c-contrast-light);
  --hv-ic: var(--c-contrast-light);
  --hv-bg: transparent;
  --ac-c: var(--c-contrast);
  --ac-ic: var(--c-contrast);
  --ac-bg: transparent;
  --ds-c: var(--c-contrast-elight);
  --ds-ic: var(--c-contrast-elight);
  --ds-bg: transparent;
}

.pso-postbox__option--active:before,
.pso-postbox-options__item--active:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: var(--G1);
  width: 6px;
  height: 6px;
  background-color: var(--c-primary);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--c-base);
}

.pso-postbox-options__tab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}

.pso-postbox__types {
  display: flex;
  flex-wrap: wrap;
  gap: var(--G2);
}
@media (min-width: 61.25em) {
  .pso-postbox__types {
    display: flex;
    flex-wrap: nowrap;
  }
  .pso-postbox__types:has(> *:nth-child(3)) > * {
    flex-grow: 1;
  }
}
.pso-postbox__types:empty {
  display: none;
}

.pso-postbox__types--wrap {
  flex-wrap: wrap;
}
.pso-postbox__types--wrap .pso-postbox__type {
  flex-grow: unset !important;
}

.pso-postbox__types--show span {
  display: block;
}
.pso-postbox__modal .pso-postbox__types--show .pso-postbox__type:after {
  content: attr(aria-label);
}
.pso-postbox__modal .pso-postbox__types--show {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--G2);
}
@media (min-width: 61.25em) {
  .pso-postbox__modal .pso-postbox__types--show {
    display: flex;
    flex-wrap: wrap;
  }
  .pso-postbox__modal .pso-postbox__types--show .pso-postbox__type {
    flex-grow: unset;
  }
}

.pso-postbox__types--hide span {
  display: none;
}
@media (min-width: 61.25em) {
  .pso-postbox__modal .pso-postbox__types--hide {
    display: flex;
    flex-wrap: nowrap;
  }
}

@media (min-width: 61.25em) {
  .pso-postbox__types--mobile span {
    display: none;
  }
}
.pso-postbox__modal .pso-postbox__types--mobile .pso-postbox__type:after {
  content: attr(aria-label);
}
@media (max-width: 61.24em) {
  .pso-postbox__modal .pso-postbox__types--mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--G2);
  }
}
@media (min-width: 61.25em) {
  .pso-postbox__modal .pso-postbox__types--mobile:after {
    content: unset;
  }
}

.pso-postbox__types--desktop span {
  display: none;
}
@media (min-width: 61.25em) {
  .pso-postbox__types--desktop span {
    display: block;
  }
}
@media (min-width: 61.25em) {
  .pso-postbox__modal .pso-postbox__types--desktop {
    flex-wrap: wrap;
  }
  .pso-postbox__modal .pso-postbox__types--desktop .pso-postbox__type {
    flex-grow: unset;
  }
  .pso-postbox__modal .pso-postbox__types--desktop .pso-postbox__type:after {
    content: attr(aria-label);
  }
}

.pso-postbox__type {
  --h: 35px;
  --p: var(--G2) var(--G2);
  --g: var(--G1);
  --fs: 12px;
  --is: calc(var(--fs) + 4px);
  --ic: var(--c-primary);
  --hv-c: var(--c-contrast-light);
  --hv-ic: var(--c-primary);
  --hv-bg: var(--c-primary-ulight);
  --ac-c: var(--c-contrast-light);
  --ac-ic: var(--c-primary);
  --ac-bg: var(--c-primary-elight);
}
@media (min-width: 61.25em) {
  .pso-postbox__type {
    --h: 40px;
    --p: var(--G2) var(--G3);
    --fs: 14px;
  }
}

.pso-postbox__type--more {
  --ic: var(--c-contrast-light);
  --fs: 10px;
  max-width: 40px;
}

.pso-postbox__modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G3);
}
.pso-postbox__modal .pso-postbox-head__title {
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  padding: 0;
  font-weight: 500;
  color: var(--c-contrast);
  cursor: default;
  transition: none;
}
@media (min-width: 61.25em) {
  .pso-postbox__modal .pso-postbox-head__title:hover {
    background-color: transparent;
  }
}
.pso-postbox__modal .pso-postbox__type {
  --ic: var(--c-contrast-slight);
}
.pso-postbox__modal .pso-postbox__type.pso-active {
  --ac-bg: var(--c-primary-ulight);
}
@media (max-width: 61.24em) {
  .pso-postbox__modal .pso-postbox__type {
    justify-content: start;
  }
}
@media (min-width: 61.25em) {
  .pso-postbox__modal {
    gap: var(--G4);
  }
}

.pso-postbox__post-to > span {
  max-width: 200px;
  white-space: nowrap;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pso-postbox-post-to__dropdown {
  bottom: 100%;
}
@media (min-width: 61.25em) {
  .pso-postbox-post-to__dropdown {
    top: 100%;
    bottom: auto;
  }
}

.pso-postbox__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: var(--R) !important;
  background-color: var(--c-base);
  box-shadow: var(--BOX-SHADOW--MD);
}
.pso-postbox__loading img {
  vertical-align: middle;
}

.pso-postbox__privacy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--G4);
}

.pso-postbox-privacy__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--G2);
  padding-inline: var(--G1);
  font-size: var(--F-M);
  font-weight: 500;
}

.pso-postbox-privacy__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--G1);
  width: 100%;
  height: 100%;
  overflow: auto;
}

.pso-postbox-privacy__item {
  display: flex;
  align-items: center;
  gap: var(--G2);
  width: 100%;
  padding: var(--G1);
  border-radius: var(--R);
  transition: var(--TRANS);
}
.pso-postbox-privacy__item > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: var(--F);
  color: var(--c-contrast-light);
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--R-S);
  transition: var(--TRANS);
}
.pso-postbox-privacy__item:hover {
  background-color: var(--c-primary-ulight);
}
.pso-postbox-privacy__item:hover > i {
  color: var(--c-primary);
  background-color: var(--PS-COLOR--APP);
}
.pso-postbox-privacy__item:hover .pso-postbox-privacy-item__desc {
  color: var(--c-primary);
}

.pso-postbox-privacy-item__data {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.pso-postbox-privacy-item__name {
  font-size: var(--F-M);
  font-weight: 500;
  color: var(--c-contrast);
}

.pso-postbox-privacy-item__desc {
  font-size: var(--F-S);
  font-weight: normal;
  color: var(--c-contrast-slight);
}

.pso-postbox__moods {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G2);
  height: 100%;
  padding: var(--G5) var(--G3);
}

.pso-postbox-moods__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--G2);
  font-size: var(--F-M);
  font-weight: 500;
}

.pso-postbox-moods__list {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  overflow: auto;
}

.pso-postbox-moods__item {
  display: flex;
  align-items: center;
  gap: var(--G2);
  width: 100%;
  padding: var(--G2);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border-radius: var(--R);
  transition: var(--TRANS);
}
.pso-postbox-moods__item:hover {
  color: var(--c-contrast-light);
  background-color: var(--PS-COLOR--APP--GRAY);
}
.pso-postbox-moods__item:hover .pso-postbox-moods__emo {
  background-color: var(--c-base);
}
.pso-postbox-moods__item.active {
  color: var(--c-primary);
  background-color: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
}
.pso-postbox-moods__item.active .pso-postbox-moods__emo {
  background-color: var(--c-base);
}
@media (min-width: 61.25em) {
  .pso-postbox-moods__item {
    width: 50%;
  }
}

.pso-postbox-moods__emo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: 50%;
  transition: var(--TRANS);
}

.pso-postbox-moods__remove {
  align-self: stretch;
  margin-inline: var(--G2);
}

.pso-postbox__pin {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G2);
  height: 100%;
  padding: var(--G5) var(--G3);
}

.pso-postbox-pin__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--G2);
  font-size: var(--F-M);
  font-weight: 500;
}

.pso-postbox-pin__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  overflow: auto;
}

.pso-postbox-pin__option {
  display: block;
  padding: var(--G2);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border-radius: var(--R);
  transition: var(--TRANS);
}
.pso-postbox-pin__option:hover {
  color: var(--c-contrast-light);
  background-color: var(--PS-COLOR--APP--GRAY);
}

.pso-postbox__schedule {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G2);
  height: 100%;
  padding: var(--G5) var(--G3);
}

.pso-postbox-schedule__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--G2);
  font-size: var(--F-M);
  font-weight: 500;
}

.pso-postbox-schedule__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  overflow: auto;
}

.pso-postbox-schedule__option {
  display: block;
  padding: var(--G2);
  font-size: var(--F-M);
  color: var(--c-contrast-light);
  border-radius: var(--R);
  transition: var(--TRANS);
}
.pso-postbox-schedule__option:hover {
  color: var(--c-contrast-light);
  background-color: var(--PS-COLOR--APP--GRAY);
}

.pso-postbox__backgrounds-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: var(--G2);
  margin-bottom: calc(-1 * var(--G3));
}

.pso-postbox__backgrounds {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--G1);
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  padding-top: 8px;
  margin-top: -8px;
}
@media (min-width: 61.25em) {
  .pso-postbox__backgrounds {
    gap: var(--G2);
  }
  .pso-postbox__backgrounds::-webkit-scrollbar {
    height: 8px;
  }
  .pso-postbox__backgrounds::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .pso-postbox__backgrounds::-webkit-scrollbar-thumb {
    background-color: var(--COLOR--APP--DARKGRAY, #babac0);
    border-radius: 4px;
  }
}

.pso-postbox__backgrounds--hidden {
  display: none;
}

.pso-postbox__backgrounds--few {
  overflow-x: visible;
}
.pso-postbox__backgrounds--few .pso-postbox__backgrounds-item {
  flex: 1 0 0;
  min-width: 0;
  height: 64px;
  aspect-ratio: auto;
}

.pso-postbox__backgrounds-item {
  position: relative;
  flex: 1 0 40px;
  min-width: 40px;
  aspect-ratio: 1/1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0);
  cursor: pointer;
  opacity: 0.65;
  transition: var(--TRANS), var(--TRANS-O);
}
.pso-postbox__backgrounds-item span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--bg);
  opacity: 0;
  transition: var(--TRANS), var(--TRANS-O);
}
.pso-postbox__backgrounds-item:hover {
  opacity: 1;
}
.pso-postbox__backgrounds-item.active {
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.pso-postbox__backgrounds-item.active span {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.pso-postbox__backgrounds-notice {
  margin: 0;
}

.pso-post__background {
  aspect-ratio: 16/9;
  width: 100%;
  padding: var(--G5);
  font-size: max(3vw, 100%);
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.pso-postbox__modal .pso-post__background {
  border-radius: var(--BORDER-RADIUS--MD);
}
@media (min-width: 61.25em) {
  .pso-post__background {
    font-size: 125%;
  }
}

.pso-post__background--scroll {
  overflow: auto;
}

.pso-post__background-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.pso-post__background-text {
  font-weight: 500;
  line-height: 1.3;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  word-break: break-word;
  text-align: center;
  color: inherit;
}
.pso-post__background-text a {
  color: inherit;
}
.pso-post__background-text a > span {
  text-decoration: underline;
}
.pso-post__background-text a:hover, .pso-post__background-text a:focus {
  color: inherit;
}
.pso-post__background-text a:hover > span, .pso-post__background-text a:focus > span {
  text-decoration: none;
}
.pso-post__background-text span[data-highlight] {
  text-decoration: underline;
}
.pso-post__background-text[contentEditable=true] {
  width: 100%;
  outline: none;
}
.pso-post__background-text[contentEditable=true]:empty {
  width: auto;
}
.pso-post__background-text[contentEditable=true]:empty:before {
  content: attr(data-placeholder);
  color: inherit;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.pso-post__background-text[contentEditable=true]:empty:not(:focus) {
  width: 100%;
}

.pso-messages-post__input {
  max-height: 200px;
  overflow: auto;
}

.ps-app .pso-messages {
  height: 100%;
}
.ps-app .pso-messages .pso-messages__side,
.ps-app .pso-messages .pso-messages__main {
  height: 100%;
}
.ps-app .pso-btn[data-ps=btn-focus] {
  display: none;
}
.ps-app .pso-messages .pso-postbox__moods {
  height: 50vh;
}
.ps-app .pso-messages .ps-postbox__location {
  --map-height: 150px;
}
.ps-app .pso-messages .ps-postbox__location-search {
  flex-direction: column-reverse;
  flex-wrap: nowrap;
}
.ps-app .pso-messages .ps-postbox__location-list {
  width: 100%;
}
.ps-app .pso-messages .ps-postbox__location {
  max-height: 80vh;
}
.ps-app .pso-messages .ps-postbox__location-list {
  max-height: 100%;
}

.pso-messages {
  --bg: var(--c-base);
  --side-width: 60px;
  --side-open-width: 300px;
  position: relative;
  display: flex;
  align-items: stretch;
  height: 500px;
}
@media (min-width: 61.25em) {
  .pso-messages {
    height: 750px;
  }
}
@media (max-width: 61.24em) {
  .pso-messages .ps-postbox__location {
    --map-height: 150px;
  }
  .pso-messages .pso-postbox__moods {
    height: 400px;
  }
  .pso-messages .ps-postbox__location-search {
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .pso-messages .ps-postbox__location-list {
    width: 100%;
  }
  .pso-messages .ps-postbox__location {
    height: 400px;
    max-height: 400px;
  }
  .pso-messages .ps-postbox__location-list {
    max-height: 100%;
  }
}
@media (max-width: 81.24em) {
  .pso-messages {
    --side-open-width: 300px;
  }
}
.pso-messages .ps-chat__message-time {
  word-break: initial;
}

.pso-messages--focus {
  --side-open-width: 320px;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  background-color: var(--c-base);
}
@media (min-width: 48.875em) {
  .admin-bar .pso-messages--focus {
    top: 32px;
  }
}

.pso-messages__info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--G1);
  padding: var(--G1);
  font-size: var(--F-S);
  font-weight: 500;
  color: var(--c-primary);
  background-color: var(--c-primary-ulight);
  border-radius: var(--BORDER-RADIUS);
}
.pso-messages__info > span {
  display: none;
}
.pso-messages__side--open .pso-messages__info > span {
  display: block;
}

.pso-messages__side {
  display: none;
  background-color: var(--c-base);
}
.pso-messages__side .ps-messages__search {
  position: relative;
  display: none;
  padding: 0;
}
.pso-messages__side .ps-messages__search .ps-input--sm,
.pso-messages__side .ps-messages__search-inner .ps-input--sm {
  --height: 39px !important;
  height: 39px !important;
  max-height: var(--height) !important;
}
@media (max-width: 61.24em) {
  .pso-messages__side {
    border: 1px solid var(--c-base-200);
    border-radius: var(--R);
  }
  .pso-messages--focus .pso-messages__side {
    border: none;
    border-radius: 0;
  }
  .pso-messages__side .pso-messages__toggle {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .pso-messages__side {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: var(--side-width);
    min-width: var(--side-width);
    max-width: var(--side-width);
    border: 1px solid var(--c-base-200);
    border-start-start-radius: var(--R);
    border-end-start-radius: var(--R);
  }
  .pso-messages__side + .pso-messages__main {
    margin-inline-start: var(--side-width);
  }
}

.pso-messages__side--open {
  width: 100%;
}
.pso-messages__side--open .ps-messages__search {
  display: block;
}
@media (max-width: 61.24em) {
  .pso-messages__side--open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 61.25em) {
  .pso-messages__side--open {
    width: var(--side-open-width);
    min-width: var(--side-open-width);
    max-width: var(--side-open-width);
  }
  .pso-messages__side--open + .pso-messages__main {
    margin-inline-start: var(--side-open-width);
  }
}
.pso-messages__side--open .pso-messages__toggle {
  display: none;
}

.pso-messages-side__header {
  display: none;
  align-items: center;
  gap: var(--G2);
  padding: var(--G2);
  border-bottom: 1px solid var(--c-base-200);
}
.pso-messages-side__header > span {
  width: 100%;
}
.pso-messages-side__header .pso-btn {
  --w: 39px;
  --h: 39px;
}
.pso-messages__side--open .pso-messages-side__header {
  display: flex;
}
@media (max-width: 61.24em) {
  .pso-messages-side__header > a span {
    display: none;
  }
  .pso-messages-side__header .pso-btn[data-ps=btn-toggle] {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .pso-messages-side__header > span,
  .pso-messages-side__header .pso-messages__focus {
    display: none;
  }
}

.pso-messages-side__filters {
  display: none;
  align-items: center;
  gap: var(--G2);
  margin-inline-start: auto;
}
.pso-messages__side--open .pso-messages-side__filters {
  display: flex;
}

.pso-messages__list {
  padding: var(--G2);
  padding-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.pso-messages__side--open .pso-messages__list {
  padding-top: var(--G2);
}

.pso-messages__items {
  display: flex;
  flex-direction: column;
  gap: var(--G2);
}
.pso-messages__side--open .pso-messages__items {
  gap: 0;
}

.pso-messages-list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--G2);
  cursor: pointer;
}
.pso-messages-list__item .ps-emoticon {
  vertical-align: middle;
}
.pso-messages__side--open .pso-messages-list__item {
  padding: var(--G2);
  border-radius: var(--BORDER-RADIUS);
}
.pso-messages__side--open .pso-messages-list__item:hover {
  background-color: var(--PS-COLOR--APP--GRAY);
}
.pso-messages-list__item:before {
  position: absolute;
  top: 4px;
  left: calc(-1 * var(--G2));
  bottom: 4px;
  width: 4px;
  display: block;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--c-primary-light);
  content: " ";
  opacity: 0;
  transition: var(--TRANS-O);
}

.pso-messages-list__item--selected:before {
  opacity: 1;
}

.pso-messages__side--open .pso-messages-list__item--unread {
  background-color: var(--c-ps-notification-unread-bg);
}
.pso-messages__side--open .pso-messages-list__item--unread:hover {
  background-color: var(--c-ps-notification-unread-bg);
  opacity: 0.8;
}

.pso-messages-list-item__details {
  width: 100%;
  display: none;
  flex-direction: column;
  gap: 1px;
  font-size: var(--F-S);
  overflow: hidden;
}
.pso-messages__side--open .pso-messages-list-item__details {
  display: flex;
}

.pso-messages-list-item__excerpt {
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pso-messages-list-item__author {
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pso-messages-list-item__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--F-XS);
}
.pso-messages-list-item__meta span {
  opacity: 0.75;
}

.pso-messages-list-item__unread {
  display: none;
}
.pso-messages-list__item--unread .pso-messages-list-item__unread {
  display: block;
  color: var(--c-primary);
  opacity: 1;
}

.pso-messages__main {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  min-width: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg);
  border-radius: var(--R);
  border: 1px solid var(--c-base-200);
}
.pso-messages--focus .pso-messages__main {
  border: none;
  border-radius: 0;
}
@media (min-width: 61.25em) {
  .pso-messages__main {
    border-radius: var(--R);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border: 1px solid var(--c-base-200);
    border-inline-start: none;
  }
}

.pso-messages__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--G1);
  min-height: 60px;
  padding: var(--G1) var(--G2);
  border-bottom: 1px solid var(--c-base-200);
}
.pso-messages__header .pso-btn {
  --w: 39px;
  --h: 39px;
}
@media (min-width: 61.25em) {
  .pso-messages__header {
    padding: var(--G2) var(--G4);
  }
  .pso-messages__header .pso-btn[data-ps=btn-toggle] {
    display: none;
  }
}

.pso-messages__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--G2);
}
.pso-messages__toggle > button {
  --w: 39px;
  --h: 39px;
}
.pso-messages__side--open .pso-messages__toggle {
  padding-bottom: 0;
}

.pso-messages__new {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--G2);
  border-bottom: 1px solid var(--c-base-200);
}
.pso-messages__new > a {
  --w: 39px;
  --h: 39px;
}
.pso-messages__side--open .pso-messages__new {
  display: none;
}

.pso-messages__participant {
  display: flex;
  align-items: center;
  gap: var(--G1);
  font-size: var(--F-S);
  font-weight: 500;
  overflow: hidden;
}

.pso-messages-participant__avatar {
  width: auto;
  min-width: auto;
}
.pso-messages-participant__avatar .ps-avatar {
  padding: 1px;
  background-color: var(--bg);
  border-radius: var(--radius);
}

.pso-messages-participant__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pso-messages-participant__name a {
  color: var(--c-contrast);
}

.pso-messages__options {
  display: flex;
  gap: var(--G1);
}
.pso-messages--focus .pso-messages__options .pso-i-arrow-expand:before {
  content: "\e831";
}
@media (min-width: 61.25em) {
  .pso-messages__options {
    position: relative;
  }
}

.pso-messages-options__menu {
  top: 100%;
  left: auto;
  right: 0;
  width: 250px;
  padding: var(--G1);
}
.pso-messages-options__menu > a {
  display: flex;
  gap: var(--G1);
  padding: var(--G2);
  font-size: var(--F-S);
  color: var(--c-contrast);
  border-radius: var(--BORDER-RADIUS);
}
.pso-messages-options__menu > a > i {
  min-width: 20px;
  margin-top: 2px;
}
.pso-messages-options__menu > a:hover {
  color: var(--c-contrast);
  background-color: var(--PS-COLOR--APP--GRAY);
}
@media (max-width: 61.24em) {
  .pso-messages-options__menu {
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
  }
}

.pso-messages__recipients {
  padding: var(--G1) var(--G2);
  border-bottom: 1px solid var(--c-base-200);
}
.pso-messages__recipients > div {
  width: 100%;
}
.pso-messages__recipients .selectize-input {
  color: var(--c-contrast);
  border-radius: var(--BORDER-RADIUS--MD);
  background-color: var(--c-base);
  border-color: var(--c-base-200);
}
.pso-messages__recipients .selectize-input input {
  color: var(--c-contrast);
}
.pso-messages__recipients > .pso-btn {
  --h: 35px;
}
@media (min-width: 61.25em) {
  .pso-messages__recipients {
    display: flex;
    gap: var(--G1);
    padding: var(--G2) var(--G4);
  }
}

.pso-messages__chat {
  height: 100%;
  background-color: var(--c-base-50);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.pso-messages__post {
  border-top: 1px solid var(--c-base-200);
}
.pso-messages__post .ps-giphy__preview,
.pso-messages__post .ps-postbox__file-previews {
  border-bottom: none;
}
.pso-messages__post .ps-giphy__search {
  border-top: none;
}
.pso-messages__post .ps-postbox__photos-info,
.pso-messages__post .ps-postbox__files-info {
  padding: var(--G2);
}
@media (min-width: 61.25em) {
  .pso-messages__post .ps-postbox__photos-info,
  .pso-messages__post .ps-postbox__files-info {
    padding: var(--G4);
  }
}

.pso-messages-post__attachments {
  text-align: center;
  border-bottom: 1px solid var(--c-base-200);
}

.pso-messages-post-input__wrapper {
  display: flex;
  align-items: start;
  gap: var(--G2);
  padding: var(--G2);
}
.pso-messages-post-input__wrapper .pso-btn {
  --w: 39px;
  --h: 39px;
}
.pso-messages-post-input__wrapper .pso-btn--primary {
  border-radius: 50%;
}
@media (min-width: 61.25em) {
  .pso-messages-post-input__wrapper {
    padding: var(--G4);
  }
}

.pso-messages-post__input {
  width: 100%;
  min-height: 39px;
  max-height: 200px;
  margin: 0;
  padding: 0;
  padding-top: 8px;
  font-size: 16px;
  font-weight: 400;
  overflow: auto;
  color: var(--c-contrast);
  background-color: var(--c-base);
  border: none;
  outline: none;
  box-shadow: none;
  resize: none;
}
.pso-messages-post__input:hover, .pso-messages-post__input:focus {
  border: none;
  outline: none;
  box-shadow: none;
  resize: none;
}
@media (min-width: 61.25em) {
  .pso-messages-post__input {
    font-size: var(--F-M);
  }
}

.pso-messages-post-input__extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-inline: var(--G2);
  padding-bottom: var(--G2);
  font-size: var(--F-S);
}
.pso-messages-post-input__extra:before {
  content: "—";
}
.pso-messages-post-input__extra > i {
  margin-inline: var(--G1);
}
.pso-messages-post-input__extra > strong {
  margin-inline: var(--G1);
}
.pso-messages-post-input__extra > strong:last-of-type {
  margin-inline-end: 0;
}
@media (min-width: 61.25em) {
  .pso-messages-post-input__extra {
    padding-inline: var(--G4);
    padding-bottom: var(--G4);
    font-size: var(--F-M);
  }
}

@media (min-width: 61.25em) {
  .pso-messages-post__cancel {
    order: 2;
  }
}

@media (min-width: 61.25em) {
  .pso-messages-post__send {
    order: 3;
  }
}

.pso-messages-post__enter {
  display: none;
}
@media (min-width: 61.25em) {
  .pso-messages-post__enter {
    display: flex;
    align-items: center;
    gap: var(--G1);
    height: 39px;
    margin-inline-start: auto;
    padding-inline: var(--G2);
    font-size: var(--F-S);
    font-weight: 500;
    cursor: pointer;
  }
  .pso-messages-post__enter * {
    cursor: pointer;
  }
}

.pso-messages-post__menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--G2);
  padding-inline: var(--G2);
  padding-bottom: var(--G2);
}
@media (min-width: 61.25em) {
  .pso-messages-post__menu {
    padding-inline: var(--G4);
    padding-bottom: var(--G4);
  }
}

.pso-messages-post__types {
  display: flex;
  align-items: center;
  gap: var(--G2);
}
.pso-messages-post__types > .pso-btn {
  --w: 39px;
  --h: 39px;
}
.pso-messages-post__types > .pso-btn--neutral {
  --ac-c: var(--c-contrast-light);
  --ac-ic: var(--c-primary);
  --ac-bg: var(--c-primary-ulight);
}

.pso-messages-post__addons {
  display: flex;
  align-items: center;
  gap: var(--G1);
}

.pso-messages-post__addon > .pso-btn {
  --w: 39px;
  --h: 39px;
}
.pso-messages-post__addon > .pso-btn--neutral {
  --ac-c: var(--c-contrast-light);
  --ac-ic: var(--c-primary);
  --ac-bg: var(--c-primary-ulight);
}

.pso-messages-post__addon--active:before {
  content: " ";
  position: absolute;
  left: calc(var(--G3) / 2);
  bottom: calc(var(--G3) / 2);
  width: 6px;
  height: 6px;
  background-color: var(--c-primary);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--c-base);
}

.pso-messages-post-addon__box {
  top: auto;
  left: var(--G4);
  right: var(--G4);
  bottom: 125%;
  width: auto;
}
.pso-messages-post-addon__box .ps-dropdown__menu {
  position: static;
  width: auto;
  background: none;
  box-shadow: unset;
}
@media (max-width: 61.24em) {
  .pso-messages-post-addon__box {
    left: var(--G2);
    right: var(--G2);
    width: auto;
  }
}

.pso-posts__filters {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--G2);
  min-width: 0;
  height: 40px;
  margin-bottom: var(--G4);
  font-size: var(--PS-FONT-SIZE-M);
  color: var(--PS-COLOR--TEXT);
}

@media (max-width: 61.24em) {
  .pso-posts__filters--compact-mobile .pso-posts-filter__toggle > span {
    display: none;
  }
}

@media (min-width: 61.25em) {
  .pso-posts__filters--compact-desktop .pso-posts-filter__toggle > span {
    display: none;
  }
}

.pso-posts-filters__start,
.pso-posts-filters__end {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: var(--G1);
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--XL);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.pso-posts__filter {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding-inline: var(--G1);
  border-inline-end: 1px solid var(--DIVIDER--LIGHT);
}
.pso-posts__filter:first-of-type {
  padding-inline-start: 0;
}
.pso-posts__filter:last-of-type {
  padding-inline-end: 0;
  border-inline-end: none;
}

.pso-posts-filter__notice {
  display: flex;
  align-items: center;
  gap: var(--G3);
  padding: var(--G2) var(--G3);
  font-size: var(--PS-FONT-SIZE-S);
  font-weight: 500;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.pso-posts-filter__toggle {
  display: flex;
  align-items: center;
  gap: var(--G1);
  min-width: 0;
  width: min-content;
  padding-inline: var(--G3);
  color: var(--PS-COLOR--TEXT);
  border-radius: var(--BORDER-RADIUS);
}
.pso-posts-filter__toggle > i {
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.pso-posts-filter__toggle:hover {
  background-color: var(--COLOR--APP--LIGHTGRAY);
}
.pso-posts-filters__start .pso-posts-filter__toggle > span {
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pso-posts__filter--open .pso-posts-filter__toggle {
  color: var(--PS-COLOR--PRIMARY--DARK);
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}
.pso-posts__filter--open .pso-posts-filter__toggle > i {
  color: var(--PS-COLOR--PRIMARY--DARK);
}

.pso-posts-filter__box {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  max-width: 500px;
  z-index: 15;
  padding: var(--G1);
  background-color: var(--COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--SH);
}
.pso-posts-filters__start .pso-posts-filter__box {
  left: 0;
}
.pso-posts-filters__end .pso-posts-filter__box {
  right: 0;
}
.ps-activity--narrow .pso-posts-filter__box {
  max-width: 100%;
}

.pso-posts-filter__title {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: var(--G1);
  padding-inline: var(--G3);
  padding-bottom: var(--G1);
  font-weight: 600;
  color: var(--PS-COLOR--TEXT--LIGHT);
  border-bottom: 1px solid var(--DIVIDER--LIGHT);
}

.pso-posts-filter__search {
  display: flex;
  align-items: stretch;
  height: 40px;
  margin-bottom: var(--G1);
  background-color: var(--COLOR--APP--LIGHTGRAY);
  box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT);
  border-radius: var(--BORDER-RADIUS);
}
.pso-posts-filter__search > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.pso-posts__filter--hashtags .pso-posts-filter__search {
  margin-bottom: 0;
}

.pso-posts-filter-search__input {
  width: 100%;
}

.pso-posts-filter__options {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: var(--G1);
  margin-bottom: var(--G1);
}

.pso-posts-filter__option {
  display: flex;
  align-items: stretch;
  gap: var(--G3);
  min-height: 40px;
  padding: var(--G1) var(--G3);
  color: var(--c-contrast);
  border-radius: var(--BORDER-RADIUS);
}
.pso-posts-filter__option:hover {
  background-color: var(--COLOR--APP--LIGHTGRAY);
}

.pso-posts-filter-option__control {
  display: flex;
  align-items: center;
}
.pso-posts-filter-option__control input {
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
}

.pso-posts-filter-option__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex-grow: 1;
  cursor: pointer;
}

.pso-posts-filter-option__name {
  font-weight: 500;
}

.pso-posts-filter-option__desc {
  font-size: var(--PS-FONT-SIZE-S);
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.pso-posts-filter-option__icon {
  display: flex;
  align-items: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}

.pso-posts-filter__actions {
  display: flex;
  justify-content: space-between;
  padding-top: var(--G1);
  border-top: 1px solid var(--DIVIDER--LIGHT);
}

.pso-posts-filters__active {
  --filter-color: var(--PS-COLOR--PRIMARY--DARK);
  display: flex;
  gap: var(--G2);
  min-width: 0;
  margin-bottom: var(--G4);
  font-size: var(--PS-FONT-SIZE-S);
}
@media (max-width: 61.24em) {
  .pso-posts-filters__active {
    flex-wrap: wrap;
  }
}

.pso-posts-filters-active__item {
  display: flex;
  align-items: center;
  gap: var(--G1);
  min-width: 0;
  height: 36px;
  padding: var(--G1);
  color: var(--filter-color);
  background-color: color-mix(in srgb, var(--filter-color) 15%, transparent);
  border-radius: 35px;
}

.pso-posts-filters-active__label {
  padding-inline-start: var(--G3);
  font-weight: 500;
  white-space: nowrap;
}

.pso-posts-filters-active__value {
  min-width: 0;
  width: min-content;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pso-posts-filters-active__close {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding-inline: var(--G3);
  font-size: var(--PS-FONT-SIZE);
  border-radius: 35px;
}
.pso-posts-filters-active__close:hover {
  background-color: color-mix(in srgb, var(--filter-color) 15%, transparent);
}

.pso-page {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G4);
}
.pso-page .pso-navbar {
  margin-bottom: 0;
}

.pso-tabs--members .pso-tabs__item {
  flex-grow: 1;
  justify-content: center;
}
@media (min-width: 61.25em) {
  .pso-tabs--members .pso-tabs__item {
    width: 50%;
  }
  .pso-tabs--members .pso-btn {
    --fs: var(--FS--MD);
  }
}

.pso-members {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--G4);
}
.pso-members .ps-alert {
  grid-column: 1/-1;
}

.pso-members--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--G4);
}

.pso-members--list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}

.ps-members-item-popup {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ps-members-item-popup .pso-member {
  box-shadow: none !important;
  border: 1px solid var(--DIVIDER);
}

.pso-members__header {
  display: flex;
  align-items: center;
  gap: var(--G2);
}

.pso-members__search {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: var(--G1);
  padding: var(--G1);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.pso-members__search > i {
  padding-inline: var(--G2);
  color: var(--c-contrast-slight);
}
.pso-members__search .pso-btn {
  --h: 35px;
  --ic: var(--c-contrast-slight);
  --bg: transparent;
}
@media (min-width: 61.25em) {
  .pso-members__search > i {
    padding-inline: var(--G3);
  }
}

.pso-members__input {
  flex-grow: 1;
}
.pso-members__input .pso-input {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--PS-COLOR--TEXT);
  font-family: var(--PS-FONT-FAMILY);
  font-size: 16px;
  background-clip: padding-box;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.pso-members__input .pso-input:hover, .pso-members__input .pso-input:focus {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}
.pso-members__input .pso-input {
  max-width: unset;
  width: 100%;
}

.pso-members__view {
  display: inline-flex;
  gap: var(--G1);
  padding: var(--G1);
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--BOX-SHADOW--HARD);
}
.pso-members__view .pso-btn {
  --h: 35px;
  --ic: var(--c-contrast-slight);
  --bg: transparent;
  --ac-c: var(--c-primary-dark);
  --ac-ic: var(--c-primary-dark);
  --ac-bg: color-mix(in srgb, currentColor 10%, transparent);
}

.pso-page--friends .ps-focus {
  margin-bottom: 0;
}

.pso-friends__tabs .pso-tabs__item {
  flex-grow: 1;
  justify-content: center;
}
@media (min-width: 61.25em) {
  .pso-friends__tabs .pso-tabs__item {
    width: 50%;
  }
  .pso-friends__tabs .pso-btn {
    --fs: var(--FS--MD);
  }
}

.pso-d-avatar__inner {
  display: flex;
  gap: var(--G4);
}

.pso-d-avatar__editor {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--G3);
  align-items: stretch;
  width: 50%;
}
.pso-d-avatar__editor .pso-d-avatar__title {
  margin-bottom: var(--G1);
  font-size: 80%;
  font-weight: 600;
  text-align: center;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
@media (max-width: 61.24em) {
  .pso-d-avatar__editor .pso-btn span {
    display: none;
  }
}

.pso-d-avatar__actions {
  display: flex;
  gap: var(--G3);
  flex-wrap: wrap;
}
.pso-d-avatar__actions > a {
  flex-grow: 1;
}
.pso-d-avatar__actions > a .pso-i-circle-user + span {
  display: block;
}

.pso-d-avatar__view > img {
  width: 100%;
  border-radius: var(--BORDER-RADIUS);
}

.pso-d-avatar__edit {
  display: flex;
  justify-content: space-between;
}

.pso-d-avatar__preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--G3);
  width: 50%;
  padding: var(--PADD--MD);
  text-align: center;
  background-color: var(--PS-COLOR--APP--GRAY);
  border-radius: var(--BORDER-RADIUS--MD);
}
.pso-d-avatar__preview .pso-d-avatar__title {
  font-weight: 500;
  font-size: var(--F);
  color: var(--PS-COLOR--TEXT);
}

.pso-d-avatar__desc {
  font-size: var(--F-XS);
  font-weight: 500;
  color: var(--PS-COLOR--TEXT--LIGHT);
}
.pso-d-avatar__desc p {
  margin: 0;
}
@media (min-width: 61.25em) {
  .pso-d-avatar__desc {
    font-size: var(--F-S);
  }
}

.pso-w-userbar {
  display: flex;
  align-items: stretch;
  font-size: var(--F);
}
.pso-w-userbar .pso-w-userbar-user__dropdown > .pso-vip {
  display: flex;
  align-items: center;
}
.pso-w-userbar .pso-w-userbar-user__dropdown > .pso-vip .pso-dropdown__toggle {
  display: none;
}
.pso-w-userbar .ps-badgeos__widget-title {
  display: none;
}
.pso-w-userbar .ps-badgeos__widget-list {
  align-items: center;
  margin: 0;
}
.pso-w-userbar .ps-badgeos__item > a {
  display: flex;
  align-items: center;
}

.pso-w-userbar__inner {
  display: flex;
  align-items: stretch;
  gap: var(--G1);
  width: 100%;
}
@media (max-width: 61.24em) {
  .pso-w-userbar__inner {
    padding-inline-start: var(--G3);
  }
}
@media (min-width: 61.25em) {
  .pso-w-userbar__inner {
    position: relative;
    gap: var(--G3);
  }
}

.pso-w-userbar__user {
  display: flex;
  align-items: center;
}
@media (min-width: 61.25em) {
  .pso-w-userbar__user {
    align-items: stretch;
    gap: var(--G1);
  }
}

.pso-w-userbar-user__dropdown {
  display: flex;
  align-items: stretch;
  gap: var(--G1);
}
@media (max-width: 61.24em) {
  .pso-w-userbar-user__dropdown {
    position: static;
  }
  .pso-w-userbar-user__dropdown .pso-dropdown__menu {
    width: 100%;
  }
}

.pso-w-userbar-user__link {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: var(--G1);
  color: var(--c-contrast-light);
  transition: var(--TRANS);
}
.pso-w-userbar-user__link > span {
  font-size: var(--F-S);
  font-weight: 500;
  white-space: nowrap;
}
.pso-w-userbar-user__link:hover {
  color: var(--c-contrast);
}

.pso-w-userbar-user__toggle {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: var(--G1);
  padding-inline: calc(var(--G1) / 2);
  border-radius: var(--R-S);
  transition: var(--TRANS);
}
.pso-w-userbar-user__toggle > i {
  color: color-mix(in srgb, currentColor 70%, transparent);
  transition: var(--TRANS);
}
@media (max-width: 61.24em) {
  .pso-w-userbar-user__toggle > i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 18px;
    background-color: var(--PS-COLOR--APP);
    border-radius: 50%;
    box-shadow: var(--BOX-SHADOW--HARD);
  }
  .pso-w-userbar-user__toggle > span {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .pso-w-userbar-user__toggle {
    padding-inline-start: var(--G2);
    padding-inline-end: calc(var(--G1) / 2);
  }
  .pso-w-userbar-user__toggle > span {
    display: flex;
    align-items: center;
    gap: var(--G1);
    font-size: var(--F-S);
    font-weight: 500;
    white-space: nowrap;
  }
  .pso-w-userbar-user__toggle > span > span {
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.pso-w-userbar-user__toggle:hover > i {
  color: color-mix(in srgb, currentColor 65%, transparent);
}
.pso-w-userbar-user__toggle:hover {
  background-color: color-mix(in srgb, currentColor 8%, transparent);
}

.pso-w-userbar__logout {
  display: flex;
  align-items: center;
  padding: var(--G2);
  font-size: var(--F);
  color: var(--c-contrast-slight);
}
@media (min-width: 61.25em) {
  .pso-w-userbar__logout {
    transition: var(--TRANS);
  }
  .pso-w-userbar__logout:hover {
    color: var(--c-contrast);
  }
}

.pso-w-userbar__close {
  display: none;
  align-items: center;
  padding: var(--G2) var(--G4);
  font-size: var(--F);
  color: var(--c-contrast-slight);
}
@media (min-width: 61.25em) {
  .pso-w-userbar__close {
    padding: var(--G2);
    transition: var(--TRANS);
  }
  .pso-w-userbar__close:hover {
    color: var(--c-contrast);
  }
}

.pso-w-userbar__toggle {
  position: relative;
  display: none;
  cursor: pointer;
}

@media (max-width: 61.24em) {
  .pso-w-userbar--mobile .pso-w-userbar__inner {
    display: none;
  }
  .pso-w-userbar--mobile .pso-w-userbar__inner + .pso-w-userbar__toggle {
    display: flex;
  }
}

@media (min-width: 61.25em) {
  .pso-w-userbar--desktop .pso-w-userbar__inner {
    display: none;
  }
  .pso-w-userbar--desktop .pso-w-userbar__inner + .pso-w-userbar__toggle {
    display: flex;
  }
}

.pso-w-userbar--open .pso-w-userbar__inner,
.psw-userbar--open .pso-w-userbar__inner {
  display: flex;
}
.pso-w-userbar--open .pso-w-userbar__toggle .pso-badge,
.pso-w-userbar--open .pso-w-userbar__toggle > .pso-avatar,
.psw-userbar--open .pso-w-userbar__toggle .pso-badge,
.psw-userbar--open .pso-w-userbar__toggle > .pso-avatar {
  display: none;
}
.pso-w-userbar--open .pso-w-userbar__toggle > .pso-w-userbar__close,
.psw-userbar--open .pso-w-userbar__toggle > .pso-w-userbar__close {
  display: flex;
}
.pso-w-userbar--open .pso-notif__badge--all,
.psw-userbar--open .pso-notif__badge--all {
  display: none;
}

.pso-w-userbar--left .pso-w-userbar__inner {
  justify-content: flex-start;
}

.pso-w-userbar--center .pso-w-userbar__inner {
  justify-content: center;
}

.pso-w-userbar--right .pso-w-userbar__inner {
  justify-content: flex-end;
}

.pso-w-userbar--space .pso-w-userbar__inner {
  justify-content: space-between;
}

.pso-w-profile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-size: var(--F);
  box-shadow: var(--BOX-SHADOW--HARD);
  border-radius: var(--R);
}
.pso-w-profile > *:last-child {
  border-bottom-left-radius: var(--R);
  border-bottom-right-radius: var(--R);
}

.pso-w-profile--guest {
  padding: var(--G4);
  background-color: var(--c-base);
}

.pso-w-profile__cover {
  --h: 130px;
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  height: var(--h);
  padding: var(--G4);
  background-color: var(--c-base-700);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-left-radius: var(--R);
  border-top-right-radius: var(--R);
}
.pso-w-profile__cover:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  border-top-left-radius: var(--R);
  border-top-right-radius: var(--R);
}

.pso-w-profile-cover__notifs {
  display: flex;
  gap: var(--G1);
  margin-inline-end: auto;
}
.pso-w-profile-cover__notifs .pso-notif {
  position: static;
}
.pso-w-profile-cover__notifs .pso-notifbox {
  top: calc(var(--G5) + 30px);
  left: 0;
  right: 0;
  width: 100%;
}

.pso-w-profile-cover__actions {
  display: flex;
  gap: var(--G1);
  margin-inline-start: auto;
}

.pso-w-profile__user {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--G2);
  padding: var(--G3) var(--G4);
  background-color: var(--c-base);
}
@media (min-width: 61.25em) {
  .pso-w-profile__user {
    gap: var(--G3);
  }
}

.pso-w-profile__data {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}

.pso-w-profile-user__avatar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-inline: auto;
  padding: 4px;
}

.pso-w-profile-user__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: var(--TRANS);
}
.pso-w-profile-user__meta > span:last-child {
  font-size: var(--F-XS);
  color: var(--c-contrast-slight);
}
.pso-w-profile-user__meta:hover {
  color: var(--c-primary);
}

.pso-w-profile__name {
  align-self: center;
  font-weight: 500;
  text-align: center;
  color: var(--c-contrast);
  transition: var(--TRANS);
}
.pso-w-profile__name:hover {
  color: var(--c-primary);
}

.pso-w-profile__progress {
  padding: var(--G3) var(--G4);
  background-color: var(--c-base);
  text-align: center;
  text-decoration: none;
  border-top: 1px solid var(--c-base-200);
}
.pso-w-profile__progress:hover {
  text-decoration: none;
  background-color: var(--c-base-50);
}
.pso-w-profile__progress .pso-progress__label {
  font-size: var(--F-XS);
}
@media (min-width: 61.25em) {
  .pso-w-profile__progress {
    transition: var(--TRANS);
  }
}

.pso-w-profile__nav {
  padding-top: var(--G3);
  padding-bottom: var(--G2);
  padding-inline: var(--G4);
  background-color: var(--c-base);
}

.pso-w-profile-nav__title {
  font-size: var(--F-M);
  font-weight: 500;
  color: var(--c-contrast);
}

.pso-w-profile-nav__links {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pso-w-profile-nav__link {
  --c: var(--c-contrast-light);
  --ic: var(--c-contrast-slight);
  display: flex;
  align-items: center;
  gap: var(--G2);
  padding-block: calc(var(--G3) / 2);
  font-size: var(--F-S);
  color: var(--c);
  text-decoration: none;
  border-bottom: 1px solid var(--c-base-200);
}
.pso-w-profile-nav__link i {
  font-size: var(--F);
  color: var(--ic);
}
.pso-w-profile-nav__link:hover, .pso-w-profile-nav__link:active {
  --c: var(--c-primary-sdark);
  --ic: var(--c-primary-sdark);
  text-decoration: none;
}
.pso-w-profile-nav__link:last-child {
  border-bottom: none;
}
@media (min-width: 61.25em) {
  .pso-w-profile-nav__link {
    transition: var(--TRANS);
  }
}

.pso-w-profile-nav__link--zero .pso-badge {
  display: none;
}

.pso-w-profile-nav__links--profile + .pso-w-profile-nav__title {
  margin-top: var(--G2);
}

.pso-w-search-input__wrapper {
  position: relative;
}
.pso-w-search-input__wrapper > i,
.pso-w-search-input__wrapper > .pso-loading {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 16px;
}
.pso-w-search-input__wrapper > .pso-loading {
  right: 12px;
  left: auto;
}

.pso-w-search__input {
  padding-inline: 36px !important;
  font-size: 16px !important;
  border: 1px solid var(--c-base-200) !important;
}
.pso-w-search__input:focus {
  border-color: var(--c-primary) !important;
}

.pso-w-search__box {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 100;
  max-height: 50vh;
  padding: var(--G3);
  font-size: 18px;
  font-weight: 500;
  background-color: var(--PS-COLOR--APP);
  border-radius: var(--BORDER-RADIUS--MD);
  box-shadow: var(--SH);
  overflow: auto;
}
